templates\layouts\site.html.twig line 1

Open in your IDE?
  1. {% if menu is not defined %}
  2.     {% set menu=1 %}
  3. {% endif %}
  4. <!DOCTYPE html>
  5. <html lang="fr">
  6. <head>
  7.     <meta charset="utf-8">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.     <meta name="viewport" content="width=device-width,initial-scale=1.0">
  11.     <title>{% block title %}Welcome to the new orishas-finance{% endblock %}</title>
  12.     <meta name="robots" content="index, follow">
  14.     {% block meta %}
  16.     {% endblock %}
  17.     
  18.     <link rel="stylesheet"  href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css"/>
  20.     {{ include('layouts/includes/site.css.html.twig') }}
  22. <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5f5f3c49ddcc360019c41cfb&product=sop' async='async'></script>
  23.     {% block css %}
  24.     
  25.     {% endblock %}
  26.     <!-- Global site tag (gtag.js) - Google Adsense -->
  27.     <script data-ad-client="ca-pub-3092007543498850" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  28.     {% if app_env == 'prod' %}
  29.         <!-- Google tag (gtag.js) -->
  30.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-6VKEF25TT0"></script>
  31.         <script>
  32.             window.dataLayer = window.dataLayer || [];
  33.             function gtag(){dataLayer.push(arguments);}
  34.             gtag('js', new Date());
  36.             gtag('config', 'G-6VKEF25TT0');
  37.         </script>
  38.     {% endif %}
  39. </head>
  40. <body>
  41. <style>
  42. .pagetitle {
  43.    
  44.     padding: 80px 0px 70px;
  45.     color: #ffffff;
  46.     background-position: center center;
  47.     background-size: cover;
  48.     background-repeat: no-repeat;
  49.     height:10px;
  50.   margin-top: -4px;
  51.     margin-bottom:0.2em;
  52.     background-color: rgba(0,0,0,.6);
  53.     background-blend-mode: color;
  54.     }
  55.     section, summary {
  56.     display: block;
  57. }
  58. .auto-container {
  59.     position: static;
  60.     max-width: 1200px;
  61.     padding: 0px 15px;
  62.     margin-top: -50px;
  63.     height:200px;
  64.     
  65.     font-size:14px;
  66.      font-family: Montserrat;
  67.      text-align:center;
  68.      }
  69. .auto-text{
  70.      font-size:20px;
  71.      font-weight:bold;
  72.     }
  73.      
  74.      /*}
  75.      
  76.     {
  77.     margin: 0px;
  78.     padding: 0px;
  79.     border: none;
  80.     outline: none;}*/
  82.     .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  83.     color: #fff;
  84.     background-color: #039be5;
  85.     font-weight: bold;
  86.     border-color: #dee2e6 #dee2e6 #fff;
  87. }
  88. /*.nav-tabs {
  89.     background-color: :#ccc;
  90.     border-bottom: 1px solid #039be5;
  91.     background-color: #ccc;
  92. }*/
  93.     .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  94.     color: #fff;
  95.     background-color: #039be5;
  96.     font-weight: bold;
  97.     border-color: #dee2e6 #dee2e6 #fff;
  98.     text-transform: uppercase;
  99.     
  100.     font-size: 16px;
  101. }
  102. .fade {
  103.     transition: opacity 0.15s linear;
  104.     margin-top: 10px;
  105. }
  106. .corps{
  107. background-color: #fff; padding-top: 80px;
  108. }
  109. .pbottom{
  110. margin-bottom:10px;
  111. }
  112.     
  113.     
  115. </style>
  117. <style>
  118.     .rss-banner {
  119.         background: var(--color-primary);
  120.         margin: 0;
  121.         padding: 7px;
  122.     }
  123.     .rss-banner a{
  124.         color: #fff;
  125.         font-weight: bold;
  126.     }
  127. </style>
  129. <div class="rss-banner">
  130.     <a href="{{ path('site_flux.reader') }}" target="_blank" title="comment s'abonner ?"><img src="https://orishas-finance.com/rss.png" alt="RSS Feed">  &nbsp;Les actualit&eacute;s de la BRVM en Flux RSS</a>
  131. </div>
  133. <!--Navbar-->
  134. <nav class="navbar navbar-expand-lg navbar-dark of-color-dark fixed-top" style="background-color: #202d3d !important;">
  136.     <!-- Navbar brand -->
  137.     <a class="navbar-brand" href="{{path('site_home')}}">
  138.         <img src="{{ asset('assets/site/images/logot.png') }}" alt="Orishas-finance" width="150px;" height="40px;">
  140.     </a>
  142.     <!-- Collapse button -->
  143.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
  144.             aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
  145.         <span class="navbar-toggler-icon"></span>
  146.     </button>
  148.     <!-- Collapsible content -->
  149.     <div class="collapse navbar-collapse" id="basicExampleNav">
  151.         <!-- Links -->
  152.         <ul class="navbar-nav mr-auto">
  154.             {#<li class="nav-item {% if menu == '1' %}active{% endif %}">
  155.                 <a class="nav-link" href="#">Accueil
  156.                     <!-- <span class="sr-only">(current)</span>-->
  157.                 </a>
  158.             </li>#}
  160.             {#<li class="nav-item">
  161.                 <a class="nav-link" href="#">Actualités
  162.                 </a>
  163.             </li>#}
  164.             
  165.             <!-- Dropdown nos Actualités -->
  166.             <li class="nav-item dropdown">
  167.                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
  168.                    aria-haspopup="true" aria-expanded="false">Actualités</a>
  169.                 <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
  170.                     <a class="dropdown-item" href="{{ path('site_news') }}">Toutes les actualités</a>
  171.                     {% for typenews in typesnews %}
  172.                         <a href="{{ path('site_news',{'slug': typenews.slug}) }}"  class="dropdown-item">{{ typenews.libelle }}</a>
  173.                     {% endfor %}
  174.                 </div>
  175.             </li>
  177.             <!-- Dropdown nos services -->
  178.             <li class="nav-item dropdown">
  179.                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
  180.                    aria-haspopup="true" aria-expanded="false">Nos Services</a>
  181.                 <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
  182.                     {%for service in services %}
  183.                     <a class="dropdown-item" href="{{ path('servicefront_show', {'id': service.id}) }}">{{service.libelle}}</a>
  184.                     {% endfor %}
  185.                 </div>
  186.             </li>
  187.             <li class="nav-item">
  188.                 <a class="nav-link" href="{{ path('site_formation') }}">Formations & conseils</a>
  189.             </li>
  191.             <!-- Dropdown Outils -->
  192.             <li class="nav-item dropdown">
  193.                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
  194.                    aria-haspopup="true" aria-expanded="false">Outils</a>
  195.                 <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
  196.                     <a class="dropdown-item" href="{{ path('site_news') }}">Actualités</a>
  197.                     <a class="dropdown-item" target="_blank" href="https://orishas-finance.net/">Data Services</a>
  198.                     <a class="dropdown-item" href="{{ path('site_evenements') }}">Calendrier économique</a>
  199.                      <a class="dropdown-item" href="{{path('site_videos')}}">Orishas TV</a>
  200.                 </div>
  201.             </li>
  203.             <li class="nav-item">
  204.                 <a class="nav-link" href="{{path('show_orishas',{'id':1})}}" >Qui sommes-nous ?</a>
  205.             </li>
  207.         </ul>
  208.         <!-- Links -->
  210.         <form class="form-inline">
  211.             <div class="md-form my-0">
  212.                 <input class="form-control mr-sm-2" type="text" placeholder="Rechercher" style="border: solid 1px lightblue; border-radius: 15px;  text-align: center;" size="40" aria-label="Rechercher">
  213.             </div>
  214.         </form>
  216.         <!-- Links -->
  217.         <ul class="navbar-nav">
  219.             <!-- Dropdown -->
  220.             <li class="nav-item dropdown" style="margin-right: 35px;">
  221.                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
  222.                    aria-haspopup="true" aria-expanded="false">
  223.                     {% if app.user %}
  224.                          Mon compte
  225.                     {% else %}
  226.                         S'authentifier
  227.                     {% endif %}
  228.                 </a>
  229.                 <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
  230.                     {% if app.user %}
  231.                     <a class="dropdown-item" href="{{path('monprofil')}}"><i class="fa fa-user"></i> Mon profil</a>
  232.                     {#<a class="dropdown-item" href="#">Mes abonnements</a>#}
  233.                     <a class="dropdown-item" href="{{ path('app_logout') }}">Déconnexion</a>
  234.                     {% else %}
  235.                     <a class="dropdown-item" href="{{ path('app_login') }}"><i class="fa fa-key"></i>  Connexion</a>
  236.                     <a class="dropdown-item" href="{{ path('inscription') }}"><i class="fa fa-user-plus"></i> Créer un compte</a>
  237.                     {% endif %}
  238.                 </div>
  239.             </li>
  241.         </ul>
  242.         <!-- Links -->
  244.     </div>
  245.     <!-- Collapsible content -->
  247. </nav>
  248. <!--/.Navbar-->
  251. <div class="container corps" style=" padding-top: 70px;">
  253.     {% block body %}{% endblock %}
  255. </div>
  258. <!-- Footer -->
  259. <footer class="page-footer font-small of-color-dark">
  261.     <div class="primary-bg">
  262.         <div class="container">
  264.             <!-- Grid row-->
  265.             <div class="row py-4 d-flex align-items-center">
  267.                 <!-- Grid column -->
  268.                 <div class="col-md-6 col-lg-5 text-center text-md-left mb-4 mb-md-0">
  269.                     <h5 class="font-weight-bold mb-0">Rejoignez-nous sur les médias sociaux</h5>
  270.                 </div>
  271.                 <!-- Grid column -->
  273.                 <!-- Grid column -->
  274.                 <div class="col-md-6 col-lg-7 text-center text-md-right">
  276.                    <!-- Facebook -->
  277.                     <a class="fb-ic" target="_blink" href="https://web.facebook.com/orishas.finance">
  278.                         <i class="fab fa-facebook-f white-text mr-4"> </i>
  279.                     </a>
  280.                     <!-- Twitter -->
  281.                     <a class="tw-ic" target="_blink" href="https://twitter.com/orishas_finance">
  282.                         <i class="fab fa-twitter white-text mr-4"> </i>
  283.                     </a>
  284.                     <!--Linkedin -->
  285.                     <a class="li-ic" target="_blink" href="https://www.linkedin.com/in/orishas-finance-36a730121/">
  286.                         <i class="fab fa-linkedin-in white-text mr-4"> </i>
  287.                     </a>
  288.                     <!--youtube-->
  289.                     <a class="ins-ic" target="_blink" href="https://www.youtube.com/channel/UCxvlwZx_mYCy4mjHjMQc7iw/featured">
  290.                         <i class="fab fa-youtube white-text"> </i>
  291.                     </a>
  292.                 </div>
  293.                 <!-- Grid column -->
  295.             </div>
  296.             <!-- Grid row-->
  298.         </div>
  299.     </div>
  301.     <!-- Footer Links -->
  302.     <div class="container text-center text-md-left mt-5">
  304.         <!-- Grid row -->
  305.         <div class="row mt-3">
  307.             <!-- Grid column -->
  308.             <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
  310.                 <!-- Content -->
  311.                 <h6 class="text-uppercase font-weight-bold">Outils & Services</h6>
  312.                 <hr class="primary-bg accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
  313.                 <p>
  314.                     <a href="{{ path('site_news') }}">Actualités</a>
  315.                 </p>
  316.                 <p>
  317.                     <a href="http://preprod.orishas-finance.com/Services/1">ORISHAS DATA SERVICES</a>
  318.                 </p>
  319.                 <p>
  320.                     <a href="http://preprod.orishas-finance.com/Services/2">Solution Risque LAB & LCFT</a>
  321.                 </p>
  322.                 <p>
  323.                     <a href="{{ path('site_formation') }}"> Formations & Conseils </a>
  324.                 </p>
  327.             </div>
  328.             <!-- Grid column -->
  330.             <!-- Grid column -->
  331.             <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
  333.                 <!-- Links -->
  334.                 <h6 class="text-uppercase font-weight-bold">A propos</h6>
  335.                 <hr class="primary-bg accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
  336.                 <p>
  337.                     <a  href="{{path('show_orishas',{'id':1})}}">Qui sommes-nous</a>
  338.                 </p>
  339.                 <p>
  340.                     <a href="{{path('nousrejoindre')}}">Nous rejoindre</a>
  341.                 </p>
  342.                 <p>
  343.                     <a href="{{path('contacts')}}">Nous contacter</a>
  344.                 </p>
  345.                 <p>
  346.                     <a href="{{path('glossaire_')}}">Glossaire</a>
  347.                 </p>
  349.             </div>
  350.             <!-- Grid column -->
  352.             <!-- Grid column -->
  353.             <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
  355.                 <!-- Links -->
  356.                 <h6 class="text-uppercase font-weight-bold">Liens utiles</h6>
  357.                 <hr class="primary-bg accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
  358.                 <p>
  359.                     <a href="{{path('monprofil')}}">Mon compte</a>
  360.                 </p>
  361.                 <p>
  362.                     <a href="{{path('conditions')}}">Conditions</a>
  363.                 </p>
  364.                 <p>
  365.                     <a href="{{path('politique')}}">Politiques</a>
  366.                 </p>
  367.                 <p>
  368.                     <a href="#!">Brochure Tariffaire</a>
  369.                 </p>
  372.             </div>
  373.             <!-- Grid column -->
  375.             <!-- Grid column -->
  376.             <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
  378.                 <!-- Links -->
  379.                 <h6 class="text-uppercase font-weight-bold">Contacts</h6>
  380.                 <hr class="primary-bg accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
  381.                 <p>
  382.                     <i class="fas fa-home mr-3"></i>06 BP 1528 ABIDJAN 06</p>
  383.                 <p>
  384.                     <i class="fas fa-envelope mr-3"></i> [email protected]</p>
  385.                 <p>
  386.                     <i class="fas fa-phone mr-3"></i> + 225 27 22 52 31 98/96</p>
  387.                 <p >
  388.                     <i class="fab fa-whatsapp mr-3"></i> + 225 07 48 78 36 65</p>
  390.             </div>
  391.             <!-- Grid column -->
  393.         </div>
  394.         <!-- Grid row -->
  396.     </div>
  397.     <!-- Footer Links -->
  399.     <!-- Copyright -->
  400.     <div class="footer-copyright text-center py-3">© 2020 Copyright:
  401.         <a href="https://orishas-fiance.com/"> Orishas-Fiance.com</a>
  402.     </div>
  403.     <!-- Copyright -->
  405. </footer>
  406. <!-- Footer -->
  409. {#{{ include('layouts/includes/service-worker-config.html.twig') }}#}
  410.  
  412. {{ include('layouts/includes/site.scripts.html.twig') }}
  415. <script>
  416.     $(document).ready(function () {
  417.         if ($(window).scrollTop() == 0) {
  418.             $(".navbar").removeClass("fixed-top");
  419.         }
  420.         $(window).scroll(function(){
  421.             if ($(window).scrollTop() == 0) {
  422.                 $(".navbar").removeClass("fixed-top");
  423.             } else {
  424.                 $(".navbar").addClass("fixed-top");
  426.             }
  427.         });
  428.     });
  429. </script>
  432. {% block scripts %}
  434. {% endblock %}
  437. </body>
  439. </html>