templates/includes/footer.html.twig line 1

Open in your IDE?
  1. <style>
  2. .menu-footer dd a{color:white;font-size:15px;margin-top:22px}
  3. .menu-footer dd{margin-top:17px}
  4. </style>
  6.       <style>
  7. .animated-link {
  8.   position: relative;
  9.   color: yellow ;
  10.   text-decoration: none;
  11.   font-weight: bold;
  12.   font-size: 16px;
  13.   display: inline-block;
  14.   transition: color 0.3s ease, transform 0.3s ease;
  15. }
  17. .animated-link::after {
  18.   content: '';
  19.   position: absolute;
  20.   left: 0;
  21.   bottom: 0;
  22.   width: 0;
  23.   height: 2px;
  24.   background-color: yellow;
  25.   transition: width 0.3s ease;
  26. }
  28. .animated-link:hover {
  29.   color: orange;
  30.   transform: scale(1.1);
  31. }
  33. .animated-link:hover::after {
  34.   width: 100%;
  35. }
  36. </style>
  37. <footer id="footer" class="jumb-footer">
  38.     <div class="container">
  39.         <!-- row -->
  40.         <div class="row">
  41.                 <div class="col-lg-4 menu-footer">
  42.                     <h3>Navigation</h3>
  43.                     <hr>
  44.                     <dd><a href="/">Accueil</a></dd>
  45.                     <dd><a href="/apropos">A propos</a></dd>
  46.                     <dd><a href="/#section-sponsors/">Nos partenaires</a></dd>
  47.                     <dd><a href="/blog/">Blog</a></dd>
  48.                     <dd><a href="/contact/">Contact</a></dd>
  49.                     
  50.                 </div>
  51.                 <div class="col-lg-4 menu-footer">
  52.                     <h3 style="text-transform: uppercase">événement</h3>
  53.                     <hr>
  54.                 <dd><a href="/evenement/1/congre/">Congres</a></dd>
  55.                     <dd><a href="/evenement/2/formation-avec-paiment/">Formation  payante</a></dd>
  56.                     <dd><a href="/evenement/3/webinaire-sans-paiment/">Webinaire gratuit</a></dd>
  57.                     <dd><a href="/evenement/4/Symposium-avec-paiment/">Symposium payante</a></dd>
  58.                     <dd><a href="/evenement/5/action-humanitaire-sans-paiment/">Action humanitaire</a></dd>
  59.                     
  60.                     
  61.                 
  62.                 </div>
  63.                 <div class="col-lg-4 menu-footer">
  64.                     <h3>Contact</h3>
  65.                     <hr>
  66.                     
  67.                     <dd><a href="#">Email: association.astp@gmail.com</a></dd>
  68.                     <dd><a href="#">Téléphone : +216 97 054 316</a></dd>
  69.                     <hr>
  70.                     <h3>Espace client</h3>
  71.                     <dd><a href="/connexion">Connexion</a></dd>
  72.                     <dd><a href="/inscription">Inscription</a></dd>
  73.                     
  74.                 </div>
  75.                 <div class="col-lg-3">
  76.                 
  77.                 </div>
  78.         </div>
  79.         <div class="row" style="margin-top:20px">
  80.             <!-- col -->
  81.             <div class="col-sm-6" style="text-align:right">
  82.                 Copyright ©2022 All rights reserved |  by <a href="https://netadvisor.tn/" style="color:white" target="_blank">NET advisor</a>
  83.             </div>
  84.             <!-- /col -->
  85.             <!-- col -->
  86.             <div class="col-sm-6 text-right">
  87.                 <!-- Social Icons -->
  88.                 <div class="footer-social-icons">
  89.                     <a href="https://www.instagram.com/association.astp/" target="_blank"><i class="fa fa-instagram"></i></a>
  90.                     <a href="https://www.facebook.com/astptunisie" target="_blank"><i class="fa fa-facebook"></i></a>
  91.                 
  92.                 </div>
  93.                 <!-- /Social Icons -->
  94.             </div>
  95.             <!-- /col -->
  96.         </div>
  97.         <!-- /row -->
  98.     </div>    
  99. </footer>
  100. <!-- /Footer
  101. ================================================== -->
  103. <!-- >> JS
  104. ============================================================================== -->
  106. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  107. <script src="/vendor/jquery-1.11.3.min.js"></script>
  108. <!-- Include all compiled plugins (below), or include individual files as needed -->
  109. <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
  110. <!-- Crossbrowser-->
  111. <script src="/vendor/cross-browser.js"></script>
  112. <!-- /Crossbrowser-->
  113. <!-- CountDown -->
  114. <script src="/vendor/jquery.countdown.min.js"></script>
  115. <!-- /CountDown -->
  116. <!-- Waypoints-->
  117. <script src="/vendor/waypoints.min.js"></script>
  118. <!-- /Waypoints-->
  119. <!-- Validate -->
  120. <script src="/vendor/validate.js"></script>
  121. <!-- / Validate -->
  122. <!-- Fancybox -->
  123. <script src="/vendor/fancybox/jquery.fancybox.js"></script>
  124. <!-- /fancybox -->
  125. <!-- Owl Caroulsel -->
  126. <script src="/vendor/owl.carousel/owl-carousel/owl.carousel.js"></script>
  127. <!-- /Owl Caroulsel -->
  128. <!-- Main JS -->
  129. <script src="/js/main.js"></script>
  130. <!-- /Main JS -->
  132. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  133. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  134. <!--[if lt IE 9]>
  135.   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  136.   <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  137. <![endif]-->
  139. <!-- >> /JS
  140. ============================================================================= -->
  141. <script>
  143.     $.get("/document", function(data, status){
  144.         if(data>0)
  145.         {
  146.             $(".doc").html("<span class='fa fa-bell'><span style='font-weight: bold;' class='disf'><b>"+data+"</b></span>");
  147.             $(".doc").css("display","block");
  148.         }
  149.       });
  150.       $(".fa-bars").click(function () {
  151.        $(".menu2").animate({width: 'toggle'},120);
  152.     });
  153.      $(".close").click(function () {
  154.        $(".menu2").animate({width: 'toggle'},120);
  155.     });
  157.     $("#sfToolbarMainContent-5ad496").css("display","none");
  158. </script>
  159. <!-- Google tag (gtag.js) -->
  160. <script async src="https://www.googletagmanager.com/gtag/js?id=G-V62KF7Y5G6"></script>
  161. <script>
  162.   window.dataLayer = window.dataLayer || [];
  163.   function gtag(){dataLayer.push(arguments);}
  164.   gtag('js', new Date());
  166.   gtag('config', 'G-V62KF7Y5G6');
  167. </script>