templates/main/default/katalog.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  5.     <!-- viewport -->
  6.     <meta content="width=device-width,initial-scale=1" name="viewport">
  7.     <!-- title -->
  8.     <title>Elefante Online Catalog</title>
  11.     {% for ayarlar in ayarlar %}
  12.         <link rel="shortcut icon" href="{{ asset('uploads/ayarlar/' ~ ayarlar.favicon) }}"/>
  13.     {% endfor %}
  16.     <link type="text/css" href="{{ asset('assets/universal/fbcss/reset.css') }}" rel="stylesheet">
  17.     <link type="text/css" href="{{ asset('assets/universal/fbcss/static.css') }}" rel="stylesheet">
  18.     <link type="text/css" href="{{ asset('assets/universal/fbcss/elements.css') }}" rel="stylesheet">
  19.     <link type="text/css" href="{{ asset('assets/universal/css/preloader.css') }}" rel="stylesheet">
  20.     <link type="text/css" href="{{ asset('assets/universal/fbcss/catalog.css') }}" rel="stylesheet">
  22.     <script src="{{ asset('assets/universal/fbjs/jquery.js') }}"></script>
  23.     <script src="{{ asset('assets/universal/fbjs/turn.js') }}"></script>
  24.     <script src="{{ asset('assets/universal/fbjs/fullscreen.js') }}"></script>
  25.     <script src="{{ asset('assets/universal/fbjs/1.6.min.js') }}"></script>
  26.     <script src="{{ asset('assets/universal/fbjs/wait.js') }}"></script>
  27.     <script src="{{ asset('assets/universal/fbjs/onload.js') }}"></script>
  29.     <!-- style css  -->
  30.     <style>
  32.         @media screen and (max-width: 450px) {
  33.             #ge {
  34.                 bottom: 65px !important;
  35.                 left: 10px !important;
  36.             }
  38.             #dl {
  39.                 bottom: 66px !important;
  40.                 right: 10px !important;
  41.                 padding: 7px 20px !important;
  42.             }
  43.         }
  46.         html, body {
  47.             margin: 0;
  48.             padding: 0;
  49.             overflow: auto !important;
  50.         }
  52.         #ge {
  53.             position: absolute;
  54.             z-index: 9999;
  55.             border-radius: 3px;
  56.             bottom: 15px;
  57.             left: 22%;
  58.             padding: 5px 20px;
  59.         }
  61.         #ge a {
  62.             color: white;
  63.             text-decoration: none;
  64.             font-size: 12px;
  65.             letter-spacing: 1px;
  66.             font-weight: 100;
  67.             font-family: sans-serif;
  68.         }
  70.         #dl {
  71.             position: absolute;
  72.             z-index: 9999;
  73.             border-radius: 3px;
  74.             bottom: 15px;
  75.             right: 20%;
  76.             padding: 5px 20px;
  77.         }
  79.         #dl a {
  80.             color: white;
  81.             text-decoration: none;
  82.             font-size: 12px;
  83.             display: block;
  84.             letter-spacing: 1px;
  85.             font-weight: 100;
  86.             font-family: sans-serif;
  87.         }
  88.     </style>
  89. </head>
  90. <body>
  92. <div id="ge">
  93.     <a href="{{ path('app_main_default') }}">Site'ye Geri Dön
  94.         <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  95.              x="0px" y="0px"
  96.              viewBox="0 0 497.25 497.25"
  97.              style="enable-background:new 0 0 497.25 497.25;position: absolute; fill: white; top: 5px; width: 16px; right: 0;"
  98.              xml:space="preserve">
  99. <g>
  100.     <g id="undo">
  101.         <path d="M248.625,89.25V0l-127.5,127.5l127.5,127.5V140.25c84.15,0,153,68.85,153,153c0,84.15-68.85,153-153,153
  102.             c-84.15,0-153-68.85-153-153h-51c0,112.2,91.8,204,204,204s204-91.8,204-204S360.825,89.25,248.625,89.25z"/>
  103.     </g>
  104. </g>
  105. </svg>
  106.     </a>
  107. </div>
  108. <div id="dl">
  110. </div>
  111. <div id="fb5-ajax">
  112.     <div data-current="book5" class="fb5" id="fb5">
  113.         <div class="fb5-preloader">
  114.             <div id="wBall_1" class="wBall">
  115.                 <div class="wInnerBall">
  116.                 </div>
  117.             </div>
  118.             <div id="wBall_2" class="wBall">
  119.                 <div class="wInnerBall">
  120.                 </div>
  121.             </div>
  122.             <div id="wBall_3" class="wBall">
  123.                 <div class="wInnerBall">
  124.                 </div>
  125.             </div>
  126.             <div id="wBall_4" class="wBall">
  127.                 <div class="wInnerBall">
  128.                 </div>
  129.             </div>
  130.             <div id="wBall_5" class="wBall">
  131.                 <div class="wInnerBall">
  132.                 </div>
  133.             </div>
  134.         </div>
  135.         <!--<a href="#" id="fb5-button-back">BACK</a>-->
  136.         <div class="fb5-bcg-book"></div>
  137.         <div id="fb5-container-book">
  138.             <section id="fb5-deeplinking">
  139.                 <ul>
  140.                     {% for pdf in entity %}
  142.                         <li data-address="page{{ loop.index }}" data-page="{{ loop.index }}"></li>
  143.                     {% endfor %}
  144.                 </ul>
  145.             </section>
  146.             <div id="fb5-book">
  147.                 {% for pdf in entity %}
  148.                     <div data-background-image="{{ asset('uploads/katalog/' ~ pdf.resim) }}" class="">
  149.                         <div class="fb5-cont-page-book">
  150.                             <div class="fb5-page-book"></div>
  151.                             <div class="fb5-meta">
  152.                                 <span class="fb5-description"></span>
  153.                                 <span class="fb5-num">{{ loop.index }}</span>
  154.                             </div>
  155.                         </div>
  156.                     </div>
  157.                 {% endfor %}
  158.                 <!--  <div data-background-image="" class="">
  159.                       <div class="fb5-cont-page-book">
  160.                           <div class="fb5-page-book" style="text-align: center">
  161.                               Son
  162.                           </div>
  163.                           <div class="fb5-meta">
  164.                               <span class="fb5-description">Collection 2020</span>
  165.                               <span class="fb5-num"></span>
  166.                           </div>
  167.                       </div>
  168.                   </div>-->
  171.             </div>
  172.             <a class="fb5-nav-arrow prev"></a>
  173.             <a class="fb5-nav-arrow next"></a>
  175.         </div>
  176.         <div id="fb5-footer">
  177.             <div class="fb5-bcg-tools"></div>
  178.             <a id="fb5-logo" target="_blank" href="{{ path('app_main_default') }}">
  179.                 <img alt="" src="{{ asset('assets/main/images/main-page/logo.png') }}">
  180.             </a>
  181.             <div class="fb5-menu" id="fb5-center">
  182.                 <ul>
  183.                     <li>
  184.                         <a title="ZOOM IN" class="fb5-zoom-in"></a>
  185.                     </li>
  186.                     <li>
  187.                         <a title="ZOOM OUT " class="fb5-zoom-out"></a>
  188.                     </li>
  189.                     <li>
  190.                         <a title="ZOOM AUTO " class="fb5-zoom-auto"></a>
  191.                     </li>
  192.                     <li>
  193.                         <a title="ZOOM ORIGINAL (SCALE 1:1)" class="fb5-zoom-original"></a>
  194.                     </li>
  195.                     <li>
  196.                         <a title="SHOW ALL PAGES " class="fb5-show-all"></a>
  197.                     </li>
  198.                     <li>
  199.                         <a title="SHOW HOME PAGE " class="fb5-home"></a>
  200.                     </li>
  201.                 </ul>
  202.             </div>
  203.             <div class="fb5-menu" id="fb5-right">
  204.                 <ul>
  205.                     <li class="fb5-goto">
  206.                         <label for="fb5-page-number" id="fb5-label-page-number">PAGE</label>
  207.                         <input type="text" id="fb5-page-number">
  208.                         <button type="button">GO</button>
  209.                     </li>
  210.                     <li>
  211.                         <a title="SEND MESSAGE" class="contact"></a>
  212.                     </li>
  213.                     <li>
  214.                         <a title="FULL / NORMAL SCREEN" class="fb5-fullscreen"></a>
  215.                     </li>
  216.                 </ul>
  217.             </div>
  218.         </div>
  219.         <div id="fb5-contact" class="fb5-overlay">
  220.             <form>
  221.                 <a class="fb5-close">X</a>
  222.                 <fieldset>
  223.                     <h3>CONTACT</h3>
  224.                     <p>
  225.                         <input type="text" class="req" id="fb5-form-name" value="name...">
  226.                     </p>
  227.                     <p>
  228.                         <input type="text" class="req" id="fb5-form-email" value="email...">
  229.                     </p>
  230.                     <p>
  231.                         <textarea class="req" id="fb5-form-message">message...</textarea>
  232.                     </p>
  233.                     <p>
  234.                         <button type="submit">SEND MESSAGE</button>
  235.                     </p>
  236.                 </fieldset>
  238.                 <fieldset class="fb5-thanks">
  239.                     <h1>Thanks for your email</h1>
  240.                     <p>Lorem ipsum dolor sit amet, vel ad sint fugit, velit nostro pertinax ex qui, no ceteros civibus
  241.                         explicari est. Eleifend electram ea mea, omittam reprehendunt nam at. Putant argumentum cum ex.
  242.                         At soluta principes dissentias nam, elit voluptatum vel ex.</p></fieldset>
  243.             </form>
  245.         </div>
  246.         <div id="fb5-all-pages" class="fb5-overlay">
  247.             <section class="fb5-container-pages">
  248.                 <div id="fb5-menu-holder">
  249.                     <ul id="fb5-slider">
  250.                         {% for pdf in entity %}
  251.                             <li class="{{ loop.index }}">
  252.                                 <img alt="" data-src="{{ asset('uploads/katalog/' ~ pdf.resim) }}">
  253.                             </li>
  254.                         {% endfor %}
  255.                     </ul>
  256.                 </div>
  257.             </section>
  258.         </div>
  259.     </div>
  260. </div>
  261. <script>
  262.     jQuery('#fb5').data('config',
  263.         {
  264.             "page_width": "550",
  265.             "page_height": "715",
  266.             "email_form": "",
  267.             "zoom_double_click": "1",
  268.             "zoom_step": "0.06",
  269.             "double_click_enabled": "true",
  270.             "tooltip_visible": "true",
  271.             "toolbar_visible": "true",
  272.             "gotopage_width": "30",
  273.             "deeplinking_enabled": "true",
  274.             "rtl": "false",
  275.             'full_area': 'true',
  276.             'lazy_loading_thumbs': 'false',
  277.             'lazy_loading_pages': 'false'
  278.         })
  279. </script>
  280. </body>
  281. </html>