templates/front/pages/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  2. {% block title %}SUNSHINE ELEGANCE :: Contact {% endblock %}
  3. {% block body %}
  4.     <main class="main">
  5.         <div class="page-header breadcrumb-wrap">
  6.             <div class="container">
  7.                 <div class="breadcrumb">
  8.                     <a href="{{ path('home') }}" rel="nofollow">Acceuil</a>
  9.                     <span></span> Contact
  10.                 </div>
  11.             </div>
  12.         </div>
  13.         {# <section class="hero-2 bg-green">
  14.             <div class="hero-content">
  15.                 <div class="container">
  16.                     <div class="text-center">
  17.                         <h4 class="text-brand mb-20">Get in touch</h4>
  18.                         <h1 class="mb-20 wow fadeIn animated font-xxl fw-900">
  19.                             Let's Talk About <br>Your <span class="text-style-1">Idea</span>
  20.                         </h1>
  21.                         <p class="w-50 m-auto mb-50 wow fadeIn animated">Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum quam eius placeat, a quidem mollitia at accusantium reprehenderit pariatur provident nam ratione incidunt magnam sequi.</p>
  22.                         <p class="wow fadeIn animated">
  23.                             <a class="btn btn-brand btn-lg font-weight-bold text-white border-radius-5 btn-shadow-brand hover-up" href="page-about.html">About Us</a>
  24.                             <a class="btn btn-outline btn-lg btn-brand-outline font-weight-bold text-brand bg-white text-hover-white ml-15 border-radius-5 btn-shadow-brand hover-up">Support Center</a>
  25.                         </p>
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.         </section>
  30.         <section class="section-border pt-50 pb-50">
  31.             <div class="container">
  32.                 <div id='map-panes' class="leaflet-map mb-50"></div>
  33.                 <div class="row">
  34.                     <div class="col-md-4 mb-4 mb-md-0">
  35.                         <h4 class="mb-15 text-brand">Office</h4>
  36.                         205 North Michigan Avenue, Suite 810<br>
  37.                         Chicago, 60601, USA<br>
  38.                         <abbr title="Phone">Phone:</abbr> (123) 456-7890<br>
  39.                         <abbr title="Email">Email: </abbr>contact@Evara.com<br>
  40.                         <a class="btn btn-outline btn-sm btn-brand-outline font-weight-bold text-brand bg-white text-hover-white mt-20 border-radius-5 btn-shadow-brand hover-up"><i class="fi-rs-marker mr-10"></i>View map</a>
  41.                     </div>
  42.                     <div class="col-md-4 mb-4 mb-md-0">
  43.                         <h4 class="mb-15 text-brand">Studio</h4>
  44.                         205 North Michigan Avenue, Suite 810<br>
  45.                         Chicago, 60601, USA<br>
  46.                         <abbr title="Phone">Phone:</abbr> (123) 456-7890<br>
  47.                         <abbr title="Email">Email: </abbr>contact@Evara.com<br>
  48.                         <a class="btn btn-outline btn-sm btn-brand-outline font-weight-bold text-brand bg-white text-hover-white mt-20 border-radius-5 btn-shadow-brand hover-up"><i class="fi-rs-marker mr-10"></i>View map</a>
  49.                     </div>
  50.                     <div class="col-md-4">
  51.                         <h4 class="mb-15 text-brand">Shop</h4>
  52.                         205 North Michigan Avenue, Suite 810<br>
  53.                         Chicago, 60601, USA<br>
  54.                         <abbr title="Phone">Phone:</abbr> (123) 456-7890<br>
  55.                         <abbr title="Email">Email: </abbr>contact@Evara.com<br>
  56.                         <a class="btn btn-outline btn-sm btn-brand-outline font-weight-bold text-brand bg-white text-hover-white mt-20 border-radius-5 btn-shadow-brand hover-up">
  57.                             <i class="fi-rs-marker mr-10"></i> View map</a>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </section> #}
  62.         <section class="pt-50 pb-50" id="app">
  63.             <div class="container">
  64.                 <div class="row">
  65.                     <div class="col-xl-8 col-lg-10 m-auto">
  66.                         <div class="contact-from-area padding-20-row-col wow FadeInUp">
  67.                             <h3 class="mb-10 text-center mb-30">Contactez nous</h3>
  68.                             {# <p class="text-muted mb-30 text-center font-sm">Lorem ipsum dolor sit amet consectetur.</p> #}
  69.                             <div class="contact-form-style text-center" id="contact-form">
  70.                                 <div class="row">
  71.                                     <div class="col-lg-6 col-md-6">
  72.                                         <div class="input-style mb-20">
  73.                                             <input name=nom" placeholder="Nom et prénom" type="text"
  74.                                                    v-model="user.nomPrenom">
  75.                                         </div>
  76.                                     </div>
  77.                                     <div class="col-lg-6 col-md-6">
  78.                                         <div class="input-style mb-20">
  79.                                             <input name="email" placeholder="E-mail" type="email" v-model="user.email">
  80.                                         </div>
  81.                                     </div>
  82.                                     <div class="col-lg-6 col-md-6">
  83.                                         <div class="input-style mb-20">
  84.                                             <input name="telephone" placeholder="Téléphone" type="tel"
  85.                                                    v-model="user.telephone" v-mask="'## ### ###'">
  86.                                         </div>
  87.                                     </div>
  88.                                     <div class="col-lg-6 col-md-6">
  89.                                         <div class="input-style mb-20">
  90.                                             <input name="subject" placeholder="Sujet" type="text" v-model="user.sujet">
  91.                                         </div>
  92.                                     </div>
  93.                                     <div class="col-lg-12 col-md-12">
  94.                                         <div class="textarea-style mb-30">
  95.                                             <textarea name="message" placeholder="Message"
  96.                                                       v-model="user.message"></textarea>
  97.                                         </div>
  98.                                         <button class="submit submit-auto-width" @click="envoyer()"
  99.                                                 :disabled="disabled">Envoyer
  100.                                         </button>
  101.                                     </div>
  102.                                 </div>
  103.                             </div>
  104.                             <p class="form-messege"></p>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </section>
  110.     </main>
  111. {% endblock %}
  112. {% block footer %}
  113.     {{ parent() }}
  114. {% endblock %}
  116. {% block javascripts %}
  117.     {{ parent() }}
  118.     <script src="{{ asset('front/assets/scripts/user/contact.js') }}"></script>
  120. {% endblock %}