templates/base.html.twig line 1

  1. <!doctype html>
    <html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="OPHAM - Votre santé, notre métier">
        <meta name="author" content="OPHAM">
        <meta name="keywords"
              content="opham, médicament, alcool, metronidazole,pommade,huile,sirop,aloe, biberon, lait, pharmaceutique">
        <meta property="og:image" content="{{ absolute_url(asset('logo/opham.png')) }}">
        <meta property="og:image:secure_url" content="{{ absolute_url(asset('logo/opham.png')) }}">
        <meta property="og:title" content="La société OPHAM a été crée en 1952 par le professeur RATSIMAMANGA. « OPHAM ne cesse de se dépasser pour répondre à vos besoins »." />
        <meta property="og:type" content="OPHAM" />
        <meta property="og:url" content="https://www.opham.net/a-propos.php" />
    
        <link rel="icon" href="{{ asset('assets/images/brand/favicon.ico') }}" type="image/x-icon"/>
        <link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/images/brand/favicon.ico') }}"/>
    
        <!-- Title -->
        <title>{% block title %}OPHAM - Votre santé, notre métier{% endblock %}</title>
    
        <!-- Bootstrap Css -->
    {#    <link href="cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">#}
        <link id="style" href="{{ asset('assets/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet"/>
    
        <!-- Dashboard Css -->
        <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet"/>
        <link href="{{ asset('assets/css/dark-style.css') }}" rel="stylesheet"/>
    
        <!-- Font-awesome  Css -->
        <link href="{{ asset('assets/css/icons.css') }}" rel="stylesheet"/>
    
        <!--  ratings-2 Plugin -->
        <link href="{{ asset('assets/plugins/ratings-2/star-rating-svg.css') }}" rel="stylesheet"/>
    
        <!-- pretty checkbox-->
        <link href="{{ asset('assets/plugins/prettycheckbox/pretty-checkbox.min.css') }}" rel="stylesheet"/>
    
        <!--Gallery-Image-Zoom-->
        <link href="{{ asset('assets/plugins/gallery-image-zoom/RV-gallery.css') }}" rel="stylesheet"/>
    
        <!-- owl-carousel-->
        <link href="{{ asset('assets/plugins/owl-carousel/owl.carousel.css') }}" rel="stylesheet"/>
    
        <!--Select2 Plugin -->
        <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet"/>
    
        <!-- Cookie css -->
        <link href="{{ asset('assets/plugins/cookie/cookie.css') }}" rel="stylesheet">
    
        <!-- p-scroll bar css-->
        <link href="{{ asset('assets/plugins/pscrollbar/pscrollbar.css') }}" rel="stylesheet"/>
        <!--Font icons-->
        <!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
        <!-- Font Awesome -->
        <link href="{{ asset('assets/plugins/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
        <!-- COLOR-SKINS -->
        <link id="theme" rel="stylesheet" type="text/css" media="all"
              href="{{ asset('assets/webslidemenu/color-skins/color10.css') }}"/>
        <!-- video css-->
        <!-- <link href="../opham/Claylist/assets/plugins/video/insideElementDemo.css" rel="stylesheet" /> -->
        <!-- Datatables -->
    {#    <link href="{{ asset('assets/plugins/datatables.net-bs/css/dataTables.bootstrap.min.css') }}" rel="stylesheet">#}
    {#    <link href="{{ asset('assets/plugins/datatables.net-buttons-bs/css/buttons.bootstrap.min.css') }}" rel="stylesheet">#}
    {#    <link href="{{ asset('assets/plugins/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css') }}" rel="stylesheet">#}
    {#    <link href="{{ asset('assets/plugins/datatables.net-responsive-bs/css/responsive.bootstrap.min.css') }}" rel="stylesheet">#}
    {#    <link href="{{ asset('assets/plugins/datatables.net-scroller-bs/css/scroller.bootstrap.min.css') }}" rel="stylesheet">#}
        <!-- Custom Theme Style -->
        <!-- <link href="../assets/plugins/table/css/custom.min.css" rel="stylesheet"> -->
    
        <!-- video css-->
        <link href="{{ asset('assets/plugins/video/insideElementDemo.css') }}" rel="stylesheet"/>
        <!-- Vendor CSS Files -->
        <!-- <link href="../assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> -->
        <link href="{{ asset('assets/vendor/animate.css/animate.min.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/vendor/boxicons/css/boxicons.min.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/vendor/glightbox/css/glightbox.min.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/vendor/remixicon/remixicon.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/vendor/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
        <!-- Template Main CSS File -->
        <link href="{{ asset('assets/css/stylePrincipale.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/css/custom2.css') }}" rel="stylesheet">
    
        <!-- Toastr -->
        <link href="{{ asset('my-asset/plugins/toastr/toastr.min.css') }}" rel="stylesheet">
    
        <style>
            .v-hidden {
                display: none !important;
            }
    
            .btn-favori{
                padding: 2px 3px;
            }
    
            .entete-user {
                padding: unset !important;
                margin-top: 0.3rem !important;
            }
    
            hr {
                margin-bottom: 5px !important;
                margin-top: 5px !important;
            }
    
            .btn--opacity{
                opacity: 0.7;
            }
            .main-body .header-main .sticky-wrapper .horizontal-main .horizontal-mainwrapper .horizontalMenu .horizontalMenu-list li, .sticky-wrapper.is-sticky .horizontalMenu > .horizontalMenu-list li{
                width: auto;
            }
            @media screen and (min-width: 992px) {
                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu{
                    top:70px !important;
                }
            }
            
        </style>
        {% block asset_css %}{% endblock %}
    </head>
    <body class="main-body">
    {% set _soc = 0|getActiveSociety() %}
    {% set _ctc = _soc|getContactSociety() %}
    <!--Loader-->
    <div id="global-loader" style="overflow:hidden">
        <img src="{{ asset('assets/images/products/products/loader.png') }}" class="loader-img floating" alt="loader">
    </div>
    
    <!--/Loader-->
    
    <div class="header-main">
        <!-- Mobile Header -->
        <div class="sticky">
            <div class="horizontal-header clearfix ">
                <div class="container">
                    <a id="horizontal-navtoggle" class="animated-arrow"><span></span></a>
                    <span class="smllogo">
                                <img class="mobile-light-logo" src="{{ asset('assets/images/brand/logo.png') }}" width="30" alt="logo"/>
                                <img class="mobile-dark-logo" src="{{ asset('assets/images/brand/logo1.png') }}" width="30"
                                     alt="logo1"/>
                            </span>
    
                    {% if app.user %}
                        <div id="panier-mobile"></div>
                    {% endif %}
                </div>
            </div>
        </div>
        <!-- /Mobile Header -->
    
        {{ include('_top_header.html.twig') }}
    </div>
    
    {#  ----- PAGE -----  #}
    {% block body %}
    
    {% endblock %}
    <!-- ======= Hero Section ======= -->
    
    {# ------ // PAGE // ----- #}
    
    
    <!--Footer Section-->
    {{ include('_footer.html.twig') }}
    <!--/Footer Section-->
    
    <!-- Back to top -->
    <a href="#top" id="back-to-top"><i class="fa fa-rocket"></i></a>
    
    
    
    <!-- JQuery js-->
    <script src="{{ asset('assets/js/jquery.js') }}"></script>
    <!-- Bootstrap js -->
    <script src="{{ asset('assets/plugins/bootstrap/js/popper.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.min.js') }}"></script>
    {#<script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>#}
    <!-- Bootstrap   -->
    {#<script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>#}
    <!--JQuery Sparkline Js-->
    <script src="{{ asset('assets/js/vendors/jquery.sparkline.min.js') }}"></script>
    <!-- Circle Progress Js-->
    <script src="{{ asset('assets/js/vendors/circle-progress.min.js') }}"></script>
    <!-- Star Rating-2 Js-->
    <script src="{{ asset('assets/plugins/ratings-2/jquery.star-rating.js') }}"></script>
    <script src="{{ asset('assets/plugins/ratings-2/star-rating.js') }}"></script>
    <!--Owl Carousel js -->
    <script src="{{ asset('assets/plugins/owl-carousel/owl.carousel.js') }}"></script>
    <script src="{{ asset('assets/js/owl-carousel.js') }}"></script>
    <!--Horizontal Menu-->
    <script src="{{ asset('assets/plugins/Horizontal2/Horizontal-menu/horizontal.js') }}"></script>
    
    <!-- Internal:: side-menu Js-->
    <script src="{{ asset('assets/plugins/toggle-sidebar/sidemenu.js') }}"></script>
    
    <!-- Gallery-image-Zoom -->
    <script src="{{ asset('assets/plugins/gallery-image-zoom/RV-gallery.js') }}"></script>
    <script src="{{ asset('assets/plugins/gallery-image-zoom/main.js') }}"></script>
    <!--Counters -->
    <script src="{{ asset('assets/plugins/counters/counterup.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/counters/waypoints.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/counters/numeric-counter.js') }}"></script>
    <!--Select2 js -->
    <script src="{{ asset('assets/plugins/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>
    <!-- Cookie js -->
    <script src="{{ asset('assets/plugins/cookie/jquery.ihavecookies.js') }}"></script>
    <script src="{{ asset('assets/plugins/cookie/cookie.js') }}"></script>
    <!-- Count Down-->
    <script src="{{ asset('assets/plugins/count-down/jquery.lwtCountdown-1.0.js') }}"></script>
    <!-- sticky Js-->
    <script src="{{ asset('assets/js/sticky.js') }}"></script>
    <script src="{{ asset('assets/js/custom-sticky.js') }}"></script>
    <!-- p-scroll bar Js-->
    <script src="{{ asset('assets/plugins/pscrollbar/pscrollbar.js') }}"></script>
    <!-- Vertical scroll bar Js-->
    <script src="{{ asset('assets/plugins/vertical-scroll/jquery.bootstrap.newsbox.js') }}"></script>
    <script src="{{ asset('assets/plugins/vertical-scroll/vertical-scroll.js') }}"></script>
    <!-- Datatables -->
    {#<script src="{{ asset('assets/plugins/datatables.net/jquery.dataTables.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-bs/dataTables.bootstrap.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-buttons/dataTables.buttons.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-buttons-bs/buttons.bootstrap.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-buttons/buttons.flash.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-buttons/buttons.html5.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-buttons/buttons.print.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-fixedheader/dataTables.fixedHeader.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-keytable/dataTables.keyTable.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-responsive/dataTables.responsive.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-responsive-bs/responsive.bootstrap.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/datatables.net-scroller/dataTables.scroller.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/jszip/jszip.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/pdfmake/pdfmake.min.js') }}"></script>#}
    {#<script src="{{ asset('assets/plugins/pdfmake/vfs_fonts.js') }}"></script>#}
    
    <!-- Custom Js-->
    {#<script src="{{ asset('assets/plugins/build/js/table.min.js') }}"></script>#}
    <script src="{{ asset('assets/js/mycustom-js.js') }}"></script>
    <script src="{{ asset('assets/js/custom.js') }}"></script>
    
    <!--- Responsive JS -->
    <script src="{{ asset('assets/js/responsive.js') }}"></script>
    
    <!-- Vendor JS Files -->
    <script src="{{ asset('assets/vendor/purecounter/purecounter.js') }}"></script>
    <script src="{{ asset('assets/vendor/glightbox/js/glightbox.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/swiper/swiper-bundle.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/php-email-form/validate.js') }}"></script>
    <!-- video-->
    <script src="{{ asset('assets/plugins/video/jquery.vide.js') }}"></script>
    
    <!-- toastr -->
    <script src="{{ asset('my-asset/plugins/toastr/toastr.min.js') }}"></script>
    
    <!-- Contraint inpu -->
    <script src="{{ asset('assets/my-plugins/input_contraints/input_contraints.js') }}"></script>
    
    <script>
        var _g_page = ""; // VARIABLE GLOBAL
    </script>
    
    {#   ALERT TOASTR FLASH   #}
    {% for flash in app.flashes('success') %}
        <script>
            toastr.success('{{ flash }}')
        </script>
    {% endfor %}
    {% for flash in app.flashes('error') %}
        <script>
            toastr.error('{{ flash }}')
        </script>
    {% endfor %}
    {% for flash in app.flashes('info') %}
        <script>
            toastr.info('{{ flash }}');
        </script>
    {% endfor %}
    
    {% block asset_js %}{% endblock %}
    
    {% if is_granted("ROLE_CLIENT") %}
        {% include('_script/_produit.html.twig') %}
    {% endif %}
    
    {#<!-- Template Main JS File -->
    <!-- <script src="../opham/Claylist/assets/js/main.js"></script> -->#}
    </body>
    </html>