templates/content/footer/footer_page.html.twig line 1

Open in your IDE?
  1. <footer class="container-fluid bg-dark row d-sm-none d-block">
  2.   <div class="accordion accordion-flush mt-3 " id="footerFlush">
  3.     <div class="accordion-item text-center">
  4.       <h2 class="accordion-header " id="flush-headingOne">
  5.         <button class="accordion-button collapsed bg-dark " type="button" data-bs-toggle="collapse"
  6.           data-bs-target="#footerOne" aria-expanded="false" aria-controls="flush-collapseOne">
  7.           <strong>A propos de Telephone Voyance</strong>
  8.         </button>
  9.       </h2>
  10.       <div id="footerOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"
  11.         data-bs-parent="#footerFlush">
  12.         <div class="accordion-body text-center bg-dark">
  13.           <ul>
  14.             <li class="list-group"> <a href="{{path('app_CGV')}}">Conditions générales de vente</a></li>
  15.             <li class="list-group"><a href="{{path('app_mentions')}}">Mentions légales</a></li>
  16.             <li class="list-group"> <a href="{{path('app_confidentialite')}}">Politique de confidentialité</a></li>
  17.             <li class="list-group"> <a href="{{path('app_FAQ')}}">Foire aux questions</a></li>
  19.           </ul>
  20.         </div>
  21.       </div>
  22.     </div>
  24.     <div class="accordion-item mt-2">
  25.       <h2 class="accordion-header" id="flush-headingTwo">
  26.         <button class="accordion-button collapsed text-center bg-dark" type="button" data-bs-toggle="collapse"
  27.           data-bs-target="#footerTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
  28.           <strong>Nous Rejoindre</strong>
  29.         </button>
  30.       </h2>
  31.       <div id="footerTwo" class="accordion-collapse collapse " aria-labelledby="flush-headingTwo"
  32.         data-bs-parent="#footerFlush">
  33.         <div class="accordion-body text-center bg-dark">
  35.         </div>
  36.       </div>
  37.     </div>
  39.     <div class="accordion-item mt-2">
  40.       <h2 class="accordion-header" id="flush-headingThree">
  41.         <button class="accordion-button collapsed bg-dark" type="button" data-bs-toggle="collapse"
  42.           data-bs-target="#footerThree" aria-expanded="false" aria-controls="flush-collapseTwo">
  43.           <strong>Contact</strong>
  45.         </button>
  46.       </h2>
  47.       <div id="footerThree" class="accordion-collapse collapse " aria-labelledby="flush-headingThree"
  48.         data-bs-parent="#footerFlush">
  49.         <div class="accordion-body text-center bg-dark">
  50.           <ul>
  51.             <li class="list-group"><a href="{{path('app_contact')}}"><i class="bi bi-envelope"></i> Contactez-nous par
  52.                 mail</a></li>
  53.           </ul>
  54.         </div>
  55.       </div>
  56.     </div>
  57.     <div class="accordion-item mt-2">
  58.       <h2 class="accordion-header " id="flush-headingFour">
  59.         <button class="accordion-button collapsed bg-dark" type="button" data-bs-toggle="collapse"
  60.           data-bs-target="#footerFour" aria-expanded="false" aria-controls="flush-collapseTwo">
  63.           <strong class="text-center">Partenaire</strong>
  65.         </button>
  66.       </h2>
  67.       <div id="footerFour" class="accordion-collapse collapse" aria-labelledby="flush-headingFour"
  68.         data-bs-parent="#footerFlush">
  69.         <div class="accordion-body  bg-dark">
  71.         </div>
  72.       </div>
  73.     </div>
  75.   </div>
  77. </footer>
  79. <footer id="footer" class="container-fluid bg-dark row d-none d-sm-block">
  80.   <div class="col-sm-3">
  81.     <img class=" my" src="{{asset('assets/img/logo/logo-2.jpg')}}" alt=""
  82.       style="margin-left: -2rem; height: 100px; width: 200px;">
  83.   </div>
  84.   <div class="container col-sm-9 row mx-auto justify-content-end mt-2">
  85.     <div class="col-sm text-muted text-center">
  86.       <h6 class="text-uppercase text-muted mb-4 "> <strong>A propos de Telephone Voyance</strong> </h6>
  87.       <ul>
  88.         <li class="list-group"> <a href="{{path('app_CGV')}}">Conditions générales de vente</a></li>
  89.         <li class="list-group"><a href="{{path('app_mentions')}}">Mentions légales</a></li>
  90.         <li class="list-group"> <a href="{{path('app_confidentialite')}}">Politique de confidentialité</a></li>
  91.         <li class="list-group"> <a href="{{path('app_FAQ')}}">Foire aux questions</a></li>
  93.       </ul>
  94.     </div>
  95.     <div class="col-sm text-muted text-center">
  96.       <h6 class="text-uppercase text-muted"> <strong>Nous Rejoindre</strong> </h6>
  97.     </div>
  98.     <div class="col-sm text-muted mb-4 text-center">
  99.       <h6 class="text-uppercase text-muted"> <strong>Contact</strong> </h6>
  100.       <ul>
  101.         <li class="list-group"><a href="{{path('app_contact')}}"><i class="bi bi-envelope"></i> Contactez-nous par
  102.             mail</a></li>
  103.       </ul>
  104.       <hr>
  105.       <h6 class="text-uppercase text-muted"> <strong>Partenaire</strong> </h6>
  106.       <ul>
  107.       </ul>
  108.     </div>
  109.   </div>
  110.   <div class="col-sm-9 mx-auto pt-3">
  111.     <div>
  113.     </div>
  114.     <p class="text-white text-center mb-2"> <span class="orange">Copyright © 2021 Media Technologies</span> | Tous
  115.       Droits
  116.       Réservés | Conçu pour <span class="orange">Voyance Telephone</span> </p>
  117.   </div>
  119. </footer>