templates/web/index.html line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.         <meta name="Description" content="" />
  7.         <meta name="Keywords" content="" />
  8.         <meta name="Robots" content="index,follow" />
  9.         <meta name="format-detection" content="telephone=no" />
  10.         <title>{{ title }}</title>
  11.         
  12.         <link rel="stylesheet" href="https://use.typekit.net/var7ffi.css">
  13.         <link rel="stylesheet" href="/css/fonts.css?id={{ time }}" />
  14.         <link rel="stylesheet" href="/css/master.css?id={{ time }}" />
  15.         <link rel="stylesheet" href="/css/owl-carousel/owl.carousel.css" />
  16.         <link rel="stylesheet" href="/css/owl-carousel/owl.theme.default.css" />
  17.         <link rel="stylesheet" href="/css/owl-carousel/owl.theme.green.css" />
  18.         <link rel="stylesheet" href="/css/baguette-box.css?id={{ time }}" />
  19.         <link rel="stylesheet" href="/css/baguette-box.css?id={{ time }}" />
  20.         <link rel="stylesheet" href="/libs/slick/slick.css" />
  21.         <link rel="stylesheet" href="/libs/slick/slick-theme.css" />
  22.         <link rel="stylesheet" href="/css/jquery.mCustomScrollbar.css" />
  23.         <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
  24.         <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
  25.         <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
  26.         <link rel="manifest" href="/img/favicon/site.webmanifest">
  27.         <link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#a99f8d">
  28.         <link rel="shortcut icon" href="/img/favicon/favicon.ico">
  29.         <meta name="apple-mobile-web-app-title" content="Bensari Ebenistes">
  30.         <meta name="application-name" content="Bensari Ebenistes">
  31.         <meta name="msapplication-TileColor" content="#ece2d1">
  32.         <meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
  33.         <meta name="theme-color" content="#ece2d1">
  34.         <script src="/js/jquery-3.1.0.min.js"></script>
  35.         <script src="/js/jquery.scrollTo.js"></script>
  36.         <script src="/js/velocity.js"></script>
  37.         <script src="/js/infobox.js"></script>
  38.         <script src="/libs/slick/slick.min.js"></script>
  39.         <script src="/libs/rellax/rellax.min.js"></script>
  40.         <script type="text/javascript">
  41.             {% if jsVariables is defined %}
  42.             {% for key, value in jsVariables %}
  43.             {% if value is defined and value is not empty %}
  44.             var {{ key }} = {{ value }};
  45.             {% endif %}
  46.             {% endfor %}
  47.             {% endif %}
  48.         </script>
  49.     </head>
  50.     {% if bodyExtraClass is defined %}
  51.     <body class="{{ bodyExtraClass }}">
  52.     {% else %}
  53.     <body>
  54.     {% endif %}
  55.         <section id="page-loading-layer" class="page-loading-layer">
  56.         </section>
  57.         {% include('web/modules/menu.html') %}
  58.         <section class="site-wrapper">
  59.             <header class="site-header" >
  60.                 <div class="site-header__bar">
  61.                     {% include('web/modules/site-bar.html') %}
  62.                 </div>
  63.                 {% block header %}
  64.                 {% endblock %}
  65.             </header>
  66.             <main id="content-anchor" class="site-content">
  67.                 {% block content %}
  68.                 {% endblock %}
  69.             </main>
  70.             {% include('web/modules/site-footer.html') %}
  71.         </section>
  72.         <div id="videoOverlayer" class="my-overlayer">
  73.             <div class="my-overlayer__close">
  74.                 <div class="button-close button-close--lg"></div>
  75.             </div>
  76.             <div class="my-overlayer__main">
  77.                 <div class="video-container">
  78.                     <!-- Video -->
  79.                     <div class="video video--fullscreen" data-video-overlayer>
  80.                         <!-- File -->
  81.                         <div class="video__file">
  82.                             <video muted="" loop="">
  83.                                 <source src="/video/ebenistes-hd.mp4" type="video/mp4">
  84.                             </video>
  85.                         </div>
  86.                         <!-- Actions -->
  87.                         <div class="video__actions">
  88.                             <div class="video__play-toggle">
  89.                                 <!-- Play / Pause button -->
  90.                                 <div class="play-toggle">
  91.                                     <div class="play-toggle__button"></div>
  92.                                 </div>
  93.                             </div>
  94.                             <div class="video__headphones-toggle">
  95.                                 <!-- Headphones toggle -->
  96.                                 <div class="headphones-toggle" data-headphones-id="videoOverlayer">
  97.                                     <div class="headphones-toggle__icon">
  98.                                         <div class="icon-sm icon-headphones"></div>
  99.                                     </div>
  100.                                     <div class="headphones-toggle__title">
  101.                                         <span class="title-sm">włącz dźwięk</span>
  102.                                     </div>
  103.                                 </div>
  104.                             </div>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.         <div id="myOverlayer" class="my-overlayer">
  111.             <div class="my-overlayer__close">
  112.                 <div class="button-close"></div>
  113.             </div>
  114.             <div class="my-overlayer__main">
  115.                 
  116.                 <div class="flex-container">
  117.                     <div class="flex-container__item">
  118.                         
  119.                         <div class="flex-container">
  120.                             <div class="flex-container__item">
  121.                                 
  122.                                 <div class="image-container">
  123.                                     <img src="/img/pioro-01.jpg" />
  124.                                 </div>
  125.                             </div>
  126.                             <div class="flex-container__item">
  127.                                 <div class="text-container">
  128.                                     <p class="text text--justify">
  129.                                         Wysokiej jakości pióro wraz z papeterią wprowadzają niezwykły klimat. Są zarazem wyrazem elegancji, szyku oraz jeszcze większą uwagę zwracają na detaliczność.
  130.                                     </p>
  131.                                 </div>
  132.                                 
  133.                                 <div class="image-container">
  134.                                     <img src="/img/pioro-02.jpg" />
  135.                                 </div>
  136.                             </div>
  137.                         </div>
  138.                     </div>
  139.                     <div class="flex-container__item">
  140.                         
  141.                         <div class="decorative-title-container">
  142.                             <div class="decorative-title">
  143.                                 <img src="/img/decorative-titles/pioro-title.svg" />
  144.                             </div>
  145.                         </div>
  146.                         <div class="simple-box-container">
  147.                             <section class="simple-box">
  148.                                 <div class="simple-box__title">
  149.                                     <h3 class="title-md-03">Wieczne pióro</h3>
  150.                                 </div>
  151.                                 <div class="simple-box__description">
  152.                                     <p class="text text--justify">
  153.                                         Prezent dla wyjątkowego nabywcy. Ręcznie robione      i zdobione pióro wraz z ryzom wysokogatunkowego papieru zachęca do przelania historii na papier. Fragment naszej historii możemy wysłać bliskiej nam osobie lub schować do szuflady tak, aby za kilka lat można było wrócić do ważnej dla nas chwili sprzed lat.
  154.                                     </p>
  155.                                 </div>
  156.                             </section>
  157.                         </div>
  158.                     </div>
  159.                 </div>
  160.             </div>
  161.         </div>
  162.         <section id="overlayer" class="overlayer" data-overlayer-id="1">
  163.             <div class="wrapper">
  164.                 <div>
  165.                     <div class="overlayer__inner">
  166.                         <div class="overlayer__content-wrapper">
  167.                             <section class="overlayer__content">
  168.                             </section>
  169.                         </div>
  170.                         <section class="overlayer__loading-layer">
  171.                             <div class="wrapper">
  172.                                 <div>
  173.                                     <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
  174.                                 </div>
  175.                             </div>
  176.                         </section>
  177.                     </div>
  178.                 </div>
  179.             </div>
  180.             <div class="overlayer__close ajax-overlayer-close">
  181.                 <div class="icon-plus icon-plus--rotated icon-plus--large icon-plus--light">
  182.                     <div></div>
  183.                     <div></div>
  184.                 </div>
  185.             </div>
  186.         </section>
  187.         <script src="/js/jquery.mCustomScrollbar.min.js"></script>
  188.         <script src="/js/jHawk.js?id={{ time }}"></script>
  189.         <script src="/js/owl.carousel.min.js"></script>
  190.         <script src="/js/baguette-box.js"></script>
  191.         <script src="/js/master.js?id={{ time }}"></script>
  192.     </body>
  193. </html>