templates/page/contact_us.html.twig line 1

Open in your IDE?
  1. {% extends 'standard_tpl.html.twig' %}
  3. {% set headerBackground = 'assets/themes/castine/images/drinks-1283608_1920_2.jpg' %}
  5. {% block blody_class "bg-color" %}
  7. {% block content %} 
  9.     <!-- Contact form -->
  10.     <section class="fast-contact-wrapper-section">
  11.         <div class="container">
  12.             <div class="row">
  13.                 <div class="col-lg-12 text-center">
  14.                     <div class="about-us-title-sm">Let's Talk</div>
  15.                     <h3 class="about-us-title">Contact us for more information</h3>
  16.                 </div>
  17.             </div>
  19.             <div class="row fast-contact-form">
  20.                 <div class="col-lg-4">
  21.                     <ul class="list-unstyled">
  22.                         <li>
  23.                             <div class="d-flex align-items-center">
  24.                                 <div class="contact-card">
  25.                                     <div class="contact-icon-card d-flex align-items-center justify-content-center">
  26.                                         <i class="icon icon-headset"></i>
  27.                                     </div>
  28.                                 </div>
  29.                                 <div class="contact-card-content">
  30.                                     <h3>Location</h3>
  31.                                     <p class="mb-0">{{ setting('app_address') }}</p>
  32.                                 </div>
  33.                             </div>
  34.                         </li>
  35.                         <li>
  36.                             <div class="d-flex align-items-center">
  37.                                 <div class="contact-card">
  38.                                     <div class="contact-icon-card d-flex align-items-center justify-content-center">
  39.                                         <i class="icon icon-location"></i>
  40.                                     </div>
  41.                                 </div>
  42.                                 <div class="contact-card-content">
  43.                                     <h3>Support</h3>
  44.                                     <p class="mb-0">{{ setting('primary_number') }}</p>
  45.                                 </div>
  46.                             </div>
  47.                         </li>
  48.                         <li>
  49.                             <div class="d-flex align-items-center">
  50.                                 <div class="contact-card">
  51.                                     <div class="contact-icon-card d-flex align-items-center justify-content-center">
  52.                                         <i class="icon icon-email"></i>
  53.                                     </div>
  54.                                 </div>
  55.                                 <div class="contact-card-content">
  56.                                     <h3>Email</h3>
  57.                                     <p class="mb-0">{{ setting('app_email') }}</p>
  58.                                 </div>
  59.                             </div>
  60.                         </li>
  61.                     </ul>
  62.                 </div>
  63.                 <div class="col-lg-8">
  64.                     <div class="row">
  65.                         <div class="col-lg-6">
  66.                             <input class="form-control fast-contact-form-input" type="text" placeholder="First Name">
  67.                         </div>
  68.                         <div class="col-lg-6">
  69.                             <input class="form-control fast-contact-form-input" type="text" placeholder="Last Name">
  70.                         </div>
  71.                     </div>
  72.                     <div class="row">
  73.                         <div class="col-lg-6">
  74.                             <input class="form-control fast-contact-form-input" type="text" placeholder="Your Phone">
  75.                         </div>
  76.                         <div class="col-lg-6">
  77.                             <input class="form-control fast-contact-form-input" type="email" placeholder="Your Email">
  78.                         </div>
  79.                     </div>
  80.                     <div class="row">
  81.                         <div class="col-lg-12">
  82.                             <textarea class="form-control fast-contact-form-input" placeholder="Write Message" id="exampleFormControlTextarea1" rows="3"></textarea>
  83.                         </div>
  84.                     </div>
  85.                     <div class="row">
  86.                         <div class="col-lg-12">
  87.                             <a href="#" class="btn btn-primary-fast">Send Message</a>
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.         </div>
  93.     </section>
  94.     <!-- Contact form -->
  96.     <!-- Map -->
  97.     <div class="fast-contact-map">
  98.         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.1583090278!2d-74.1197637963364!3d40.697663748629545!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sin!4v1670753378947!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  99.     </div>
  100.     <!-- Map -->
  102. {% endblock %}