templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Faites du E-Commerce en Mieux grâce à GoDo en obtenant votre boutique sécurisée et maintenue!{% endblock %}
  5. {% block body %}
  6.     
  7.     <!-- Hero Section - Home Page -->
  8.     <section id="hero" class="hero">
  10.         <img src="{{asset('assets/img/prod/wp7566265-online-shop-wallpapers.jpg')}}" alt="" data-aos="fade-in">
  11.   
  12.         <div class="container">
  13.           <div class="row">
  14.             <div class="col-lg-10">
  16.               {% for message in app.flashes('notif') %}
  17.                 <div class="alert alert-success">{{message}}</div>
  18.               {% endfor %}
  19.              
  20.               <h2 data-aos="fade-up" data-aos-delay="100">GoDo vous permet de faire du eCommerce en mieux</h2>
  21.               <p data-aos="fade-up" data-aos-delay="200">Nous vous aidons à propulser votre commerce sur internet en vous offrant votre boutique en ligne, maintenue et sécurisée</p>
  22.             </div>
  23.             <div class="col-lg-5">
  24.               <form action="{{path('app_email_register')}}" method="get" class="sign-up-form d-flex" data-aos="fade-up" data-aos-delay="300">
  25.                 <input type="email" name="email" required class="form-control" placeholder="Entrez votre adresse email">
  26.                 <input type="submit" class="btn btn-primary" data-toggle="modal" data-target="#myModal" value="S'inscrire">
  27.               </form>
  28.             </div>
  29.           </div>
  30.         </div>
  31.   
  32.       </section><!-- End Hero Section -->
  33.   
  34.       <!-- Clients Section - Home Page -->
  35.       <section id="clients" class="clients">
  36.   
  37.         <div class="container-fluid" data-aos="fade-up">
  38.   
  39.           <div class="row gy-4">
  40.   
  41.             <div class="col-xl-2 col-md-3 col-6 client-logo">
  42.               <img src="{{asset('assets/img/clients/client-1.png')}}" class="img-fluid" alt="">
  43.             </div><!-- End Client Item -->
  44.   
  45.             <div class="col-xl-2 col-md-3 col-6 client-logo">
  46.               <img src="assets/img/clients/client-2.png" class="img-fluid" alt="">
  47.             </div><!-- End Client Item -->
  48.   
  49.             <div class="col-xl-2 col-md-3 col-6 client-logo">
  50.               <img src="assets/img/clients/client-3.png" class="img-fluid" alt="">
  51.             </div><!-- End Client Item -->
  52.   
  53.             <div class="col-xl-2 col-md-3 col-6 client-logo">
  54.               <img src="assets/img/clients/client-4.png" class="img-fluid" alt="">
  55.             </div><!-- End Client Item -->
  56.   
  57.             <div class="col-xl-2 col-md-3 col-6 client-logo">
  58.               <img src="assets/img/clients/client-5.png" class="img-fluid" alt="">
  59.             </div><!-- End Client Item -->
  60.   
  61.             <div class="col-xl-2 col-md-3 col-6 client-logo">
  62.               <img src="assets/img/clients/client-6.png" class="img-fluid" alt="">
  63.             </div><!-- End Client Item -->
  64.   
  65.           </div>
  66.   
  67.         </div>
  68.   
  69.       </section><!-- End Clients Section -->
  70.   
  71.       <!-- About Section - Home Page -->
  72.       <section id="about" class="about">
  73.   
  74.         <div class="container" data-aos="fade-up" data-aos-delay="100">
  75.           <div class="row align-items-xl-center gy-5">
  76.   
  77.             <div class="col-xl-5 content">
  78.               <h3>Ce que nous faisons exactemnt ?</h3>
  79.               <h2>Nous mettons a votre disposition une boutique eCommerce </h2>
  80.               <p>Le commerce électronique est le point sur lequel beaucoup de marchands doivent opter car internet nous offre beaucoup de possibilités. c’est pour cette raison que GoDo existe. Son rôle est de gérer le côté complexe de l'implémentation et gestion d’une boutique en ligne pour que les auteurs puissent exercer tranquillement sur leur boutique.</p>
  81.               {# <a href="javascript:void(0)" class="read-more"><span>Notre service client</span><i class="bi bi-arrow-right"></i></a> #}
  82.             </div>
  83.   
  84.             <div class="col-xl-7">
  85.               <div class="row gy-4 icon-boxes">
  86.   
  87.                 <div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
  88.                   <div class="icon-box">
  89.                     <i class="bi bi-buildings"></i>
  90.                     <h3>Professionnalisme</h3>
  91.                     <p>GoDo vous rend encore plus professionnel dans l’exercice de votre activité de commerce en rendant le nom de votre marque officiel.</p>
  92.                   </div>
  93.                 </div> <!-- End Icon Box -->
  94.   
  95.                 <div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
  96.                   <div class="icon-box">
  97.                     <i class="bi bi-clipboard-pulse"></i>
  98.                     <h3>Autonomie</h3>
  99.                     <p>nous vous aidons à être plus forts que la concurrence. nous vous aidons à trouver des stratégies commerciales pour être plus robuste.
  100.                     </p>
  101.                   </div>
  102.                 </div> <!-- End Icon Box -->
  103.   
  104.                 <div class="col-md-6" data-aos="fade-up" data-aos-delay="400">
  105.                   <div class="icon-box">
  106.                     <i class="bi bi-command"></i>
  107.                     <h3>Crédibilité </h3>
  108.                     <p>La crédibilité vient parfois avant le produit et c’est pour cela que nous nous arrangons a embelir votre credibilites avant tout.</p>
  109.                   </div>
  110.                 </div> <!-- End Icon Box -->
  111.   
  112.                 <div class="col-md-6" data-aos="fade-up" data-aos-delay="500">
  113.                   <div class="icon-box">
  114.                     <i class="bi bi-graph-up-arrow"></i>
  115.                     <h3>Évolutivité</h3>
  116.                     <p>Nous vous rendrons meilleur avec le temps. nous concevons quotidiennement des nouveaux composants pour votre boutique.</p>
  117.                   </div>
  118.                 </div> <!-- End Icon Box -->
  119.   
  120.               </div>
  121.             </div>
  122.   
  123.           </div>
  124.         </div>
  125.   
  126.       </section><!-- End About Section -->
  127.   
  128.       <!-- Stats Section - Home Page -->
  129.       <section id="stats" class="stats">
  130.   
  131.         <img src="assets/img/stats-bg.jpg" alt="" data-aos="fade-in">
  132.   
  133.         <div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
  134.   
  135.           <div class="row gy-4">
  136.   
  137.             <div class="col-lg-3 col-md-6">
  138.               <div class="stats-item text-center w-100 h-100">
  139.                 <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
  140.                 <p>Clients</p>
  141.               </div>
  142.             </div><!-- End Stats Item -->
  143.   
  144.             <div class="col-lg-3 col-md-6">
  145.               <div class="stats-item text-center w-100 h-100">
  146.                 <span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span>
  147.                 <p>Projects</p>
  148.               </div>
  149.             </div><!-- End Stats Item -->
  150.   
  151.             <div class="col-lg-3 col-md-6">
  152.               <div class="stats-item text-center w-100 h-100">
  153.                 <span data-purecounter-start="0" data-purecounter-end="1453" data-purecounter-duration="1" class="purecounter"></span>
  154.                 <p>Hours Of Support</p>
  155.               </div>
  156.             </div><!-- End Stats Item -->
  157.   
  158.             <div class="col-lg-3 col-md-6">
  159.               <div class="stats-item text-center w-100 h-100">
  160.                 <span data-purecounter-start="0" data-purecounter-end="32" data-purecounter-duration="1" class="purecounter"></span>
  161.                 <p>Workers</p>
  162.               </div>
  163.             </div><!-- End Stats Item -->
  164.   
  165.           </div>
  166.   
  167.         </div>
  168.   
  169.       </section><!-- End Stats Section -->
  170.   
  171.       <!-- Services Section - Home Page -->
  172.       <section id="services" class="services">
  173.   
  174.         <!--  Section Title -->
  175.         <div class="container section-title" data-aos="fade-up">
  176.           <h2>Services</h2>
  177.           <p>Nous proposons les services ci-dessous</p>
  178.         </div><!-- End Section Title -->
  179.   
  180.         <div class="container">
  181.   
  182.           <div class="row gy-4">
  183.   
  184.             <div class="col-lg-6 " data-aos="fade-up" data-aos-delay="100">
  185.               <div class="service-item d-flex">
  186.                 <div class="icon flex-shrink-0"><i class="bi bi-briefcase"></i></div>
  187.                 <div>
  188.                   <h4 class="title"><a href="" class="stretched-link">Email marketing </a></h4>
  189.                   <p class="description">Nous faisons le marketing de vos produits par email</p>
  190.                 </div>
  191.               </div>
  192.             </div>
  193.             <!-- End Service Item -->
  194.   
  195.             <div class="col-lg-6 " data-aos="fade-up" data-aos-delay="200">
  196.               <div class="service-item d-flex">
  197.                 <div class="icon flex-shrink-0"><i class="bi bi-card-checklist"></i></div>
  198.                 <div>
  199.                   <h4 class="title"><a href="" class="stretched-link">paiement intégré</a></h4>
  200.                   <p class="description">nous permettons que vous recevez les paiements directement dans votre plateforme.                </p>
  201.                 </div>
  202.               </div>
  203.             </div><!-- End Service Item -->
  204.   
  205.             <div class="col-lg-6 " data-aos="fade-up" data-aos-delay="300">
  206.               <div class="service-item d-flex">
  207.                 <div class="icon flex-shrink-0"><i class="bi bi-bar-chart"></i></div>
  208.                 <div>
  209.                   <h4 class="title"><a href="" class="stretched-link">Auto marketing sur vos produits</a></h4>
  210.                   <p class="description">Notre équipe et nos outils se charge également de faire votre marketing</p>
  211.                 </div>
  212.               </div>
  213.             </div><!-- End Service Item -->
  214.   
  215.             <div class="col-lg-6 " data-aos="fade-up" data-aos-delay="400">
  216.               <div class="service-item d-flex">
  217.                 <div class="icon flex-shrink-0"><i class="bi bi-binoculars"></i></div>
  218.                 <div>
  219.                   <h4 class="title"><a href="" class="stretched-link">vous rapprocher de votre vision</a></h4>
  220.                   <p class="description">nous vous permettons de travailler encore avec une meilleure organisation.</p>
  221.                 </div>
  222.               </div>
  223.             </div><!-- End Service Item -->
  224.   
  225.             <div class="col-lg-6 " data-aos="fade-up" data-aos-delay="500">
  226.               <div class="service-item d-flex">
  227.                 <div class="icon flex-shrink-0"><i class="bi bi-brightness-high"></i></div>
  228.                 <div>
  229.                   <h4 class="title"><a href="" class="stretched-link">Suivi statistiques</a></h4>
  230.                   <p class="description">Nous vous rapportons les statistique dont vous avez besoin pour mieux suivre vos ventes</p>
  231.                 </div>
  232.               </div>
  233.             </div><!-- End Service Item -->
  234.   
  235.             <div class="col-lg-6 " data-aos="fade-up" data-aos-delay="600">
  236.               <div class="service-item d-flex">
  237.                 <div class="icon flex-shrink-0"><i class="bi bi-calendar4-week"></i></div>
  238.                 <div>
  239.                   <h4 class="title"><a href="services-details.html" class="stretched-link">Plateforme complète et organisée</a></h4>
  240.                   <p class="description">Nous vous créons une plateforme bien organisée en suivant les exigences de votre identité visuelle</p>
  241.                 </div>
  242.               </div>
  243.             </div><!-- End Service Item -->
  244.   
  245.           </div>
  246.   
  247.         </div>
  248.   
  249.       </section><!-- End Services Section -->
  250.   
  251.       <!-- Features Section - Home Page -->
  252.       <section id="features" class="features">
  253.   
  254.         <!--  Section Title -->
  255.         <div class="container section-title" data-aos="fade-up">
  256.           <h2>Personnalisation</h2>
  257.           <p>Nous concevons des composants spécifiques pour votre boutique de telle sorte que cela vous soit propre</p>
  258.         </div><!-- End Section Title -->
  259.   
  260.         <div class="container">
  261.   
  262.           <div class="row gy-4 align-items-center features-item">
  263.             <div class="col-lg-5 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
  264.               <h3>Les composants personnalisés</h3>
  265.               <p>
  266.                 Que vous ayez besoin d'un suivi de vos visiteurs pour personnaliser les produits en fonction de leur centre d'intérêt, ou des composants pour améliorer votre communication sur différents produits, nous vous personnalisons ces type de composants spécifiques à votre boutique.
  268.               </p>
  269.               {# <a href="javascript:void(0)" class="btn btn-get-started">En savoir plus</a> #}
  270.             </div>
  271.             <div class="col-lg-7 order-1 order-lg-2 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="100">
  272.               <div class="image-stack">
  273.                 <img src="{{asset('assets/img/prod/wp6193344-shopping-cart-wallpapers.jpg')}}" alt="" class="stack-front">
  274.                 <img src="{{asset('assets/img/prod/wp6193374-shopping-cart-wallpapers.jpg')}}" alt="" class="stack-back">
  275.               </div>
  276.             </div>
  277.           </div><!-- Features Item -->
  278.   
  279.           <div class="row gy-4 align-items-stretch justify-content-between features-item ">
  280.             <div class="col-lg-6 d-flex align-items-center features-img-bg" data-aos="zoom-out">
  281.               <img src="{{asset('assets/img/prod/wp7801555-cyber-security-4k-wallpapers.jpg')}}" class="img-fluid" alt="">
  282.             </div>
  283.             <div class="col-lg-5 d-flex justify-content-center flex-column" data-aos="fade-up">
  284.               <h3>Nous sécurisons votre boutique avec tous les outils de sécurité de pointe</h3>
  285.               <p>Vous n’avez pas de souci à vous faire concernant la sécurité de votre plateforme. Nous avons une équipe d'experts en cybersécurité qui protègent vos données et votre boutique.</p>
  286.               <ul>
  287.                 <li><i class="bi bi-check"></i> <span>Sécurité des comptes.</span></li>
  288.                 <li><i class="bi bi-check"></i><span>Sécurité de l'échange entre le client et le serveur.</span></li>
  289.                 <li><i class="bi bi-check"></i> <span>mise à jour régulière du système.</span>.</li>
  290.               </ul>
  291.               {# <a href="javascipt:void(0)" class="btn btn-get-started align-self-start">En savoir plus</a> #}
  292.             </div>
  293.           </div><!-- Features Item -->
  294.   
  295.         </div>
  296.   
  297.       </section><!-- End Features Section -->
  298.   
  299.       <!-- Portfolio Section - Home Page -->
  300.       <section id="portfolio" class="portfolio">
  301.   
  302.         <!--  Section Title -->
  303.         <div class="container section-title" data-aos="fade-up">
  304.           <h2>Boutique en ligne</h2>
  305.           <p>Vous avez ci-dessous les boutiques qui sont maintenu par Godo</p>
  306.         </div><!-- End Section Title -->
  307.   
  308.         <div class="container">
  309.   
  310.           <div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">
  311.   
  312.             <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
  313.               <li data-filter="*" class="filter-active">All</li>
  314.               <li data-filter=".filter-app">babichan</li>
  315.               <li data-filter=".filter-product">sm-service</li>
  316.               <li data-filter=".filter-branding">genevabeautycosmetic</li>
  317.             </ul><!-- End Portfolio Filters -->
  318.   
  319.             <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
  320.   
  321.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
  322.                 <img src="{{asset('assets/img/masonry-portfolio/img7.jpg')}}" class="img-fluid" alt="">
  323.                 <div class="portfolio-info">
  324.                   <h4>babichan</h4>
  325.                   <p>Boutique de vente des accessoires pour Otakus</p>
  326.                   <a href="{{asset('assets/img/masonry-portfolio/img7.jpg')}}" title="App 1" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  327.                   <a href="https://www.babichan.com" target="_blank" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  328.                 </div>
  329.               </div><!-- End Portfolio Item -->
  330.   
  331.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
  332.                 <img src="{{asset('assets/img/masonry-portfolio/img5.jpg')}}" class="img-fluid" alt="">
  333.                 <div class="portfolio-info">
  334.                   <h4>sm-service</h4>
  335.                   <p>Boutique de vente des accessoires Electronique</p>
  336.                   <a href="{{asset('assets/img/masonry-portfolio/img5.jpg')}}" title="Product 1" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  337.                   <a href="https://sm-service.consolidis.com" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  338.                 </div>
  339.               </div><!-- End Portfolio Item -->
  340.   
  341.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
  342.                 <img src="{{asset('assets/img/masonry-portfolio/img1.png')}}" class="img-fluid" alt="">
  343.                 <div class="portfolio-info">
  344.                   <h4>genevabeautycosmetic.com</h4>
  345.                   <p>Boutique de vente des produits cosmetiques</p>
  346.                   <a href="{{asset('assets/img/masonry-portfolio/img1.png')}}" title="Branding 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  347.                   <a href="https://www.genevabeautycosmetic.com" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  348.                 </div>
  349.               </div><!-- End Portfolio Item -->
  350.   
  351.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
  352.                 <img src="{{asset('assets/img/masonry-portfolio/img8.jpg')}}" class="img-fluid" alt="">
  353.                 <div class="portfolio-info">
  354.                   <h4>babichan</h4>
  355.                   <p>Boutique de vente des accessoires pour Otakus</p>
  356.                   <a href="{{asset('assets/img/masonry-portfolio/img8.jpg')}}" title="App 2" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  357.                   <a href="https://www.babichan.com" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  358.                 </div>
  359.               </div><!-- End Portfolio Item -->
  360.   
  361.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
  362.                 <img src="{{asset('assets/img/masonry-portfolio/img6.jpg')}}" class="img-fluid" alt="">
  363.                 <div class="portfolio-info">
  364.                   <h4>sm-service</h4>
  365.                   <p>Boutique de vente des accessoires Electronique</p>
  366.                   <a href="{{asset('assets/img/masonry-portfolio/img6.jpg')}}" title="Product 2" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  367.                   <a href="https://sm-service.consolidis.com" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  368.                 </div>
  369.               </div><!-- End Portfolio Item -->
  370.   
  371.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
  372.                 <img src="{{asset('assets/img/masonry-portfolio/img2.png')}}" class="img-fluid" alt="">
  373.                 <div class="portfolio-info">
  374.                   <h4>genevabeautycosmetic</h4>
  375.                   <p>Boutique de vente des produits cosmetiques</p>
  376.                   <a href="{{asset('assets/img/masonry-portfolio/img2.png')}}" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  377.                   <a href="https://www.genevabeautycosmetic.com" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  378.                 </div>
  379.               </div><!-- End Portfolio Item -->
  380.   
  381.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
  382.                 <img src="assets/img/masonry-portfolio/masonry-portfolio-7.jpg" class="img-fluid" alt="">
  383.                 <div class="portfolio-info">
  384.                   <h4>App 3</h4>
  385.                   <p>Lorem ipsum, dolor sit</p>
  386.                   <a href="assets/img/masonry-portfolio/masonry-portfolio-7.jpg" title="App 3" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  387.                   <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  388.                 </div>
  389.               </div><!-- End Portfolio Item -->
  390.   
  391.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
  392.                 <img src="assets/img/masonry-portfolio/masonry-portfolio-8.jpg" class="img-fluid" alt="">
  393.                 <div class="portfolio-info">
  394.                   <h4>Product 3</h4>
  395.                   <p>Lorem ipsum, dolor sit</p>
  396.                   <a href="assets/img/masonry-portfolio/masonry-portfolio-8.jpg" title="Product 3" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  397.                   <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  398.                 </div>
  399.               </div><!-- End Portfolio Item -->
  400.   
  401.               <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
  402.                 <img src="{{asset('assets/img/masonry-portfolio/img3.png')}}" class="img-fluid" alt="">
  403.                 <div class="portfolio-info">
  404.                   <h4>genevabeautycosmetic</h4>
  405.                   <p>Boutique de vente de produits cosmetiques</p>
  406.                   <a href="{{asset('assets/img/masonry-portfolio/img3.png')}}" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  407.                   <a href="https://www.genevabeautycosmetic.com" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  408.                 </div>
  409.               </div><!-- End Portfolio Item -->
  410.   
  411.             </div><!-- End Portfolio Container -->
  412.   
  413.           </div>
  414.   
  415.         </div>
  416.   
  417.       </section><!-- End Portfolio Section -->
  418.   
  419.       <!-- Pricing Section - Home Page -->
  420.       <section id="pricing" class="pricing">
  421.   
  422.         <!--  Section Title -->
  423.         <div class="container section-title" data-aos="fade-up">
  424.           <h2>Nos Tarifs</h2> 
  425.           <p>Nous vous offrons nos services a des valeurs personnalisables</p>
  426.         </div><!-- End Section Title -->
  427.                    
  428.         <div class="container" data-aos="zoom-in" data-aos-delay="100">
  429.   
  430.           <div class="row g-4">
  431.   
  432.             <div class="col-lg-4">
  433.               <div class="pricing-item">
  434.                 <h3>Forfait initial</h3>
  435.                 <div class="icon">
  436.                   <i class="bi bi-box"></i>
  437.                 </div>
  438.                 <h4>2000<sup>f</sup><span> / mois</span></h4>
  439.                 <ul>
  440.                   <li><i class="bi bi-check"></i> 1 boutique securisé<span></span></li>
  441.                   <li><i class="bi bi-check"></i> <span>1 theme d'interface</span></li>
  442.                   <li><i class="bi bi-check"></i> <span>Gestion des commandes</span></li>
  443.                   <li><i class="bi bi-check"></i> <span>Mise a jour et maintenance</span></li>
  444.                   <li class="na"><i class="bi bi-x"></i> <span>un nom de domaine</span></li>
  445.                   <li class="na"><i class="bi bi-x"></i> <span>Personnalisation</span></li>
  446.                   <li class="na"><i class="bi bi-x"></i> <span>Paiement intégrer</span></li>
  447.                   <li class="na"><i class="bi bi-x"></i> <span>Marketing</span></li>
  448.                   <li class="na"><i class="bi bi-x"></i> <span>SMS</span></li>
  449.                 </ul>
  450.                 <div class="text-center"><a href="{{path('app_register')}}" class="buy-btn">Acheter maintenant</a></div>
  451.               </div>
  452.             </div><!-- End Pricing Item -->
  453.   
  454.             <div class="col-lg-4">
  455.               <div class="pricing-item featured">
  456.                 <h3>Forfait pros</h3>
  457.                 <div class="icon">
  458.                   <i class="bi bi-rocket"></i>
  459.                 </div>
  460.   
  461.                 <h4>6500<sup>f</sup><span> / mois</span></h4>
  462.                 <ul>
  463.                   <li><i class="bi bi-check"></i> <span>1 boutique securisé</span></li>
  464.                   <li><i class="bi bi-check"></i> <span>2 themes d'interface</span></li>
  465.                   <li><i class="bi bi-check"></i> <span>Gestion des commandes</span></li>
  466.                   <li><i class="bi bi-check"></i> <span>Un nom de domaine</span></li>
  467.                   <li><i class="bi bi-check"></i> <span>Mise a jour et maintenance</span></li>
  468.                   <li><i class="bi bi-check"></i> <span>Personnalisation</span></li>
  469.                   <li class="na"><i class="bi bi-x"></i> <span>Paiement intégrer</span></li>
  470.                   <li class="na"><i class="bi bi-x"></i> <span>SMS</span></li>
  471.                   <li class="na"><i class="bi bi-x"></i> <span>Marketing</span></li>
  472.                 </ul>
  473.                 <div class="text-center"><a href="{{path('app_register')}}" class="buy-btn">Acheter maintenant</a></div>
  474.               </div>
  475.             </div><!-- End Pricing Item -->
  476.   
  477.             <div class="col-lg-4">
  478.               <div class="pricing-item">
  479.                 <h3>Forfait Max</h3>
  480.                 <div class="icon">
  481.                   <i class="bi bi-send"></i>
  482.                 </div>
  483.                 <h4>30000<sup>f</sup><span> / mois</span></h4>
  484.                 <ul>
  485.                   <li><i class="bi bi-check"></i> <span>1 boutiques securisés</span></li>
  486.                   <li><i class="bi bi-check"></i> <span>5 themes d'interface</span></li>
  487.                   <li><i class="bi bi-check"></i> <span>Gestion des commandes</span></li>
  488.                   <li><i class="bi bi-check"></i> <span>Un nom de domaine</span></li>
  489.                   <li><i class="bi bi-check"></i> <span>Mise a jour et maintenance</span></li>
  490.                   <li><i class="bi bi-check"></i> <span>Paiement intégrer</span></li>
  491.                   <li><i class="bi bi-check"></i> <span>Marketing</span></li>
  492.                   <li><i class="bi bi-check"></i> <span>Personnalisation</span></li>
  493.                   <li><i class="bi bi-check"></i> <span>SMS</span></li>
  494.                 </ul>
  495.                 <div class="text-center"><a href="{{path('app_register')}}" class="buy-btn">Acheter maintenant</a></div>
  496.               </div>
  497.             </div><!-- End Pricing Item -->
  498.   
  499.           </div>
  500.   
  501.         </div>
  502.   
  503.       </section><!-- End Pricing Section -->
  504.   
  505.       <!-- Faq Section - Home Page -->
  506.       <section id="faq" class="faq">
  507.   
  508.         <div class="container">
  509.   
  510.           <div class="row gy-4">
  511.   
  512.             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
  513.               <div class="content px-xl-5">
  514.                 <h3><span><strong>Questions</strong> fréquemment posées</span></h3>
  515.                 <p>
  516.                   Les questions fréquemment posées par les visiteurs.
  517.                 </p>
  518.               </div>
  519.             </div>
  520.   
  521.             <div class="col-lg-8" data-aos="fade-up" data-aos-delay="200">
  522.   
  523.               <div class="faq-container">
  524.                 <div class="faq-item faq-active">
  525.                   <h3><span class="num">1.</span> <span>Quel est le but de ce site Web ?</span></h3>
  526.                   <div class="faq-content">
  527.                     <p>Le but de ce site Web est de donner la possibilité aux marchands d'avoir une boutique sécurisée. Nous Favorisons aussi le dropshiping</p>
  528.                   </div>
  529.                   <i class="faq-toggle bi bi-chevron-right"></i>
  530.                 </div><!-- End Faq item-->
  531.   
  532.                 <div class="faq-item">
  533.                   <h3><span class="num">2.</span> <span>Comment puis-je me connecter à mon compte?</span></h3>
  534.                   <div class="faq-content">
  535.                     <p>Pour vous connecter à votre compte, rendez-vous sur la page de connexion et saisissez votre adresse e-mail et votre mot de passe. Si vous avez oublié votre mot de passe, vous pouvez le réinitialiser en cliquant sur le lien "Mot de passe oublié"</p>
  536.                   </div>
  537.                   <i class="faq-toggle bi bi-chevron-right"></i>
  538.                 </div><!-- End Faq item-->
  539.   
  540.                 <div class="faq-item">
  541.                   <h3><span class="num">3.</span> <span>Qu'est ce que vous faites de mieux de Prestashop, Shopify et Woocommerce ?</span></h3>
  542.                   <div class="faq-content">
  543.                     <p>Rien en particulier, mais nous vous garantissons la sécurité sur votre boutique(nos codes source sont fermés), Nous adaptons nos services avec la réalité et le quotidien des Africains.</p>
  544.                   </div>
  545.                   <i class="faq-toggle bi bi-chevron-right"></i>
  546.                 </div><!-- End Faq item-->
  547.   
  548.                 <div class="faq-item">
  549.                   <h3><span class="num">4.</span> <span>Qui peut utiliser vos services?</span></h3>
  550.                   <div class="faq-content">
  551.                     <p>toute personnes désirant d’une plateforme eCommerce et pouvant payer par mobile money au cameroun et par carte s’il est d’ailleur.</p>
  552.                   </div>
  553.                   <i class="faq-toggle bi bi-chevron-right"></i>
  554.                 </div><!-- End Faq item-->
  555.   
  556.                 {# <div class="faq-item">
  557.                   <h3><span class="num">5.</span> <span>Tempus quam pellentesque nec nam aliquam sem et tortor consequat?</span></h3>
  558.                   <div class="faq-content">
  559.                     <p>Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in</p>
  560.                   </div>
  561.                   <i class="faq-toggle bi bi-chevron-right"></i>
  562.                 </div><!-- End Faq item--> #}
  563.   
  564.               </div>
  565.   
  566.             </div>
  567.           </div>
  568.   
  569.         </div>
  570.         
  571. {#   
  572.       </section><!-- End Faq Section -->
  573.   
  574.       <!-- Team Section - Home Page -->
  575.       <section id="team" class="team">
  576.   
  577.         <!--  Section Title -->
  578.         <div class="container section-title" data-aos="fade-up">
  579.           <h2>Team</h2>
  580.           <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
  581.         </div><!-- End Section Title -->
  582.   
  583.         <div class="container">
  584.   
  585.           <div class="row gy-5">
  586.   
  587.             <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="100">
  588.               <div class="member-img">
  589.                 <img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
  590.                 <div class="social">
  591.                   <a href="#"><i class="bi bi-twitter"></i></a>
  592.                   <a href="#"><i class="bi bi-facebook"></i></a>
  593.                   <a href="#"><i class="bi bi-instagram"></i></a>
  594.                   <a href="#"><i class="bi bi-linkedin"></i></a>
  595.                 </div>
  596.               </div>
  597.               <div class="member-info text-center">
  598.                 <h4>Walter White</h4>
  599.                 <span>Chief Executive Officer</span>
  600.                 <p>Aliquam iure quaerat voluptatem praesentium possimus unde laudantium vel dolorum distinctio dire flow</p>
  601.               </div>
  602.             </div><!-- End Team Member -->
  603.   
  604.             <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="200">
  605.               <div class="member-img">
  606.                 <img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
  607.                 <div class="social">
  608.                   <a href="#"><i class="bi bi-twitter"></i></a>
  609.                   <a href="#"><i class="bi bi-facebook"></i></a>
  610.                   <a href="#"><i class="bi bi-instagram"></i></a>
  611.                   <a href="#"><i class="bi bi-linkedin"></i></a>
  612.                 </div>
  613.               </div>
  614.               <div class="member-info text-center">
  615.                 <h4>Sarah Jhonson</h4>
  616.                 <span>Product Manager</span>
  617.                 <p>Labore ipsam sit consequatur exercitationem rerum laboriosam laudantium aut quod dolores exercitationem ut</p>
  618.               </div>
  619.             </div><!-- End Team Member -->
  620.   
  621.             <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="300">
  622.               <div class="member-img">
  623.                 <img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
  624.                 <div class="social">
  625.                   <a href="#"><i class="bi bi-twitter"></i></a>
  626.                   <a href="#"><i class="bi bi-facebook"></i></a>
  627.                   <a href="#"><i class="bi bi-instagram"></i></a>
  628.                   <a href="#"><i class="bi bi-linkedin"></i></a>
  629.                 </div>
  630.               </div>
  631.               <div class="member-info text-center">
  632.                 <h4>William Anderson</h4>
  633.                 <span>CTO</span>
  634.                 <p>Illum minima ea autem doloremque ipsum quidem quas aspernatur modi ut praesentium vel tque sed facilis at qui</p>
  635.               </div>
  636.             </div><!-- End Team Member -->
  637.   
  638.             <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="400">
  639.               <div class="member-img">
  640.                 <img src="assets/img/team/team-4.jpg" class="img-fluid" alt="">
  641.                 <div class="social">
  642.                   <a href="#"><i class="bi bi-twitter"></i></a>
  643.                   <a href="#"><i class="bi bi-facebook"></i></a>
  644.                   <a href="#"><i class="bi bi-instagram"></i></a>
  645.                   <a href="#"><i class="bi bi-linkedin"></i></a>
  646.                 </div>
  647.               </div>
  648.               <div class="member-info text-center">
  649.                 <h4>Amanda Jepson</h4>
  650.                 <span>Accountant</span>
  651.                 <p>Magni voluptatem accusamus assumenda cum nisi aut qui dolorem voluptate sed et veniam quasi quam consectetur</p>
  652.               </div>
  653.             </div><!-- End Team Member -->
  654.   
  655.             <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="500">
  656.               <div class="member-img">
  657.                 <img src="assets/img/team/team-5.jpg" class="img-fluid" alt="">
  658.                 <div class="social">
  659.                   <a href="#"><i class="bi bi-twitter"></i></a>
  660.                   <a href="#"><i class="bi bi-facebook"></i></a>
  661.                   <a href="#"><i class="bi bi-instagram"></i></a>
  662.                   <a href="#"><i class="bi bi-linkedin"></i></a>
  663.                 </div>
  664.               </div>
  665.               <div class="member-info text-center">
  666.                 <h4>Brian Doe</h4>
  667.                 <span>Marketing</span>
  668.                 <p>Qui consequuntur quos accusamus magnam quo est molestiae eius laboriosam sunt doloribus quia impedit laborum velit</p>
  669.               </div>
  670.             </div><!-- End Team Member -->
  671.   
  672.             <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="600">
  673.               <div class="member-img">
  674.                 <img src="assets/img/team/team-6.jpg" class="img-fluid" alt="">
  675.                 <div class="social">
  676.                   <a href="#"><i class="bi bi-twitter"></i></a>
  677.                   <a href="#"><i class="bi bi-facebook"></i></a>
  678.                   <a href="#"><i class="bi bi-instagram"></i></a>
  679.                   <a href="#"><i class="bi bi-linkedin"></i></a>
  680.                 </div>
  681.               </div>
  682.               <div class="member-info text-center">
  683.                 <h4>Josepha Palas</h4>
  684.                 <span>Operation</span>
  685.                 <p>Sint sint eveniet explicabo amet consequatur nesciunt error enim rerum earum et omnis fugit eligendi cupiditate vel</p>
  686.               </div>
  687.             </div><!-- End Team Member -->
  688.   
  689.           </div>
  690.   
  691.         </div>
  692.   
  693.       </section><!-- End Team Section -->
  694.    #}
  695.       <!-- Call-to-action Section - Home Page -->
  697.       <br><br>
  698.       <section id="call-to-action" class="call-to-action">
  699.   
  700.         <img src="assets/img/cta-bg.jpg" alt="">
  701.   
  702.         <div class="container">
  703.           <div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100">
  704.             <div class="col-xl-10">
  705.               <div class="text-center">
  706.                 <h3>Rejoignez notre Communauté Exclusive !</h3>
  707.                 <p>
  708.                   Bienvenue sur GoDo eCommerce - l'endroit où la passion du shopping rencontre l'innovation. Ne manquez jamais une offre exclusive, les dernières tendances et des avantages réservés à notre communauté. Inscrivez-vous maintenant pour profiter:
  709.                   <ul style="text-decoration:none;">
  710.                     <li>Des offres exclusives réservées aux abonnés</li>
  711.                     <li>Un accès en avant-première aux nouvelles collections</li>
  712.                     <li>Des remises spéciales et codes promotionnels</li>
  713.                     <li>Des conseils mode personnalisés</li>
  714.                   </ul>
  715.                 </p>
  716.                 <p>
  717.                   Votre style, votre espace. Inscrivez-vous aujourd'hui pour une expérience dans le eCommerce unique et restez à l'affût de chaque opportunité qui rendra votre journée un peu plus spéciale.
  718.                 </p>
  719.                 <b>Rejoignez-nous maintenant et transformez votre expérience de eCommerce!</b>
  720.                 <br>
  721.                 <a class="cta-btn" href="#">Inscription</a>
  722.               </div>
  723.             </div>
  724.           </div>
  725.         </div>
  726.   
  727.       </section><!-- End Call-to-action Section -->
  728.   
  729.       <!-- Testimonials Section - Home Page -->
  730.       <section id="testimonials" class="testimonials">
  731.   
  732.         <div class="container">
  733.   
  734.           <div class="row align-items-center">
  735.   
  736.             <div class="col-lg-5 info" data-aos="fade-up" data-aos-delay="100">
  737.               <h3>Témoignages</h3>
  738.               <p>
  739.                 Ils ont testé et ils ont donné leurs avis et leurs expériences avec GoDo.
  740.               </p>
  741.             </div>
  742.   
  743.             <div class="col-lg-7" data-aos="fade-up" data-aos-delay="200">
  744.   
  745.               <div class="swiper">
  746.                 <template class="swiper-config">
  747.                   {
  748.                   "loop": true,
  749.                   "speed" : 600,
  750.                   "autoplay": {
  751.                   "delay": 5000
  752.                   },
  753.                   "slidesPerView": "auto",
  754.                   "pagination": {
  755.                   "el": ".swiper-pagination",
  756.                   "type": "bullets",
  757.                   "clickable": true
  758.                   }
  759.                   }
  760.                 </template>
  761.                 <div class="swiper-wrapper">
  762.   
  763.                   <div class="swiper-slide">
  764.                     <div class="testimonial-item">
  765.                       <div class="d-flex">
  766.                         <img src="{{asset('assets/img/testimonials/user.jpg')}}" class="testimonial-img flex-shrink-0" alt="">
  767.                         <div>
  768.                           <h3>Saul Goodman</h3>
  769.                           <h4>Ceo & Founder</h4>
  770.                           <div class="stars">
  771.                             <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
  772.                           </div>
  773.                         </div>
  774.                       </div>
  775.                       <p>
  776.                         <i class="bi bi-quote quote-icon-left"></i>
  777.                         <span>J'ai eu à utiliser GODO e-commerce pour la prospection de mes articles.Le resultat est vraiment à la hauteur de mes attentes.le site est moderne et responsive.Je recommande vivement cette plateforme à tous ceux aui cherchent une solution de qualite.</span>
  778.                         <i class="bi bi-quote quote-icon-right"></i>
  779.                       </p>
  780.                     </div>
  781.                   </div><!-- End testimonial item -->
  782.   
  783.                   <div class="swiper-slide">
  784.                     <div class="testimonial-item">
  785.                       <div class="d-flex">
  786.                         <img src="{{asset('assets/img/testimonials/user.jpg')}}" class="testimonial-img flex-shrink-0" alt="">
  787.                         <div>
  788.                           <h3>Sara Wilsson</h3>
  789.                           <h4>Designer</h4>
  790.                           <div class="stars">
  791.                             <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
  792.                           </div>
  793.                         </div>
  794.                       </div>
  795.                       <p>
  796.                         <i class="bi bi-quote quote-icon-left"></i>
  797.                         <span>J'ai recemment fait appel à GODO e-commerce pour l'obtention d'une boutique en ligne.J'ai ete tres satisfait de la prestation.L'equipe est composee de professionnels competents et à l'ecoute des besoins du client.ils ont ete à meme de répondre à toutes mes questions et de me proposer une soluton adaptée à mes attentes.Je vous recommande vivement cette entreprise.</span>
  798.                         <i class="bi bi-quote quote-icon-right"></i>
  799.                       </p>
  800.                     </div>
  801.                   </div><!-- End testimonial item -->
  802.   
  803.                   <div class="swiper-slide">
  804.                     <div class="testimonial-item">
  805.                       <div class="d-flex">
  806.                         <img src="{{asset('assets/img/testimonials/user.jpg')}}" class="testimonial-img flex-shrink-0" alt="">
  807.                         <div>
  808.                           <h3>Jena Karlis</h3>
  809.                           <h4>Store Owner</h4>
  810.                           <div class="stars">
  811.                             <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
  812.                           </div>
  813.                         </div>
  814.                       </div>
  815.                       <p>
  816.                         <i class="bi bi-quote quote-icon-left"></i>
  817.                         <span>très bonne application, je l'utilise depuis un certain temps et je dois dire que je suis tres satisfait par l'efficacite de cette plateforme. Et en plus les prix sont très abordables.Je vous la recommande vivement</span>
  818.                         <i class="bi bi-quote quote-icon-right"></i>
  819.                       </p>
  820.                     </div>
  821.                   </div><!-- End testimonial item -->
  822.   
  823.                   <div class="swiper-slide">
  824.                     <div class="testimonial-item">
  825.                       <div class="d-flex">
  826.                         <img src="{{asset('assets/img/testimonials/user.jpg')}}" class="testimonial-img flex-shrink-0" alt="">
  827.                         <div>
  828.                           <h3>Matt Brandon</h3>
  829.                           <h4>Freelancer</h4>
  830.                           <div class="stars">
  831.                             <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
  832.                           </div>
  833.                         </div>
  834.                       </div>
  835.                       <p>
  836.                         <i class="bi bi-quote quote-icon-left"></i>
  837.                         <span>Super appli, j'adore.Non seulement les prix sont abordables mais en plus le service est de haute qualitée.</span>
  838.                         <i class="bi bi-quote quote-icon-right"></i>
  839.                       </p>
  840.                     </div>
  841.                   </div><!-- End testimonial item -->
  842.   
  843.                   <div class="swiper-slide">
  844.                     <div class="testimonial-item">
  845.                       <div class="d-flex">
  846.                         <img src="{{asset('assets/img/testimonials/user.jpg')}}" class="testimonial-img flex-shrink-0" alt="">
  847.                         <div>
  848.                           <h3>John Larson</h3>
  849.                           <h4>Entrepreneur</h4>
  850.                           <div class="stars">
  851.                             <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
  852.                           </div>
  853.                         </div>
  854.                       </div>
  855.                       <p>
  856.                         <i class="bi bi-quote quote-icon-left"></i>
  857.                         <span>J'utilise GODO e-commerce depuis un bon moment et personellement je suis satisfait du service apporté par cette plateforme sur le plan de la prospection.Et en plus je n'ai rencontré aucun probleme securitaire. Je vous la recommande vivement.</span>
  858.                         <i class="bi bi-quote quote-icon-right"></i>
  859.                       </p>
  860.                     </div>
  861.                   </div><!-- End testimonial item -->
  862.   
  863.                 </div>
  864.                 <div class="swiper-pagination"></div>
  865.               </div>
  866.   
  867.             </div>
  868.   
  869.           </div>
  870.   
  871.         </div>
  872.   
  873.       </section><!-- End Testimonials Section -->
  874.   
  875.        <!-- Recent-posts Section - Home Page -->
  876.      {#  <section id="" class="recent-posts">
  877.   
  878.         <!--  Section Title -->
  879.          <div class="container section-title" data-aos="fade-up">
  880.           <h2>Post Récents</h2>
  881.           <p>Les dernière publications de notre blog</p>
  882.         </div><!-- End Section Title -->
  883.    
  884.        
  885.         <div class="container">
  887.           {% for article in articles %}
  888.             <div class="col-xl-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
  890.               <article>
  892.                 <div class="post-img">
  893.                   <img src="{{ asset('images/articles/'~ article.image) }}" alt="" class="img-fluid">
  894.                 </div>
  895.   
  896.                 <p class="post-category">eCommerce</p> 
  897.   
  898.                 <h2 class="title">
  899.                   <a href="{{path('app_admin_blog_detail',{id:article.id,'titre':article.titre |replace({' ': '_', 'é': 'e', 'è': 'e', 'ù': 'u', 'ê': 'e', '|': '_', '\'': '_'})})}}">{{ article.titre }}</a>
  900.                 </h2>   
  901.   
  902.                 <div class="d-flex align-items-center">
  903.                   <img src="{{asset('assets/img/testimonials/user.jpg')}}" alt="" class="img-fluid post-author-img flex-shrink-0">
  904.                   <div class="post-meta">
  905.                     <p class="post-author">Admin</p>
  906.                     <p class="post-date">
  907.                       <time datetime="2022-01-01">{{article.createdAt|date("d F Y")}}</time>
  908.                     </p>
  909.                   </div>
  910.                 </div>
  911.   
  912.               </article>
  913.              
  915.             </div>
  916.             {% endfor %}
  917.           </div>
  918.         </div> 
  920.       </section><!-- End Recent-posts Section --> #}
  921.     
  922.       <!-- Contact Section - Home Page -->
  923.       <section id="contact" class="contact">
  924.   
  925.         <!--  Section Title -->
  926.         <div class="container section-title" data-aos="fade-up">
  927.           <h2>Contact</h2>
  928.           <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
  929.         </div><!-- End Section Title -->
  930.   
  931.         <div class="container" data-aos="fade-up" data-aos-delay="100">
  932.   
  933.           <div class="row gy-4">
  934.   
  935.             <div class="col-lg-6">
  936.   
  937.               <div class="row gy-4">
  938.                 <div class="col-md-6">
  939.                   <div class="info-item" data-aos="fade" data-aos-delay="200">
  940.                     <i class="bi bi-geo-alt"></i>
  941.                     <h3>Address</h3>
  942.                     <p>Entrée carriere</p>
  943.                     <p>Douala, Ndogbassi III</p>
  944.                   </div>
  945.                 </div><!-- End Info Item -->
  946.   
  947.                 <div class="col-md-6">
  948.                   <div class="info-item" data-aos="fade" data-aos-delay="300">
  949.                     <i class="bi bi-telephone"></i>
  950.                     <h3>Call Us</h3>
  951.                     <p>620198573</p>
  952.                     {# <p>+1 6678 254445 41</p> #}
  953.                   </div>
  954.                 </div><!-- End Info Item -->
  955.   
  956.                 <div class="col-md-6">
  957.                   <div class="info-item" data-aos="fade" data-aos-delay="400">
  958.                     <i class="bi bi-envelope"></i>
  959.                     <h3>Email Us</h3>
  960.                     <p>info@consolidis.com</p>
  961.                     <p>contact@consolidis.com</p>
  962.                   </div>
  963.                 </div><!-- End Info Item -->
  964.   
  965.                 <div class="col-md-6">
  966.                   <div class="info-item" data-aos="fade" data-aos-delay="500">
  967.                     <i class="bi bi-clock"></i>
  968.                     <h3>Open Hours</h3>
  969.                     <p>Monday - Friday</p>
  970.                     <p>9:00AM - 06:00PM</p>
  971.                   </div>
  972.                 </div><!-- End Info Item -->
  973.   
  974.               </div>
  975.   
  976.             </div>
  977.   
  978.             <div class="col-lg-6">
  979.               <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="200">
  980.                 <div class="row gy-4">
  981.   
  982.                   <div class="col-md-6">
  983.                     <input type="text" name="name" class="form-control" placeholder="Your Name" required>
  984.                   </div>
  985.   
  986.                   <div class="col-md-6 ">
  987.                     <input type="email" class="form-control" name="email" placeholder="Your Email" required>
  988.                   </div>
  989.   
  990.                   <div class="col-md-12">
  991.                     <input type="text" class="form-control" name="subject" placeholder="Subject" required>
  992.                   </div>
  993.   
  994.                   <div class="col-md-12">
  995.                     <textarea class="form-control" name="message" rows="6" placeholder="Message" required></textarea>
  996.                   </div>
  997.   
  998.                   <div class="col-md-12 text-center">
  999.                     <div class="loading">Loading</div>
  1000.                     <div class="error-message"></div>
  1001.                     <div class="sent-message">Your message has been sent. Thank you!</div>
  1002.   
  1003.                     <button type="submit">Send Message</button>
  1004.                   </div>
  1005.   
  1006.                 </div>
  1007.               </form>
  1008.             </div><!-- End Contact Form -->
  1009.   
  1010.           </div>
  1011.   
  1012.         </div>
  1013.   
  1014.       </section><!-- End Contact Section -->
  1015.   
  1016. {% endblock %}