templates\layouts\site_page.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>
  13.     <meta name="robots" content="index, follow">
  15.     {% block meta %}
  17.     {% endblock %}
  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 %}
  27.     {% if app_env == 'prod' %}
  28.         <!-- Google tag (gtag.js) -->
  29.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-6VKEF25TT0"></script>
  30.         <script>
  31.             window.dataLayer = window.dataLayer || [];
  32.             function gtag(){dataLayer.push(arguments);}
  33.             gtag('js', new Date());
  35.             gtag('config', 'G-6VKEF25TT0');
  36.         </script>
  37.     {% endif %}
  38. </head>
  39. <body>
  40. <style>
  41. .pagetitle {
  42.    
  43.     padding: 80px 0px 70px;
  44.     color: #ffffff;
  45.     background-position: center center;
  46.     background-size: cover;
  47.     background-repeat: no-repeat;
  48.     height:10px;
  49.   margin-top: -4px;
  50.     margin-bottom:0.2em;
  51.     background-color: rgba(0,0,0,.6);
  52.     background-blend-mode: color;
  53.     }
  54.     section, summary {
  55.     display: block;
  56. }
  57. .auto-container {
  58.     position: static;
  59.     max-width: 1200px;
  60.     padding: 0px 15px;
  61.     margin-top: -50px;
  62.     height:200px;
  63.     
  64.     font-size:14px;
  65.      font-family: Montserrat;
  66.      text-align:center;
  67.      }
  68. .auto-text{
  69.      font-size:20px;
  70.      font-weight:bold;
  71.     }
  72.     
  73. .nav-tabs {
  74.      background-color: #fff;
  75.     border-bottom: 1px solid #039be5;
  76.    
  77. }
  78.     .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  79.     color: #fff;
  80.     background-color: #039be5;
  81.     font-weight: bold;
  82.     border-color: #dee2e6 #dee2e6 #fff;
  83. }
  85.     .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  86.     color: #fff;
  87.     background-color: #039be5;
  88.     font-weight: bold;
  89.     border-color: #dee2e6 #dee2e6 #fff;
  90.     text-transform: uppercase;
  91.     width: 100%;
  92.     font-size: 16px;
  93. }
  94. .fade {
  95.     transition: opacity 0.15s linear;
  96.     margin-top: 10px;
  97. }
  98. .corps{
  99. background-color: #fff; padding-top: 80px;
  100. }
  101. .pbottom{
  102. margin-bottom:10px;
  103. }
  104. section{
  105.     text-align: justify;
  106. }    
  107. </style>
  108. {#
  110. <style>
  111.     ul.dropdown-cart{
  112.         min-width:250px;
  113.     }
  114.     ul.dropdown-cart li .item{
  115.         display:block;
  116.         padding:3px 10px;
  117.         margin: 3px 0;
  118.     }
  119.     ul.dropdown-cart li .item:hover{
  120.         background-color:#f3f3f3;
  121.     }
  122.     ul.dropdown-cart li .item:after{
  123.         visibility: hidden;
  124.         display: block;
  125.         font-size: 0;
  126.         content: " ";
  127.         clear: both;
  128.         height: 0;
  129.     }
  131.     ul.dropdown-cart li .item-left{
  132.         float:left;
  133.     }
  134.     ul.dropdown-cart li .item-left img,
  135.     ul.dropdown-cart li .item-left span.item-info{
  136.         float:left;
  137.     }
  138.     ul.dropdown-cart li .item-left span.item-info{
  139.         margin-left:10px;
  140.     }
  141.     ul.dropdown-cart li .item-left span.item-info span{
  142.         display:block;
  143.     }
  144.     ul.dropdown-cart li .item-right{
  145.         float:right;
  146.     }
  147.     ul.dropdown-cart li .item-right button{
  148.         margin-top:14px;
  149.     }
  150. </style>
  152. #}
  154. <style>
  155.     .rss-banner {
  156.         background: var(--color-primary);
  157.         margin: 0;
  158.         padding: 7px;
  159.     }
  160.     .rss-banner a{
  161.         color: #fff;
  162.         font-weight: bold;
  163.     }
  164. </style>
  166. <div class="rss-banner">
  167.     <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>
  168. </div>
  170. <!--Navbar-->
  171. <nav class="navbar navbar-expand-lg navbar-dark of-color-dark fixed-top" style="background-color: #202d3d !important;">
  173.     <!-- Navbar brand -->
  174.     <a class="navbar-brand" href="{{path('site_home')}}">
  175.         <img src="{{ asset('assets/site/images/logot.png') }}" alt="Orishas-finance" width="150px;" height="40px;">
  177.     </a>
  179.     <!-- Collapse button -->
  180.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
  181.             aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
  182.         <span class="navbar-toggler-icon"></span>
  183.     </button>
  185.     <!-- Collapsible content -->
  186.     <div class="collapse navbar-collapse" id="basicExampleNav">
  188.         <!-- Links -->
  189.         <ul class="navbar-nav mr-auto">
  191.             {#<li class="nav-item {% if menu == '1' %}active{% endif %}">
  192.                 <a class="nav-link" href="#">Accueil
  193.                     <!-- <span class="sr-only">(current)</span>-->
  194.                 </a>
  195.             </li>#}
  197.             {#<li class="nav-item">
  198.                 <a class="nav-link" href="#">Actualités
  199.                 </a>
  200.             </li>#}
  201.             
  202.             <!-- Dropdown nos Actualités -->
  203.             <li class="nav-item dropdown">
  204.                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
  205.                    aria-haspopup="true" aria-expanded="false">Actualités</a>
  206.                 <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
  207.                     <a class="dropdown-item" href="{{ path('site_news') }}">Toutes les actualités</a>
  208.                     {% for typenews in typesnews %}
  209.                         <a href="{{ path('site_news',{'slug': typenews.slug}) }}"  class="dropdown-item">{{ typenews.libelle }}</a>
  210.                     {% endfor %}
  211.                 </div>
  212.             </li>
  214.             <!-- Dropdown nos services -->
  215.             <li class="nav-item dropdown">
  216.                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
  217.                    aria-haspopup="true" aria-expanded="false">Nos Services</a>
  218.                 <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
  219.                    {%for service in services %}
  220.                     <a class="dropdown-item" href="{{ path('servicefront_show', {'id': service.id}) }}">{{service.libelle}}</a>
  221.                     {%endfor%}
  222.                    
  223.                 </div>
  224.             </li>
  225.             <li class="nav-item">
  226.                 <a class="nav-link" href="{{ path('site_formation') }}">Formations & conseils</a>
  227.             </li>
  229.             <!-- Dropdown Outils -->
  230.             <li class="nav-item dropdown">
  231.                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
  232.                    aria-haspopup="true" aria-expanded="false">Outils</a>
  233.                 <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
  234.                     <a class="dropdown-item" href="{{ path('site_news') }}">Actualités</a>
  235.                     <a class="dropdown-item" target="_blank" href="https://www.orishas-finance.net/">Data Services</a>
  236.                     <a class="dropdown-item" href="{{ path('site_evenements') }}">Calendrier économique</a>
  237.                     <a class="dropdown-item" href="{{path('site_videos')}}">Orishas TV</a>
  238.                 </div>
  239.             </li>
  241.             <li class="nav-item">
  242.                 <a class="nav-link" href="{{path('show_orishas',{'id':1})}}" >Qui sommes-nous ?</a>
  243.             </li>
  245.         </ul>
  246.         <!-- Links -->
  248.         {#<form class="form-inline">
  249.             <div class="md-form my-0">
  250.                 <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">
  251.             </div>
  252.         </form>#}
  254.         <!-- Links -->
  255.         <ul class="navbar-nav">
  257.             
  258.             {#<NavCart></NavCart>#}
  260.             <li class="nav-item dropdown" style="margin-right: 35px;">
  261.                 <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
  262.                    aria-haspopup="true" aria-expanded="false">
  263.                     {% if app.user %}
  264.                      Mon compte
  265.                     {% else %}
  266.                      S'authentifier
  267.                     {% endif %}
  268.                 </a>
  269.                 <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
  270.                     {% if app.user %}
  271.                         <a class="dropdown-item" href="{{path('monprofil')}}"><i class="fa fa-user"></i> Mon profil</a>
  272.                         {#<a class="dropdown-item" href="#">Mes abonnements</a>#}
  273.                         <a class="dropdown-item" href="{{ path('app_logout') }}">Déconnexion</a>
  274.                     {% else %}
  275.                         <a class="dropdown-item" href="{{ path('app_login') }}"><i class="    fa fa-key"></i>  Connexion</a>
  276.                         <a class="dropdown-item" href="{{ path('app_register') }}"><i class="fa fa-user-plus"></i> Compte personnel</a>
  277.                         <a class="dropdown-item" href="{{ path('app_register') }}"><i class="fa fa-user-plus"></i> Compte professionnel</a>
  278.                     {% endif %}
  279.                 </div>
  280.             </li>
  281.             <!-- Dropdown -->
  283.         </ul>
  284.         <!-- Links -->
  286.     </div>
  287.     <!-- Collapsible content -->
  289. </nav>
  290. <!--/.Navbar-->
  293. <div class="container pl-0 pr-0" id="app" style="background-color: #fff; padding-top: 50px; ">
  295.     {% block body %}{% endblock %}
  297. </div>
  299. <!-- Footer -->
  300. <footer class="page-footer font-small of-color-dark">
  302.     <div class="primary-bg">
  303.         <div class="container">
  305.             <!-- Grid row-->
  306.             <div class="row py-4 d-flex align-items-center">
  308.                 <!-- Grid column -->
  309.                 <div class="col-md-6 col-lg-5 text-center text-md-left mb-4 mb-md-0">
  310.                     <h5 class="font-weight-bold mb-0">Rejoignez-nous sur les médias sociaux</h5>
  311.                 </div>
  312.                 <!-- Grid column -->
  314.                 <!-- Grid column -->
  315.                 <div class="col-md-6 col-lg-7 text-center text-md-right">
  317.                     <!-- Facebook -->
  318.                     <a class="fb-ic" target="_blink" href="https://web.facebook.com/orishas.finance">
  319.                         <i class="fab fa-facebook-f white-text mr-4"> </i>
  320.                     </a>
  321.                     <!-- Twitter -->
  322.                     <a class="tw-ic" target="_blink" href="https://twitter.com/orishas_finance">
  323.                         <i class="fab fa-twitter white-text mr-4"> </i>
  324.                     </a>
  325.                     <!--Linkedin -->
  326.                     <a class="li-ic" target="_blink" href="https://www.linkedin.com/in/orishas-finance-36a730121/">
  327.                         <i class="fab fa-linkedin-in white-text mr-4"> </i>
  328.                     </a>
  329.                     <!--youtube-->
  330.                     <a class="ins-ic" target="_blink" href="https://www.youtube.com/channel/UCxvlwZx_mYCy4mjHjMQc7iw/featured">
  331.                         <i class="fab fa-youtube white-text"> </i>
  332.                     </a>
  334.                 </div>
  335.                 <!-- Grid column -->
  337.             </div>
  338.             <!-- Grid row-->
  340.         </div>
  341.     </div>
  343.     <!-- Footer Links -->
  344.     <div class="container text-center text-md-left mt-5">
  346.         <!-- Grid row -->
  347.         <div class="row mt-3">
  349.             <!-- Grid column -->
  350.             <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
  352.                 <!-- Content -->
  353.                 <h6 class="text-uppercase font-weight-bold">Outils & Services</h6>
  354.                 <hr class="primary-bg accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
  355.                 <p>
  356.                     <a href="{{ path('site_news') }}">Actualités</a>
  357.                 </p>
  358.                 <p>
  359.                     <a href="http://preprod.orishas-finance.com/Services/1">ORISHAS DATA SERVICES</a>
  360.                 </p>
  361.                 <p>
  362.                     <a href="http://preprod.orishas-finance.com/Services/2">Solution Risque LAB & LCFT</a>
  363.                 </p>
  364.                 <p>
  365.                     <a href="{{ path('site_formation') }}"> Formations & Conseils </a>
  366.                 </p>
  368.             </div>
  369.             <!-- Grid column -->
  371.             <!-- Grid column -->
  372.             <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
  374.                 <!-- Links -->
  375.                 <h6 class="text-uppercase font-weight-bold">A propos</h6>
  376.                 <hr class="primary-bg accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
  377.                 <p>
  378.                     <a  href="{{path('show_orishas',{'id':1})}}">Qui sommes-nous</a>
  379.                 </p>
  380.                 <p>
  381.                     <a href="{{path('nousrejoindre')}}">Nous rejoindre</a>
  382.                 </p>
  383.                 <p>
  384.                     <a href="{{path('contacts')}}">Nous contacter</a>
  385.                 </p>
  386.                 <p>
  387.                     <a href="{{path('glossaire_')}}">Glossaire</a>
  388.                 </p>
  390.             </div>
  391.             <!-- Grid column -->
  393.             <!-- Grid column -->
  394.             <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
  396.                 <!-- Links -->
  397.                 <h6 class="text-uppercase font-weight-bold">Liens utiles</h6>
  398.                 <hr class="primary-bg accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
  399.                 <p>
  400.                     {% if app.user %}
  401.                         <a href="{{path('monprofil')}}"><i class="fa fa-user"></i> Mon profil</a>
  402.                         
  403.                     {% else %}
  404.                         <a  href="{{ path('app_login') }}"> Connectez-vous</a>
  405.                         
  406.                     {% endif %}
  407.                 <p>
  408.                     <a href="{{path('conditions')}}">Conditions</a>
  409.                 </p>
  410.                 <p>
  411.                     <a href="{{path('politique')}}">Politiques</a>
  412.                 </p>
  413.                 <p>
  414.                     <a href="#!">Brochure Tariffaire</a>
  415.                 </p>
  417.             </div>
  418.             <!-- Grid column -->
  420.             <!-- Grid column -->
  421.             <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
  423.                 <!-- Links -->
  424.                 <h6 class="text-uppercase font-weight-bold">Contacts</h6>
  425.                 <hr class="primary-bg accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
  426.                 <p>
  427.                     <i class="fas fa-home mr-3"></i>06 BP 1528 ABIDJAN 06</p>
  428.                 <p>
  429.                     <i class="fas fa-envelope mr-3"></i> [email protected]</p>
  430.                 <p>
  431.                     <i class="fas fa-phone mr-3"></i> + 225 27 22 52 31 98/96</p>
  432.                 <p >
  433.                     <i class="fab fa-whatsapp mr-3"></i> + 225 07 48 78 36 65</p>
  435.             </div>
  436.             <!-- Grid column -->
  438.         </div>
  439.         <!-- Grid row -->
  441.     </div>
  442.     <!-- Footer Links -->
  444.     <!-- Copyright -->
  445.     <div class="footer-copyright text-center py-3">© 2020 Copyright:
  446.         <a href="https://orishas-fiance.com/"> Orishas-Fiance.com</a>
  447.     </div>
  448.     <!-- Copyright -->
  450. </footer>
  451. <!-- Footer -->
  452. {#{{ include('layouts/includes/service-worker-config.html.twig') }}#}
  454. {{ include('layouts/includes/site.scripts.html.twig') }}
  456. <script>
  457.     $(document).ready(function () {
  458.         if ($(window).scrollTop() == 0) {
  459.             $(".navbar").removeClass("fixed-top");
  460.         }
  461.         $(window).scroll(function(){
  462.             if ($(window).scrollTop() == 0) {
  463.                 $(".navbar").removeClass("fixed-top");
  464.             } else {
  465.                 $(".navbar").addClass("fixed-top");
  467.             }
  468.         });
  469.     });
  470. </script>
  472. <script src="{{ asset('build/app.js') }}"></script>
  474. {% block scripts %}
  476. {% endblock %}