Sindbad~EG File Manager

<?php

/* Template Name: Contact Us */

get_header();
?>

  <main id="primary" class="site-main">
      <!-- Contact details-->
      <section class="bg-dark overflow-hidden dark-mode">
        <div class="container pt-5 pb-lg-2 pb-xl-4 py-xxl-5">
          <!-- Page title-->
          <h1 class="display-6 text-center">Contact Us</h1>
          <p class="fs-lg pb-4 mb-2 mb-sm-3 text-center">Get in touch with us by completing the below form or call us now</p>
          <!-- Details cards-->
          <div class="row row-cols-1 row-cols-sm-2 row-cols-xl-4 ">
            <!-- Address-->
            <div class="col">
              <div class="card border-0 h-100">
                <div class="card-body">
                  <h4 class="card-title mb-4">Address</h4>
                  <p class="fs-sm fw-medium pb-3 mb-3">555 Republic Dr Ste 500, Plano, TX 75074</p>
                  <!--<a class="btn btn-sm btn-outline-primary" href="#"><i class="ai-map-pin me-1"></i>Get directions</a>-->
                </div>
              </div>
            </div>
            <!-- Phone-->
            <div class="col">
              <div class="card border-0 h-100">
                <div class="card-body">
                  <h4 class="card-title mb-4">Phone</h4>
                  <ul class="list-unstyled mb-0">
                    <li class="pb-1 mb-2"><span class="d-block fs-sm text-muted mb-1">Main Office</span><a class="nav-link fs-sm p-0" href="tel:+12147642222">+1 (214) 764 2222</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- Schedule-->
            <div class="col">
              <div class="card border-0 h-100">
                <div class="card-body">
                  <h4 class="card-title mb-4">Schedule</h4>
                  <ul class="list-unstyled mb-0">
                    <li class="pb-1 mb-2"><span class="d-block fs-sm text-muted mb-1">Mon - Fri</span>
                      <div class="d-flex align-items-center"><span class="text-nav fs-sm fw-medium">09:00 AM ---- 06:00 PM</span><span class="text-nav fs-sm fw-medium"></span></div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- Email-->
            <div class="col">
              <div class="card border-0 h-100">
                <div class="card-body">
                  <h4 class="card-title mb-4">Email</h4>
                  <ul class="list-unstyled mb-0">
                    <li class="pb-1 mb-2"><span class="d-block fs-sm text-muted mb-1">Main Office</span><a class="nav-link fs-sm p-0" href="mailto:info@infinitibizsol.com">info@infinitibizsol.com</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div style="height: 250px;"></div>
      </section>
      <!-- Contact form-->
      <section class="container dark-mode py-5" style="margin-top: -260px;">
        <div class="card border-0 bg-primary position-relative py-lg-4 py-xl-5">
          <!-- Decorative shapes-->
          <svg class="position-absolute end-0 mt-n2" width="242" height="331" viewBox="0 0 242 331" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M172.014 250.127C137.236 227.74 112.349 192.144 144.586 153.591C157.686 137.932 176.759 127.973 196.524 122.046C234.647 110.639 277.027 113.361 313.349 129.576C338.19 140.666 361.129 159.183 369.934 184.502C383.476 223.496 359.75 260.161 321.569 273.118C288.832 284.223 247.685 279.513 214.885 269.837C201.003 265.743 185.745 258.966 172.014 250.127Z" fill="#121519" fill-opacity=".07"></path>
            <path d="M20.3265 69.264C19.7064 43.0736 29.8071 17.1878 62.3851 19.8622C75.6229 20.9505 87.9525 27.2066 98.3563 35.3132C118.426 50.9253 132.424 73.896 136.952 98.6413C140.044 115.562 138.424 134.218 127.978 148C111.901 169.236 83.4531 170.283 62.5246 155.209C44.5807 142.281 32.0983 119.217 25.3391 98.6799C22.4836 89.9885 20.5616 79.6021 20.3265 69.264Z" fill="#121519" fill-opacity=".07"></path>
          </svg>
          <svg class="position-absolute start-0 bottom-0 ms-3" width="169" height="217" viewBox="0 0 169 217" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M34.2574 90.0177C29.666 97.6253 26.6254 106.591 24.9502 114.96C19.9522 140.043 26.4112 168.792 49.6162 181.885C66.0705 191.17 91.0017 189.904 108.062 183.692C125.725 177.266 135.045 168.04 142.29 150.389C151.409 128.174 150.912 99.6904 125.93 91.6429C115.423 88.254 104.723 86.5065 94.2249 82.5889C84.6622 79.0248 74.8545 72.1766 64.4411 71.6149C50.8011 70.8777 40.9122 79.0146 34.2574 90.0177Z" fill="#121519" fill-opacity="0.07"></path>
            <path d="M147.005 75.6331C152.135 70.7783 156.106 64.2374 159.153 57.9073C166.014 43.6372 174.127 22.1368 160.207 9.68505C152.924 3.17188 139.243 3.86644 130.324 5.29774C118.428 7.20428 107.295 8.85077 96.5031 14.783C85.8056 20.6599 79.0155 33.6997 77.0014 45.6686C75.4978 54.5776 79.63 63.6672 84.7391 70.7453C91.8208 80.5571 103.503 84.2003 114.817 84.3975C121.101 84.5081 127.716 84.0527 133.89 82.8121C138.932 81.7962 143.273 79.1597 147.005 75.6331Z" fill="#121519" fill-opacity="0.07"></path>
          </svg>
          <div class="card-body position-relative zindex-2 py-5">
            <div class="card-body position-relative zindex-2 py-5 mx-auto" style="max-width: 850px;">
              <h2 class="h1 card-title text-center pb-4">Contact Us</h2>
                <?php 
                    echo do_shortcode('[wpforms id="463"]');
                ?>
            </div>
          </div>
        </div>
      </section>
      <!--Map-->
 <section class="bg-secondary overflow-hidden" style="height: 450px;">
        <div class="row align-items-center ">
            <div class="col-md-12">
                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13379.834410117815!2d-96.7054515!3d33.0312211!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864c198fbc91100f%3A0x11c123f174a10b6!2sInfiniti%20Business%20Solutions!5e0!3m2!1sen!2sus!4v1677069152610!5m2!1sen!2sus" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
</section>
<!--Map-->
        </main><!-- #main -->

<?php
get_sidebar();
get_footer();