templates/home/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base_home.html.twig' %}
  3. {% block title %}Contact | MaketOu{% endblock %}
  5. {% block body %}
  6.     <!-- Start Banner Area -->
  7.     <section class="banner-area organic-breadcrumb">
  8.         <div class="container">
  9.             <div class="breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end">
  10.                 <div class="col-first">
  11.                     <h1>Contactez-nous</h1>
  12.                     <nav class="d-flex align-items-center">
  13.                         <a href="{{ path('ui_home') }}">Accueil<span class="lnr lnr-arrow-right"></span></a>
  14.                         <a href="javascript:void(0)">Contact</a>
  15.                     </nav>
  16.                 </div>
  17.             </div>
  18.         </div>
  19.     </section>
  20.     <!-- End Banner Area -->
  22.     <!--================Contact Area =================-->
  23.     <section class="contact_area section_gap_bottom">
  24.         <div class="container">
  25.             <div id="mapBox" class="mapBox" data-lat="40.701083" data-lon="-74.1522848" data-zoom="13"
  26.                  data-info="PO Box CT16122 Collins Street West, Victoria 8007, Australia."
  27.                  data-mlat="40.701083" data-mlon="-74.1522848">
  28.             </div>
  29.             <div class="row">
  30.                 <div class="col-lg-3">
  31.                     <div class="contact_info">
  32.                         <div class="info_item">
  33.                             <i class="lnr lnr-home"></i>
  34.                             <h6>California, United States</h6>
  35.                             <p>Santa monica bullevard</p>
  36.                         </div>
  37.                         <div class="info_item">
  38.                             <i class="lnr lnr-phone-handset"></i>
  39.                             <h6><a href="#">00 (440) 9865 562</a></h6>
  40.                             <p>Mon to Fri 9am to 6 pm</p>
  41.                         </div>
  42.                         <div class="info_item">
  43.                             <i class="lnr lnr-envelope"></i>
  44.                             <h6><a href="mailto:contact@maketou.com">contact@maketou.com</a></h6>
  45.                             <p>Send us your query anytime!</p>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.                 <div class="col-lg-9">
  50.                     <form class="row contact_form" action="contact_process.php" method="post" id="contactForm"
  51.                           novalidate="novalidate">
  52.                         <div class="col-md-6">
  53.                             <div class="form-group">
  54.                                 <input type="text" class="form-control" id="name" name="name"
  55.                                        placeholder="Enter your name" onfocus="this.placeholder = ''"
  56.                                        onblur="this.placeholder = 'Enter your name'">
  57.                             </div>
  58.                             <div class="form-group">
  59.                                 <input type="email" class="form-control" id="email" name="email"
  60.                                        placeholder="Enter email address" onfocus="this.placeholder = ''"
  61.                                        onblur="this.placeholder = 'Enter email address'">
  62.                             </div>
  63.                             <div class="form-group">
  64.                                 <input type="text" class="form-control" id="subject" name="subject"
  65.                                        placeholder="Enter Subject" onfocus="this.placeholder = ''"
  66.                                        onblur="this.placeholder = 'Enter Subject'">
  67.                             </div>
  68.                         </div>
  69.                         <div class="col-md-6">
  70.                             <div class="form-group">
  71.                                 <textarea class="form-control" name="message" id="message" rows="1"
  72.                                           placeholder="Enter Message" onfocus="this.placeholder = ''"
  73.                                           onblur="this.placeholder = 'Enter Message'"></textarea>
  74.                             </div>
  75.                         </div>
  76.                         <div class="col-md-12 text-right">
  77.                             <button type="submit" value="submit" class="primary-btn">Send Message</button>
  78.                         </div>
  79.                     </form>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.     </section>
  84.     <!--================Contact Area =================-->
  86. {% endblock %}