templates/pages/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css"/>
  6. <style>
  8.         button#sub-form {
  9.             padding: 4px 40px;
  10.             background: #3e2e6c;
  11.             color: white;
  12.             border: none;
  13.             float: right;
  14.             margin-top: 10px;
  15.         }
  16.         
  17. </style>
  19. {% endblock %}
  21. {% block body %}
  22.     <section id="top" class="common-sec main-classes-list ">
  23.         {#<div class="mt-0">#}
  24.         <section id="top" class="common-sec main-classes-list" style="margin-top:15%">
  25.             <div class="container cont">
  26.                 <div class="row">
  27.                     <h2>Contactez-nous
  28.                     </h2><br>
  29.                     <img style="margin-bottom: 40px;width: 50%;" src="{{asset('front/images/hr.png') }}" alt="accademy">
  30.                     <p style="color:#8D96B5!important;font-size:14px; font-weight:300">N'hésitez pas à nous contacter pour toute question ou demande d'information. Nous reviendrons vers vous dans les plus brefs délais.</p>
  31.                 </div>
  32.             </div>
  33.         </section>
  34.     {#</div>#}
  35.             {# blog #}
  36.         <section class="common-sec main-our-blog">
  37.             <div class="container">
  38.                 <div class="row">
  39.                     <div class="col-md-8 col-sm-12">
  40.                         {#<h6 style="color:black; font-weight:bold" class="contact-title">Contactez-nous</h6>#}
  41.       {#                  <span style="padding: 0px;border-bottom: 2px solid #00008F;padding-left: 36px;position: relative;top: -20px !important;"> </span>#}
  42.       {#                  <p style="color:#8D96B5!important;font-size:14px; font-weight:300"> N'hésitez pas à nous contacter pour toute question ou demande d'information. Nous reviendrons vers vous dans les plus brefs délais. </p>#}
  43.                         <form>
  44.                         <div class="row">
  45.                             <div class="col-sm-4">
  46.                                 <input type="text" class="form-control" style="height:48px" id="nom" placeholder="Nom">
  47.                             </div>
  48.                             <div class="col-sm-4">
  49.                                  <input type="text" class="form-control" style="height:48px" id="prenom" placeholder="Prénom">
  50.                             </div>
  51.                             <div class="col-sm-4">
  52.                                 <input type="email" class="form-control" style="height:48px" id="email" placeholder="email@example.com">
  53.                             </div>
  54.                              
  55.                         </div>
  56.                         <div class="row mt-4">
  57.                            <div class="col-sm-12">
  58.                                <textarea style="height:160px" class="form-control" id="message" placeholder="Message"></textarea>
  59.                                <button type="submit" id="sub-form" style="background: #5821D4;font-size: 12px;font-weight: 300;">Envoyer <i class="fas fa-chevron-right"></i></button>
  60.                            </div>
  61.                         </div>
  62.                         </form>
  63.                     </div>
  64.                     <div class="col-md-4 col-sm-12" style="background:#FFF9E2;text-align:center">
  65.                         <h6 style="color:black; margin-top:40px">Adresse</h6>
  66.                         <span style="padding: 0px;border-bottom: 2px solid #00008F;padding-left: 36px;position: relative;top: -20px !important;"> </span>
  67.                           <p style="color:#8D96B5!important;font-size:14px; font-weight:300">SETUP Paris - 8 avenue président Salvador Allende - 94400 Vitry sur Seine</p>
  69.                           <p style="color:black; margin-top:30px; font-size: 12px;">(+212) 6 30 81 18 62</p>
  70.                           <p style="color:black; margin-top:8px; font-size: 12px;">direction@smartcraft-academy.fr</p>
  72.                         
  73.                     </div>
  74.                 </div>
  75.                 
  76.             </div>
  77.         </section>
  78.         {# blog #}
  79.     </section>   
  80. {% endblock%}