templates/site/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'site/site.html.twig' %}
  3. {% block title %}
  4.   {{ parent() }}
  5.   - Contact
  6. {% endblock %}
  8. {% block page %}
  9.   <div class="container-fluid">
  10.     <div class="row mb-5">
  11.       <div class="col-12 pr-0 pl-0 text-center">
  12.         <div class="nom-page">
  13.           Accueil > <span>Contact</span>
  14.         </div>
  15.       </div>
  16.     </div>
  17.   </div>
  19.   <div class="container">
  20.     <div class="row">
  21.       <div class="col-12 text-center">
  22.         <div class="titre-contact padding-fixed">
  23.           CONTACTEZ-NOUS
  24.         </div>
  25.       </div>
  26.     </div>
  27.   </div>
  29.   <div class="partie-contact">
  30.     <div class="container-fluid">
  31.       <div class="row pt-5">
  32.         <div class="col-12 col-md-6 back-black pr-0 pl-0">
  33.           <div class="info-contact">
  34.             <div class="siege-social pb-4">
  35.               <p class="text-1-contact mb-1">
  36.                 SIÈGE SOCIAL :
  37.               </p>
  38.               <p class="text-2-contact">
  39.                 Immeuble STAR, Angle Av. du Japon et Rue Mohamed Badra, 1er et
  40.                 2ème Etage-Montplaisir 1073 Tunis, Tunisie
  41.               </p>
  42.             </div>
  43.             <div class="maps-contact">
  44.               <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3193.956495271176!2d10.189582!3d36.8195624!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd348b30f3d34b%3A0xc7f418a55e89118f!2sRue%20Mohamed%20Badra%20%26%20Avenue%20du%20Japon%2C%20Tunis!5e0!3m2!1sfr!2stn!4v1700617357165!5m2!1sfr!2stn"
  45.                 width="350"
  46.                 height="250"
  47.                 frameborder="0"
  48.                 style="border:0; border-radius:45px;background:#00800099;opacity:0.5;width:100%;heigh:100%;"
  49.                 allowfullscreen=""
  50.                 aria-hidden="false"
  51.                 tabindex="0"></iframe>
  52.             </div>
  53.             <div class="phone-email pt-5">
  54.               <div class="num-tel-contact">
  55.                 <img src="{{ asset('assets/site/images/phone.png') }}"
  56.                   width="20px" />
  57.                 <p>
  58.                   (+216) 71 187 710
  59.                 </p>
  60.               </div>
  61.               <div class="email-contact">
  62.                 <i class="fa fa-envelope"></i>
  63.                 <p>
  64.                   iaa.tunisie@star.com.tn
  65.                 </p>
  66.               </div>
  67.             </div>
  68.           </div>
  69.         </div>
  70.         <div class="col-12 col-md-6 text-center back-green">
  71.           <div class="formulaire-contact">
  72.             <div class="input-espace-personnel pt-3 pb-3">
  73.               <input type="text"
  74.                 id="nom"
  75.                 name="nom"
  76.                 placeholder="Nom, prénom *" />
  77.             </div>
  78.             <div class="input-espace-personnel pt-3 pb-3">
  79.               <input type="text" id="email" name="email" placeholder="Email" />
  80.             </div>
  81.             <div class="input-espace-personnel pt-3 pb-3">
  82.               <input type="text"
  83.                 id="telephone"
  84.                 name="telephone"
  85.                 placeholder="Téléphone *" />
  86.             </div>
  87.             <div class="input-espace-personnel pt-3 pb-3">
  88.               <input type="text" id="sujet" name="sujet" placeholder="Sujet" />
  89.             </div>
  90.             <div class="mesage-espace-personnel pt-3 pb-1">
  91.               <textarea rows="7" id="message">
  92.                 Message
  93.               </textarea>
  94.             </div>
  95.             <div class="texte-message pb-3">
  96.               Les champs requis sont marqués par (*).
  97.             </div>
  98.             <div class="btn-1 pt-5">
  99.               <button id="btnformcontact" class="btn-1--couleur">
  100.                 ENVOYER VOTRE MESSAGE
  101.               </button>
  102.             </div>
  103.           </div>
  104.         </div>
  105.       </div>
  106.     </div>
  107.   </div>
  108. {% endblock %}