templates/Theme/General/Template/Menu/footer.html.twig line 1

Open in your IDE?
  1. {% if position == 'admin' %}    
  2. <footer class="page-footer" style="margin-top: -30px; background: #333;">
  3.    <div class="footer-copyright taille-footer-user">
  4.     <div class="container">
  5.     <div class="row">
  6.         <div class="col s12 m4 12">
  7.             <div style="border-bottom: 1px solid #ddd; padding-bottom: 0px;">{{ 'Liens utiles'|trans }}</div>
  8.             <div style="margin-bottom: -15px;"><a href="http://www.statistics-cameroon.org/" style="color: #fff; margin-left: 5px; white-space: nowrap;">{{ 'Institut National de la Statistique du Cameroun'|trans }}</a></div>
  9.             <div style="margin-bottom: -15px;">
  10.             <select name="lien-utiles" value="" class="browser-default selection-nouveau-site" style="background: #333; color: #fff; border: none; padding: 5px 0px;">
  11.                 <option value="0" selected>{{ 'Plus De Liens'|trans }}</option>
  12.                 <option value="http://www.minpmeesa.gov.cm">{{ 'Site Du Ministère Des Petites Et Moyennes Entreprises De l’Économie Sociale Et De l\’Artisanat'|trans }}</option>
  13.                 <option value="http://www.apme.cm/">{{ 'Site Web APME'|trans }}</option>
  14.                 <option value="http://www.spm.gov.cm/">{{ 'Site Premier Ministère'|trans }}</option>
  15.                 <option value="http://www.cfe-cameroun.cm/">{{ 'Centre De Formalités Des Entreprises'|trans }}</option>
  16.             </select>
  17.             </div>
  18.         </div>
  19.         <div class="col s12 m4 12">
  20.             <div style="border-bottom: 1px solid #ddd;">{{ 'L\'entreprise'|trans }}</div>
  22.             <div style="margin-bottom: -15px;"><a href="" style="color: #fff;">{{ 'Contacts'|trans }}</a></div>
  23.         </div>
  24.         <div class="col s12 m4 12 user-menu-bar-lg" style="text-align: right;">
  25.         <div style="border-left: 2px solid #999; padding-right: 17px; border-bottom: 2px solid #999; background: #fff; color: #333; height: 50px; width: 250px; margin: -2px 0px 40px 0px; right: 50px; border-radius: 0px 0px 0px 20px; position: absolute;">
  26.         {{ 'Visites:'|trans }}
  27.         </div>
  28.         <div style="margin-bottom: -15px; margin-top: 60px;">
  29.         <a href="{{ twitter }}" title="{{ 'visitez notre page twitter'|trans }}"  target="_blank" style="margin-right: 2px;"><img src="{{ asset('templateopme/images/twitter.png') }}" alt="" style=""/></a> 
  30.         <a href="{{ facebook }}"  title="{{ 'visitez notre page facebook'|trans }}" target="_blank" style="margin-right: 2px;"><img src="{{ asset('templateopme/images/facebook.png') }}" alt="" style=""/></a>
  31.         <a href="{{ google }}" title="{{ 'visitez notre page google+'|trans }}"  target="_blank" style="margin-right: 2px;"><img src="{{ asset('templateopme/images/google.png') }}" alt="" style=""/></a>
  32.         <a href="{{ linkedin }}" title="{{ 'visitez notre page linkedin+'|trans }}" target="_blank" style="margin-right: 2px;"><img src="{{ asset('templateopme/images/linkedin.png') }}" alt="" style=""/></a>
  33.         </div>
  34.         </div>
  35.     </div>
  36.     </div>
  37.     
  38.     <div class="container">
  39.         <hr style="margin-bottom: -5px;"/>
  40.         Copyright © {{ moisText("now"|date('m')) }} {{ "now"|date('Y') }} <a class="grey-text text-lighten-4" href="#!">OPME</a> All rights reserved.
  41.         <span class="right"> <a class="grey-text text-lighten-4" href="#!" title="Conditions Générales d'Utilisation">CGU</a> {% if is_granted('ROLE_GESTION') %}. <a class="grey-text text-lighten-4" href="{{ path('users_adminuser_accueil_administration') }}">{{ 'Administration'|trans }}</a>{% endif %} .  <a class="grey-text text-lighten-4" href="http://africexplorer.com/" target="_blank">Design By <u>Afex<u></a></span>
  42.     </div>
  43.     
  44.     </div>
  45. </footer>
  46. <!-- END FOOTER -->
  47. <script type="text/javascript">
  48. $('.selection-nouveau-site').on('change', function(e){
  49.     if($(this).val() == 0)
  50.     {
  51.         alert('Erreur ! Choisissez un site web.');
  52.     }else{
  53.         document.location.href = $(this).val();
  54.     }
  55. });
  56. </script>
  57. {% else %}
  58.     {% if position == 'offerts' %}
  59.     
  60.         
  61. <style>
  62.     @-webkit-keyframes scroll {
  63.       0% {
  64.         -webkit-transform: translateX(0);
  65.                 transform: translateX(0);
  66.       }
  67.       100% {
  68.         -webkit-transform: translateX(calc(-250px * 7));
  69.                 transform: translateX(calc(-250px * 7));
  70.       }
  71.     }
  72.     
  73.     @keyframes scroll {
  74.       0% {
  75.         -webkit-transform: translateX(0);
  76.                 transform: translateX(0);
  77.       }
  78.       100% {
  79.         -webkit-transform: translateX(calc(-250px * 7));
  80.                 transform: translateX(calc(-250px * 7));
  81.       }
  82.     }
  83.     .slider-12 {
  84.       background: white;
  85.       box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  86.       height: 100px;
  87.       margin: auto;
  88.       overflow: hidden;
  89.       position: relative;
  90.       width: 100%;
  91.     }
  92.     .slider-12::before, .slider-12::after {
  93.       background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  94.       content: "";
  95.       height: 100px;
  96.       position: absolute;
  97.       width: 200px;
  98.       z-index: 2;
  99.     }
  100.     .slider-12::after {
  101.       right: 0;
  102.       top: 0;
  103.       -webkit-transform: rotateZ(180deg);
  104.               transform: rotateZ(180deg);
  105.     }
  106.     .slider-12::before {
  107.       left: 0;
  108.       top: 0;
  109.     }
  110.     .slider-12 .slide-track {
  111.       -webkit-animation: scroll 40s linear infinite;
  112.               animation: scroll 40s linear infinite;
  113.       display: flex;
  114.       width: calc(250px * 14);
  115.     }
  116.     .slider-12 .slide {
  117.       height: 100px;
  118.       width: 250px;
  119.     }
  120.     
  121.     .mzp-c-footer-list{
  122.         padding-left: 0px!important;
  123.     }
  124.     </style>
  125.     
  126.     
  127.     <div class="row">
  128.     <div class="col-md-12">
  129.         <div class="text-center" style="padding: 0px;">
  130.             <h2>Nous travaillons avec les entreprises ci-dessous</h2>
  131.             Nous savons que vous souhaitez que vos services soient sécurisés, disponibles et facilement accessibles, c'est pour cette raison que nous avons travaillé dur pour établir des partenariats avec les grands noms du secteur de la gestion des données.
  132.         </div>
  133.         
  134.         
  135.         
  136.     <div class="slider-12" style="box-shadow: none;">
  137.         <div class="slide-track">
  138.             <div class="slide">
  139.                 <img src="{{ asset('template/images/amazon-s3.png') }}" height="100" width="250" alt="" />
  140.             </div>
  141.             <div class="slide">
  142.                 <img src="{{ asset('template/images/google-drive.png') }}" height="100" width="250" alt="" />
  143.             </div>
  144.             <div class="slide">
  145.                 <img src="{{ asset('template/images/ovh-host.png') }}" height="100" width="250" alt="" />
  146.             </div>
  147.             <div class="slide">
  148.                 <img src="{{ asset('template/images/i-web.png') }}" height="100" width="250" alt="" />
  149.             </div>
  150.             <div class="slide">
  151.                 <img src="{{ asset('template/images/france-dns.png') }}" height="100" width="250" alt="" />
  152.             </div>
  153.             <div class="slide">
  154.                 <img src="{{ asset('template/images/domainebox.png') }}" height="100" width="250" alt="" />
  155.             </div>
  156.             <div class="slide">
  157.                 <img src="{{ asset('template/images/logo-cpanel.png') }}" height="100" width="250" alt="" />
  158.             </div>
  159.             <div class="slide">
  160.                 <img src="{{ asset('template/images/amazon-s3.png') }}" height="100" width="250" alt="" />
  161.             </div>
  162.             <div class="slide">
  163.                 <img src="{{ asset('template/images/google-drive.png') }}" height="100" width="250" alt="" />
  164.             </div>
  165.             <div class="slide">
  166.                 <img src="{{ asset('template/images/ovh-host.png') }}" height="100" width="250" alt="" />
  167.             </div>
  168.             <div class="slide">
  169.                 <img src="{{ asset('template/images/i-web.png') }}" height="100" width="250" alt="" />
  170.             </div>
  171.             <div class="slide">
  172.                 <img src="{{ asset('template/images/france-dns.png') }}" height="100" width="250" alt="" />
  173.             </div>
  174.             <div class="slide">
  175.                 <img src="{{ asset('template/images/domainebox.png') }}" height="100" width="250" alt="" />
  176.             </div>
  177.             <div class="slide">
  178.                 <img src="{{ asset('template/images/logo-cpanel.png') }}" height="100" width="250" alt="" />
  179.             </div>
  180.         </div>
  181.     </div>
  182.     </div>
  183.     </div>
  185.     
  186. <style>
  187.         .footer {
  188.     padding: 40px 0;
  189.     background-color: #0d1117;
  190.     color: white;
  191. }
  193. .footer ul {
  194.     padding: 0;
  195.     list-style: none;
  196.     text-align: center;
  197.     font-size: 18px;
  198.     line-height: 1.6;
  199.     margin-bottom: 0;
  200. }
  202. .footer li {
  203.     display: inline-block; /* Change to inline-block for horizontal layout */
  204.     padding: 0 10px;
  205. }
  207. .footer ul a {
  208.     color: inherit;
  209.     text-decoration: none;
  210.     opacity: 0.8;
  211. }
  213. .footer ul a:hover {
  214.     opacity: 1;
  215. }
  217. .footer .social {
  218.     text-align: center;
  219.     padding-bottom: 25px;
  220. }
  222. .footer .social > a {
  223.     font-size: 24px;
  224.     width: 40px;
  225.     height: 40px;
  226.     line-height: 40px;
  227.     display: inline-block;
  228.     text-align: center;
  229.     border-radius: 50%;
  230.     border: 1px solid #ccc;
  231.     margin: 0 8px;
  232.     color: inherit;
  233.     opacity: 0.75;
  234. }
  236. .footer .social > a:hover {
  237.     opacity: 0.9;
  238. }
  240. .footer .copyright {
  241.     margin-top: 15px;
  242.     text-align: center;
  243.     font-size: 13px;
  244.     color: #aaa;
  245.     margin-bottom: 0;
  246. }
  247. .footer .footer-break{
  248.   height:2px;
  249.   border-width:0;
  250.   color:gray;
  251.   background-color:white
  252.     }
  254.     </style>
  256.     <!-- fontawesome is beign ised for social icons -->
  257. <footer class="footer" role="contentinfo" itemscope itemtype="http://schema.org/WPFooter">
  258.     <div class="social" role="navigation" aria-labelledby="social-heading">
  259.         <h3 id="social-heading" class="sr-only">Follow us on social media</h3>
  260.         <a href="#" aria-label="Facebook"><i class="fa fa-facebook"></i></a>
  261.         <a href="#" aria-label="Twitter"><i class="fa fa-twitter"></i></a>
  262.         <a href="#" aria-label="Mastodon"><i class="fa fa-youtube"></i></a>
  263.         <a href="#" aria-label="Instagram"><i class="fa fa-instagram"></i></a>
  264.     </div>
  266.     <hr class="footer-break">
  267.     <ul class="footer-links" role="navigation" aria-labelledby="footer-links-heading">
  268.         <h3 id="footer-links-heading" class="sr-only">Footer Links</h3>
  269.         <li><a href="{{ path('produit_service_afh_sps', {'position': 'presentation'}) }}">Présentation du projet</a></li>
  270.         <li><a href="{{ path('produit_service_afh_sps', {'position': 'faq'}) }}">Foir aux questions</a></li>
  271.         <li><a href="{{ path('produit_service_afh_sps', {'position': 'aide'}) }}">Centre d'aide</a></li>
  272.         <li><a href="#!">Avis utilisateur</a></li>
  273.         {% if is_granted('ROLE_ADMIN') %}<li><a rel="license" href="{{ path('users_adminuser_accueil_administration') }}">Administration</a></li>{% endif %}
  274.     </ul>
  275.     <p class="copyright">© 2014 - {{ 'now'|date('Y') }} <a style='color:inherit' href="#!">AFH Factory</a>. Made with <i class="bi bi-heart" style="color: #ff5406;"></i> by <a href="http://code.afhunt.com/" style="color: #ff5406;" target="_blank">AFH Code</a></p>
  276. </footer>
  278.     {% else %}
  279.         {% if position == 'paneluser' %}
  280.           <footer class="footer" style="padding: 15px  20px; bottom: 0px; position: relative;">
  281.             <div class="container-fluid">
  282.               <div style="padding-right: 10px; color: #333;">
  283.                 © 2014 - {{ 'now'|date('Y') }} {{ site }}. Made with <span class="fa fa-heart" style="color: #ff5406;"></span> by <a href="http://africexplorer.com/" style="color: #ff5406;" target="_blank">Afex</a> {% if is_granted('ROLE_ADMIN') %} . <a href="{{ path('users_adminuser_accueil_administration') }}"> Administration</a>{% endif %}
  284.               
  285.               <span style="float: right;">
  286.                 <a href="{{ path('produit_service_afh_sps', {'position': 'cgu'}) }}" style="color: #333;" target="_blank">CGU</a> | <a href="{{ path('produit_service_afh_sps', {'position': 'confidentialite'}) }}" style="color: #333;" target="_blank">Confidentialité</a>
  287.               </span>
  288.               </div>
  289.             </div>
  290.           </footer>
  291.         {% endif %}
  292.     {% endif %}
  293. {% endif %}