templates/page/contact_us.html.twig line 1

Open in your IDE?
  1. {% extends 'page_header.html.twig' %}
  3. {% block page_container %} 
  5.     <section class="contact-section">
  6.         <div class="container">
  7.         <div class="row mb-5">
  8.             <div class="col-md-12 text-center">
  9.             <h3 class="mb-4">Contact us on</h3>
  10.             </div>
  11.         </div>
  12.         <div class="row">
  13.             <div class="col-md-4 d-flex">
  14.             <div class="contact-box flex-fill">
  15.                 <div class="infor-img">
  16.                 <div class="image-circle">
  17.                     <i class="feather-phone"></i>
  18.                 </div>
  19.                 </div>
  20.                 <div class="infor-details text-center">
  21.                 <label>Phone Number</label>
  22.                 <p>{{ setting('primary_number') }}</p>
  23.                 </div>
  24.             </div>
  25.             </div>
  26.             <div class="col-md-4 d-flex">
  27.             <div class="contact-box flex-fill">
  28.                 <div class="infor-img">
  29.                 <div class="image-circle bg-primary">
  30.                     <i class="feather-mail"></i>
  31.                 </div>
  32.                 </div>
  33.                 <div class="infor-details text-center">
  34.                 <label>Email</label>
  35.                 <p><a href="">{{ setting('email_address') }}</a></p>
  36.                 </div>
  37.             </div>
  38.             </div>
  39.             <div class="col-md-4 d-flex">
  40.             <div class="contact-box flex-fill">
  41.                 <div class="infor-img">
  42.                 <div class="image-circle">
  43.                     <i class="feather-map-pin"></i>
  44.                 </div>
  45.                 </div>
  46.                 <div class="infor-details text-center">
  47.                 <label>Location</label>
  48.                 <p>{{ setting('app_address') }}</p>
  49.                 </div>
  50.                 </div>
  51.             </div>
  52.             </div>
  53.         </div>
  54.     </section>
  56.     <section class="contact-form">
  57.         <div class="container">
  58.             <div class="section-header text-center">
  59.             <h2>Get in touch!</h2>
  60.             </div>
  61.             <div class="row">
  62.             <div class="col-md-12">
  63.                 <form action="#">
  64.                 <div class="row">
  65.                     <div class="col-md-6">
  66.                     <div class="form-group">
  67.                         <label>Your Name <span>*</span></label>
  68.                         <input type="text" class="form-control">
  69.                     </div>
  70.                     </div>
  71.                     <div class="col-md-6">
  72.                     <div class="form-group">
  73.                         <label>Your Email <span>*</span></label>
  74.                         <input type="text" class="form-control">
  75.                     </div>
  76.                     </div>
  77.                     <div class="col-md-12">
  78.                     <div class="form-group">
  79.                         <label>Subject</label>
  80.                         <input type="text" class="form-control">
  81.                     </div>
  82.                     </div>
  83.                     <div class="col-md-12">
  84.                     <div class="form-group">
  85.                         <label>Comments <span>*</span></label>
  86.                         <textarea class="form-control">
  88.                         </textarea>
  89.                     </div>
  90.                     </div>
  91.                 </div>
  92.                 <button class="btn bg-primary">Send Message</button>
  93.                 </form>
  94.             </div>
  95.             </div>
  96.         </div>
  97.     </section>
  99. {% endblock %}