bookly/contacts/index.php

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Контакты");
?>
<?$APPLICATION->IncludeComponent(
	"bitrix:breadcrumb", 
	"top_navigate", 
	array(
		"COMPONENT_TEMPLATE" => "top_navigate",
		"START_FROM" => "0",
		"PATH" => "",
		"SITE_ID" => "s1"
	),
	false
);?>


    <div class="contact-us padding-medium">
      <div class="container">
        <div class="row">
          <div class="contact-info col-lg-6 pb-3">
            <h3>Контактная информация</h3>
            <p class="mb-5">Tortor dignissim convallis aenean et tortor at risus viverra adipiscing.</p>
            <div class="page-content d-flex flex-wrap">
              <div class="col-lg-6 col-sm-12">
                <div class="content-box text-dark pe-4 mb-5">
                  <h5 class="fw-bold">Office</h5>
                  <div class="contact-address pt-3">
                    <p>730 Glenstone Ave 65802, Springfield, US</p>
                  </div>
                  <div class="contact-number">
                    <p>
                      <a href="#">+123 987 321</a>
                    </p>
                    <p>
                      <a href="#">+123 123 654</a>
                    </p>
                  </div>
                  <div class="email-address">
                    <p>
                      <a href="#">info@yourinfo.com</a>
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-lg-6 col-sm-12">
                <div class="content-box">
                  <h5 class="fw-bold">Management</h5>
                  <div class="contact-address pt-3">
                    <p>730 Glenstone Ave 65802, Springfield, US</p>
                  </div>
                  <div class="contact-number">
                    <p>
                      <a href="#">+123 987 321</a>
                    </p>
                    <p>
                      <a href="#">+123 123 654</a>
                    </p>
                  </div>
                  <div class="email-address">
                    <p>
                      <a href="#">info@yourinfo.com</a>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="inquiry-item col-lg-6">
            <h3>Есть вопросы?</h3>
            <p class="mb-5">Используйте форму ниже для связи с нами.</p>
            <?$APPLICATION->IncludeComponent(
              "bookly:main.feedback",
              "contacts_feedback",
              Array(
                "AJAX_MODE" => "Y",
                "EMAIL_TO" => "timancool39@gmail.com",
                "EVENT_MESSAGE_ID" => array(),
                "OK_TEXT" => "Спасибо, ваше сообщение принято.",
                "REQUIRED_FIELDS" => array("NAME","EMAIL", "PHONE"),
                "USE_CAPTCHA" => "N"
              )
            );?>
            <!--<form id="form" class="d-flex gap-3 flex-wrap">
              <div class="w-100 d-flex gap-3">
                <div class="w-50">
                  <input type="text" name="name" placeholder="Write your name here *" class="form-control w-100">
                </div>
                <div class="w-50">
                  <input type="text" name="email" placeholder="Write your email here *" class="form-control w-100">
                </div>
              </div>
              <div class="w-100">
                <input type="text" name="phone" placeholder="Phone number" class="form-control w-100">
              </div>
              <div class="w-100">
                <textarea placeholder="Write your message here *" class="form-control w-100"></textarea>
              </div>
              <button type="submit" name="submit" class="btn my-3">Отправить</button>
            </form>-->
          </div>
        </div>
      </div>
    </div>
    
    <section id="our-store" class=" pt-0">
      <div class="container">
        <div class="row d-flex flex-wrap align-items-center">
          <div class="col-lg-6">
            <div class="image-holder mb-5">
              <img src="<?=SITE_TEMPLATE_PATH?>/assets/img/single-image2.jpg" alt="our-store" class="img-fluid">
            </div>
          </div>
          <div class="col-lg-6">
            <div class="locations-wrap ms-lg-5">
              <div class="display-header">
                <h3>Наши магазины</h3>
                <p class="mb-5">Вы можете купить наши книги напрямую из магазина.</p>
              </div>
              <div class="location-content d-flex flex-wrap">
                <div class="col-lg-6 col-sm-12">
                  <div class="content-box text-dark pe-4 mb-5">
                    <h5 class="fw-bold">USA</h5>
                    <div class="contact-address pt-3">
                      <p>730 Glenstone Ave 65802, US</p>
                    </div>
                    <div class="contact-number">
                      <p>
                        <a href="#">+123 666 777 88</a>
                      </p>
                    </div>
                    <div class="email-address">
                      <p>
                        <a href="#">info@yourinfo.com</a>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                  <div class="content-box">
                    <h5 class="fw-bold">France</h5>
                    <div class="contact-address pt-3">
                      <p>13 Rue Montmartre 75001, Paris, France</p>
                    </div>
                    <div class="contact-number">
                      <p>
                        <a href="#">+123 222 333 44</a>
                      </p>
                    </div>
                    <div class="email-address">
                      <p>
                        <a href="#">info@yourinfo.com</a>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                  <div class="content-box text-dark pe-4 mb-5">
                    <h5 class="fw-bold">Canada</h5>
                    <div class="contact-address pt-3">
                      <p>730 Glenstone Ave 65802, US</p>
                    </div>
                    <div class="contact-number">
                      <p>
                        <a href="#">+123 666 777 88</a>
                      </p>
                    </div>
                    <div class="email-address">
                      <p>
                        <a href="#">info@yourinfo.com</a>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                  <div class="content-box">
                    <h5 class="fw-bold">China</h5>
                    <div class="contact-address pt-3">
                      <p>13 Rue Montmartre 75001, Paris, France</p>
                    </div>
                    <div class="contact-number">
                      <p>
                        <a href="#">+123 222 333 44</a>
                      </p>
                    </div>
                    <div class="email-address">
                      <p>
                        <a href="#">info@yourinfo.com</a>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>