templates/front/welcome.html.twig line 1

Open in your IDE?
  1. {% extends "front/base-half.html.twig" %}
  3. {% block title %}
  4.     Homepage
  5. {% endblock %}
  7. {% block body %}
  9.     <section class="welcome-section">
  10.         <div class="container">
  11.             <div class="row content-row">
  12.                 <div class="hero-col">
  13.                     <div class="hero-wrap">
  14.                         <img src="/images/content/welcome-hero.png" alt="Politicly">
  15.                     </div>
  16.                     <div class="about-wrap accordion" id="aboutAccordion">
  17.                         <div class="about-card">
  18.                             <h2 class="title collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
  19.                                 Qui sommes-nous ?
  20.                             </h2>
  21.                             <div id="collapseOne" class="collapse" data-parent="#aboutAccordion">
  22.                                 <p class="text">
  23.                                     Some placeholder content for the first accordion panel. This panel is shown by default, thanks to the
  24.                                 </p>
  25.                             </div>
  26.                         </div>
  27.                         <div class="about-card">
  28.                             <h2 class="title collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  29.                                 Pourquoi Politicly ?
  30.                             </h2>
  31.                             <div id="collapseTwo" class="collapse" data-parent="#aboutAccordion">
  32.                                 <p class="text">
  33.                                     Some placeholder content for the first accordion panel. This panel is shown by default, thanks to the
  34.                                 </p>
  35.                             </div>
  36.                         </div>
  37.                         <div class="about-card">
  38.                             <h2 class="title collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  39.                                 Pourquoi Politicly ?
  40.                             </h2>
  41.                             <div id="collapseThree" class="collapse" data-parent="#aboutAccordion">
  42.                                 <p class="text">
  43.                                     Some placeholder content for the first accordion panel. This panel is shown by default, thanks to the
  44.                                 </p>
  45.                             </div>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.                 <div class="registration-col">
  50.                     <div class="container-registration">
  51.                         <h3>Inscrivez-vous</h3>
  52.                         {{ form_start(form) }}
  53.                             <div class="grid">
  54.                                 {{ form_row(form.firstname) }}
  55.                                 {{ form_row(form.lastname) }}
  56.                             </div>
  57.                             <div class="grid">
  58.                                 {{ form_row(form.birthDate) }}
  59.                                 {{ form_row(form.genre) }}
  60.                             </div>
  61.                             {{ form_row(form.email) }}
  62.                             <div class="grid align-items-end">
  63.                                 {{ form_row(form.password.first) }}
  64.                                 {{ form_row(form.password.second) }}
  65.                             </div>
  66.                             {{ form_row(form.phone) }}
  68.                             <div class="wrap-submit-btn">
  69.                                 <button id="submit-btn" type="submit" class="btn main-btn-outline">Suivant</button>
  70.                             </div>
  71.                         {{ form_end(form) }}
  73.                         <p class="legal-info">En cliquant sur Suivant, vous acceptez les <span>Conditions d’utilisation</span>, la <span>Politique de confidentialité</span> et la <span>Politique relative aux cookies</span> de Politicly.</p>
  74.                     </div>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.     </section>
  80. {% endblock %}
  82. {% block javascripts %}
  83.     <script>
  84.         $(".title").on("click", function() {
  85.             $(".title").removeClass("open");
  86.             if ($(this).hasClass("collapsed"))
  87.             {
  88.                 $(this).addClass("open");
  89.             }
  90.         });
  91.     </script>
  92. {% endblock %}