templates/home/app_contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Nous contacter {% endblock %}
  5. {% block body %}
  6. <style>
  7.     #hea{
  8.         background: url("{{asset('assets/img/prod/ppwp-ecommerce-security.png')}}");
  9.         background-size: cover;
  10.         background-attachment: fixed;
  11.         color: white;
  12.     }
  13. </style>
  15. <div data-aos="fade" class="page-title" id="hea">
  16.     <div class="heading">
  17.       <div class="container">
  18.         <div class="row d-flex justify-content-center text-center">
  19.           <div class="col-lg-8">
  20.             <h1 style="color: white;">Nous Contacter </h1>
  21.             {# <p class="mb-0">Odio et unde deleniti. Deserunt numquam exercitationem. Officiis quo odio sint voluptas consequatur ut a odio voluptatem. Sit dolorum debitis veritatis natus dolores. Quasi ratione sint. Sit quaerat ipsum dolorem.</p> #}
  22.           </div>
  23.         </div>
  24.       </div>
  25.     </div>
  26.     <nav class="breadcrumbs">
  27.       <div class="container">
  28.         <ol>
  29.           <li><a href="{{path('app_home')}}">Accueil</a></li>
  30.           <li class="current">contact</li>
  31.         </ol>
  32.       </div>
  33.     </nav>
  34.   </div><!-- End Page Title -->
  37.   <section id="features" class="features">
  39.     <!--  Section Title -->
  40.     <div class="container section-title" data-aos="fade-up">
  41.       <h2>Contact</h2>
  42.       <p>
  43.         Chez GoDo, nous sommes passionnés par l'essor du commerce en ligne et nous nous engageons à fournir à nos clients une plateforme de boutique en ligne maintenue et sécurisée, leur permettant de prospérer dans le monde numérique en constante évolution
  44.       </p>
  45.     </div><!-- End Section Title -->
  47.     <div class="container">
  49.     
  51.       <div class="row gy-4 align-items-stretch justify-content-between features-item ">
  52.         <div class="col-lg-6 d-flex align-items-center features-img-bg" data-aos="zoom-out">
  53.           <img src="{{asset('assets/img/prod/161-1619213_e-commerce-graphic-mobile-e-commerce-transparent-png.png')}}" class="img-fluid" alt="">
  54.         </div>
  55.         <div class="col-lg-5 d-flex justify-content-center flex-column" data-aos="fade-up">
  56.           <h3>Contactez-nous maintenant</h3>
  57.           {% for msg in app.flashes('notif') %}
  58.                 <div class="alert alert-success">{{msg}}</div>
  59.           {% endfor %}
  60.           <p>
  61.                 <p>
  62.                     <form action="{{path('app_receive_contact')}}" method="post">
  63.                         <input type="text" name="nom" placeholder="nom" class="form-control">
  64.                         <br>
  65.                         <input type="email" class="form-control" placeholder="Email" name="email" />
  66.                         <br>
  67.                         <input type="text" name="phone" class="form-control" placeholder="phone">
  68.                         <br>
  69.                         <textarea name="message" class="form-control" id="" placeholder="Message" cols="30" rows="10"></textarea>
  70.                         <br>
  71.                         <button type="submit"  class="btn btn-get-started align-self-start">Envoyer</button>
  72.                     </form>
  73.                 </p>
  74.             </p>
  75.           {# <ul>
  76.             <li><i class="bi bi-check"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li>
  77.             <li><i class="bi bi-check"></i><span> Duis aute irure dolor in reprehenderit in voluptate velit.</span></li>
  78.             <li><i class="bi bi-check"></i> <span>Facilis ut et voluptatem aperiam. Autem soluta ad fugiat</span>.</li>
  79.           </ul> #}
  80.          
  81.         </div>
  82.       </div><!-- Features Item -->
  84.     </div>
  86.   </section><!-- End Features Section -->
  88. <br><br>
  89. {% endblock %}