templates/main.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Главная - Candy{% endblock %}
  5. {% block body %}
  6. <section>
  7.     <div class="container">
  8.         <div class="swiper main-slider">
  9.             <div class="swiper-wrapper">
  10.                 <div class="swiper-slide main-slide" style="background-image: url('/assets/images/mainbg.jpeg')">
  11.                     <h3>
  12.                         Подпишись на телеграмм <br />
  13.                         и забирай подарки
  14.                     </h3>
  15.                     <p>В нашем канале самые крутые бонусы</p>
  16.                     <a href=""><img src="/assets/icons/telegram.svg" alt="" />Перейти</a>
  17.                 </div>
  18.                 <div class="swiper-slide main-slide" style="background-image: url('/assets/images/mainbg2.jpeg')">
  19.                     <h3>
  20.                         Турниры с призовым пулом <br />
  21.                         до 100 000 ₽
  22.                     </h3>
  23.                     <p>Учавствуй и занимай первые места!</p>
  24.                     <a href="/tournament"><img src="/assets/icons/tournament-icon.svg" alt="" />Учавствовать</a>
  25.                 </div>
  26.                 <div class="swiper-slide main-slide" style="background-image: url('/assets/images/mainbg3.jpeg')">
  27.                     <h3>
  28.                         Продвигайся по рангам и получай <br />
  29.                         больше бонусов!
  30.                     </h3>
  31.                     <p>Чем выше твой ранг — тем щедрее награды</p>
  32.                     <a href=""><img src="/assets/icons/gift.svg" alt="" />Перейти</a>
  33.                 </div>
  34.             </div>
  35.             <div class="swiper-pagination"></div>
  36.         </div>
  37.     </div>
  38. </section>
  39. <section>
  40.     <div class="container">
  41.         <div class="game-filter-wrapper">
  42.             <div class="game-filter-btns">
  43.                 <button class="active">
  44.                     <svg width="28.000000" height="28.000000" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  45.                         <defs>
  46.                             <clipPath id="clip1_2172">
  47.                                 <rect id="Component 8" rx="0.000000" width="27.945312" height="27.945312" transform="translate(0.027344 0.027344)" fill="white" fill-opacity="0" />
  48.                             </clipPath>
  49.                         </defs>
  50.                         <rect id="Component 8" rx="0.000000" width="27.945312" height="27.945312" transform="translate(0.027344 0.027344)" fill="#FFFFFF" fill-opacity="0" />
  51.                         <g clip-path="url(#clip1_2172)">
  52.                             <path id="Vector" d="M24.99 12.98C24.99 13.61 24.47 14.1 23.88 14.1L22.77 14.1L22.79 19.73C22.79 19.83 22.78 19.92 22.77 20.02L22.77 20.59C22.77 21.37 22.15 22 21.38 22L20.83 22C20.79 22 20.75 22 20.71 21.99C20.67 22 20.62 22 20.57 22L19.44 21.99L18.61 21.99C17.84 21.99 17.22 21.36 17.22 20.59L17.22 19.74L17.22 17.49C17.22 16.87 16.72 16.37 16.11 16.37L13.88 16.37C13.27 16.37 12.77 16.87 12.77 17.49L12.77 19.74L12.77 20.59C12.77 21.36 12.15 21.99 11.38 21.99L10.55 21.99L9.44 21.99C9.39 21.99 9.34 21.99 9.28 21.98C9.24 21.99 9.2 21.99 9.16 21.99L8.6 21.99C7.84 21.99 7.21 21.36 7.21 20.59L7.21 16.65C7.21 16.62 7.21 16.58 7.22 16.55L7.22 14.1L6.11 14.1C5.48 14.1 5 13.61 5 12.97C5 12.66 5.1 12.37 5.34 12.13L14.24 4.28C14.49 4.03 14.76 4 15.01 4C15.25 4 15.53 4.07 15.74 4.24L24.61 12.13C24.89 12.38 25.02 12.66 24.99 12.98Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  53.                         </g>
  54.                     </svg>
  55.                     Лобби
  56.                 </button>
  57.                 <button>
  58.                     <svg width="28.000000" height="28.000000" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  59.                         <defs>
  60.                             <clipPath id="clip10_1986">
  61.                                 <rect id="Component 9" rx="0.000000" width="27.000000" height="27.000000" transform="translate(0.500000 0.500000)" fill="white" fill-opacity="0" />
  62.                             </clipPath>
  63.                         </defs>
  64.                         <rect id="Component 9" rx="0.000000" width="27.000000" height="27.000000" transform="translate(0.500000 0.500000)" fill="#FFFFFF" fill-opacity="0" />
  65.                         <g clip-path="url(#clip10_1986)">
  66.                             <path id="Vector" d="M10.82 2.25C11.2 1.91 11.79 1.91 12.18 2.25C13.53 3.47 14.81 4.78 15.99 6.19C16.53 5.52 17.15 4.78 17.81 4.18C18.2 3.83 18.8 3.83 19.19 4.19C20.88 5.73 22.32 7.78 23.33 9.72C24.33 11.63 25 13.58 25 14.96C25 20.94 20.09 26 14 26C7.83 26 3 20.94 3 14.96C3 13.16 3.87 10.96 5.22 8.78C6.59 6.58 8.53 4.27 10.82 2.25ZM14.08 21.5C15.32 21.5 16.42 21.17 17.46 20.51C19.52 19.13 20.08 16.38 18.84 14.21C18.62 13.79 18.05 13.76 17.73 14.12L16.5 15.49C16.17 15.85 15.59 15.84 15.28 15.47C14.47 14.48 13.02 12.73 12.2 11.73C11.89 11.35 11.3 11.35 10.98 11.72C9.33 13.71 8.49 14.97 8.49 16.38C8.5 19.59 10.98 21.5 14.08 21.5Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  67.                         </g>
  68.                     </svg>
  69.                     Популярные
  70.                 </button>
  71.                 <button>
  72.                     <svg width="28.000000" height="28.000000" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  73.                         <defs>
  74.                             <clipPath id="clip23_5240">
  75.                                 <rect id="Component 8" rx="0.000000" width="27.000000" height="27.000000" transform="translate(0.500000 0.500000)" fill="white" fill-opacity="0" />
  76.                             </clipPath>
  77.                         </defs>
  78.                         <rect id="Component 8" rx="0.000000" width="27.000000" height="27.000000" transform="translate(0.500000 0.500000)" fill="#FFFFFF" fill-opacity="0" />
  79.                         <g clip-path="url(#clip23_5240)">
  80.                             <path id="Vector" d="M19.22 4C19.46 3.38 19.28 2.66 18.78 2.27C18.27 1.87 17.59 1.91 17.12 2.35L6.45 12.41C6.03 12.81 5.88 13.44 6.08 14C6.28 14.56 6.78 14.93 7.33 14.93L11.97 14.93L8.77 22.99C8.53 23.61 8.71 24.33 9.21 24.72C9.72 25.12 10.4 25.08 10.87 24.64L21.54 14.58C21.96 14.18 22.11 13.55 21.91 12.99C21.71 12.43 21.22 12.06 20.66 12.06L16.02 12.06L19.22 4Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  81.                         </g>
  82.                     </svg>
  83.                     Новые
  84.                 </button>
  85.                 <button>
  86.                     <svg width="28.000000" height="28.000000" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  87.                         <defs>
  88.                             <clipPath id="clip23_5243">
  89.                                 <rect id="Component 8" rx="0.000000" width="27.000000" height="27.000000" transform="translate(0.500000 0.500000)" fill="white" fill-opacity="0" />
  90.                             </clipPath>
  91.                         </defs>
  92.                         <rect id="Component 8" rx="0.000000" width="27.000000" height="27.000000" transform="translate(0.500000 0.500000)" fill="#FFFFFF" fill-opacity="0" />
  93.                         <g clip-path="url(#clip23_5243)">
  94.                             <path id="Vector" d="M5.85 15.61L12.91 22.55C13.21 22.83 13.59 23 14 23C14.4 23 14.78 22.83 15.08 22.55L22.14 15.61C23.32 14.45 24 12.82 24 11.11L24 10.87C24 8 22.02 5.55 19.33 5.08C17.55 4.76 15.74 5.38 14.46 6.72L14 7.21L13.53 6.72C12.25 5.38 10.44 4.76 8.66 5.08C5.97 5.55 4 8 4 10.87L4 11.11C4 12.82 4.67 14.45 5.85 15.61Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  95.                         </g>
  96.                     </svg>
  97.                     Наши игры
  98.                 </button>
  99.             </div>
  100.             <div class="search">
  101.                 <img src="/assets/icons/search-icon.svg" alt="" />
  102.                 <input type="text" placeholder="Поиск по слотам…" />
  103.             </div>
  104.         </div>
  105.         <div class="original-games">
  106.             <div class="group-title">
  107.                 <span class="group-icon">
  108.                     <img src="/assets/icons/like.svg" alt="" /></span>
  109.                 <h3>Оригинальные игры</h3>
  110.             </div>
  111.             <div class="original-games-wrapper">
  112.                 <a href="/mines" class="original-game-card" style=" background: linear-gradient(163.3deg, #fb7689 30.328%, #ea5a76 87.815%);display:block;text-decoration: none;">
  113.                     <div class="game-name">
  114.                         <span><img src="/assets/icons/mines.svg" alt="mines icon" /></span>
  115.                         <p>Mines</p>
  116.                     </div>
  117.                     <img class="mines-game-img" src="/assets/images/bombs-big.svg" alt="bombs illustration" />
  118.                 </a>
  119.                 <a href="/nvuti" class="original-game-card" style="background: linear-gradient(180deg, #fe6753, #da3a28 100%);display:block;text-decoration: none;">
  120.                     <div class="game-name">
  121.                         <span><img src="/assets/icons/dice.svg" alt="nvuti icon" /></span>
  122.                         <p>Nvuti</p>
  123.                     </div>
  124.                     <img class="mines-game-img" src="/assets/images/dice-big.svg" alt="nvuti illustration" />
  125.                 </a>
  126.                 <div class="original-game-card" style="background: linear-gradient(180deg, #6a9eff, #4f68e3 100%)">
  127.                     <div class="game-name">
  128.                         <span><img src="/assets/icons/wheel.svg" alt="" /></span>
  129.                         <p>X50</p>
  130.                     </div>
  131.                     <p class="soon-text">Soon.</p>
  132.                 </div>
  133.                 <div class="original-game-card" style="background: linear-gradient(180deg, #12d356, #07a448 100%)">
  134.                     <div class="game-name">
  135.                         <span><img src="/assets/icons/jackpot.svg" alt="" /></span>
  136.                         <p>Jackpot</p>
  137.                     </div>
  138.                     <p class="soon-text">Soon.</p>
  139.                 </div>
  140.             </div>
  141.         </div>
  142.         <div class="popular-slots">
  143.             <div class="group-header">
  144.                 <div class="group-title">
  145.                     <span class="group-icon">
  146.                         <img src="/assets/icons/fire.svg" alt="" /></span>
  147.                     <h3>Популярные слоты</h3>
  148.                 </div>
  149.                 <div class="group-nav">
  150.                     <button class="show-all">Показать все</button>
  151.                     <button class="arrow-btn popular-slots-prev">
  152.                         <svg width="18.033203" height="18.033081" viewBox="0 0 18.0332 18.0331" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  153.                             <path id="↳ Icon Color" d="M7.33 9.01L11.93 13.61C12.3 13.97 12.3 14.57 11.93 14.94C11.56 15.3 10.97 15.3 10.6 14.94L5.34 9.68C4.98 9.31 4.98 8.71 5.34 8.35L10.6 3.09C10.97 2.72 11.56 2.72 11.93 3.09C12.3 3.45 12.3 4.05 11.93 4.42L7.33 9.01Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  154.                         </svg>
  155.                     </button>
  156.                     <button class="arrow-btn popular-slots-next">
  157.                         <svg width="19.419922" height="19.420288" viewBox="0 0 19.4199 19.4203" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  158.                             <path id="↳ Icon Color" d="M11.51 9.71L6.56 14.65C6.17 15.05 6.17 15.69 6.56 16.08C6.96 16.48 7.6 16.48 7.99 16.08L13.66 10.42C14.05 10.03 14.05 9.38 13.66 8.99L7.99 3.33C7.6 2.93 6.96 2.93 6.56 3.33C6.17 3.72 6.17 4.36 6.56 4.76L11.51 9.71Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  159.                         </svg>
  160.                     </button>
  161.                 </div>
  162.             </div>
  163.             <div class="swiper popular-slots-wrapper">
  164.                 <div class="swiper-wrapper">
  165.                     <a class="swiper-slide slot-card" href="openSlot.html">
  166.                         <img src="/assets/images/game1.png" alt="" />
  167.                         <div class="hover-slots">
  168.                             <div class="hover-slots-btn">
  169.                                 <button>
  170.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  171.                                 </button>
  172.                             </div>
  173.                             <div class="hover-slots-title">
  174.                                 <h3>Dog House</h3>
  175.                                 <p>Pragmatic Play</p>
  176.                             </div>
  177.                         </div>
  178.                     </a>
  179.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game2.png" alt="" />
  180.                         <div class="hover-slots">
  181.                             <div class="hover-slots-btn">
  182.                                 <button>
  183.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  184.                                 </button>
  185.                             </div>
  186.                             <div class="hover-slots-title">
  187.                                 <h3>Dog House</h3>
  188.                                 <p>Pragmatic Play</p>
  189.                             </div>
  190.                         </div>
  191.                     </a>
  192.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game3.png" alt="" />
  193.                         <div class="hover-slots">
  194.                             <div class="hover-slots-btn">
  195.                                 <button>
  196.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  197.                                 </button>
  198.                             </div>
  199.                             <div class="hover-slots-title">
  200.                                 <h3>Dog House</h3>
  201.                                 <p>Pragmatic Play</p>
  202.                             </div>
  203.                         </div>
  204.                     </a>
  205.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game1.png" alt="" />
  206.                         <div class="hover-slots">
  207.                             <div class="hover-slots-btn">
  208.                                 <button>
  209.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  210.                                 </button>
  211.                             </div>
  212.                             <div class="hover-slots-title">
  213.                                 <h3>Dog House</h3>
  214.                                 <p>Pragmatic Play</p>
  215.                             </div>
  216.                         </div>
  217.                     </a>
  218.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game4.png" alt="" />
  219.                         <div class="hover-slots">
  220.                             <div class="hover-slots-btn">
  221.                                 <button>
  222.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  223.                                 </button>
  224.                             </div>
  225.                             <div class="hover-slots-title">
  226.                                 <h3>Dog House</h3>
  227.                                 <p>Pragmatic Play</p>
  228.                             </div>
  229.                         </div>
  230.                     </a>
  231.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game5.png" alt="" />
  232.                         <div class="hover-slots">
  233.                             <div class="hover-slots-btn">
  234.                                 <button>
  235.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  236.                                 </button>
  237.                             </div>
  238.                             <div class="hover-slots-title">
  239.                                 <h3>Dog House</h3>
  240.                                 <p>Pragmatic Play</p>
  241.                             </div>
  242.                         </div>
  243.                     </a>
  244.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game6.png" alt="" />
  245.                         <div class="hover-slots">
  246.                             <div class="hover-slots-btn">
  247.                                 <button>
  248.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  249.                                 </button>
  250.                             </div>
  251.                             <div class="hover-slots-title">
  252.                                 <h3>Dog House</h3>
  253.                                 <p>Pragmatic Play</p>
  254.                             </div>
  255.                         </div>
  256.                     </a>
  257.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game4.png" alt="" />
  258.                         <div class="hover-slots">
  259.                             <div class="hover-slots-btn">
  260.                                 <button>
  261.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  262.                                 </button>
  263.                             </div>
  264.                             <div class="hover-slots-title">
  265.                                 <h3>Dog House</h3>
  266.                                 <p>Pragmatic Play</p>
  267.                             </div>
  268.                         </div>
  269.                     </a>
  270.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game5.png" alt="" />
  271.                         <div class="hover-slots">
  272.                             <div class="hover-slots-btn">
  273.                                 <button>
  274.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  275.                                 </button>
  276.                             </div>
  277.                             <div class="hover-slots-title">
  278.                                 <h3>Dog House</h3>
  279.                                 <p>Pragmatic Play</p>
  280.                             </div>
  281.                         </div>
  282.                     </a>
  283.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game6.png" alt="" />
  284.                         <div class="hover-slots">
  285.                             <div class="hover-slots-btn">
  286.                                 <button>
  287.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  288.                                 </button>
  289.                             </div>
  290.                             <div class="hover-slots-title">
  291.                                 <h3>Dog House</h3>
  292.                                 <p>Pragmatic Play</p>
  293.                             </div>
  294.                         </div>
  295.                     </a>
  296.                 </div>
  297.             </div>
  298.         </div>
  299.         <div class="all-slots">
  300.             <div class="group-header">
  301.                 <div class="group-title">
  302.                     <span class="group-icon">
  303.                         <img src="/assets/icons/cherry.svg" alt="" /></span>
  304.                     <h3>Все слоты</h3>
  305.                 </div>
  306.                 <div class="group-nav">
  307.                     <button class="show-all">Показать все</button>
  308.                     <button class="arrow-btn all-slots-prev">
  309.                         <svg width="18.033203" height="18.033081" viewBox="0 0 18.0332 18.0331" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  310.                             <path id="↳ Icon Color" d="M7.33 9.01L11.93 13.61C12.3 13.97 12.3 14.57 11.93 14.94C11.56 15.3 10.97 15.3 10.6 14.94L5.34 9.68C4.98 9.31 4.98 8.71 5.34 8.35L10.6 3.09C10.97 2.72 11.56 2.72 11.93 3.09C12.3 3.45 12.3 4.05 11.93 4.42L7.33 9.01Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  311.                         </svg>
  312.                     </button>
  313.                     <button class="arrow-btn all-slots-next">
  314.                         <svg width="19.419922" height="19.420288" viewBox="0 0 19.4199 19.4203" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  315.                             <path id="↳ Icon Color" d="M11.51 9.71L6.56 14.65C6.17 15.05 6.17 15.69 6.56 16.08C6.96 16.48 7.6 16.48 7.99 16.08L13.66 10.42C14.05 10.03 14.05 9.38 13.66 8.99L7.99 3.33C7.6 2.93 6.96 2.93 6.56 3.33C6.17 3.72 6.17 4.36 6.56 4.76L11.51 9.71Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  316.                         </svg>
  317.                     </button>
  318.                 </div>
  319.             </div>
  320.             <div class="swiper all-slots-wrapper">
  321.                 <div class="swiper-wrapper">
  322.                     <a class="swiper-slide slot-card" href="">
  323.                         <img src="/assets/images/game1.png" alt="" />
  324.                         <div class="hover-slots">
  325.                             <div class="hover-slots-btn">
  326.                                 <button>
  327.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  328.                                 </button>
  329.                             </div>
  330.                             <div class="hover-slots-title">
  331.                                 <h3>Dog House</h3>
  332.                                 <p>Pragmatic Play</p>
  333.                             </div>
  334.                         </div>
  335.                     </a>
  336.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game2.png" alt="" />
  337.                         <div class="hover-slots">
  338.                             <div class="hover-slots-btn">
  339.                                 <button>
  340.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  341.                                 </button>
  342.                             </div>
  343.                             <div class="hover-slots-title">
  344.                                 <h3>Dog House</h3>
  345.                                 <p>Pragmatic Play</p>
  346.                             </div>
  347.                         </div>
  348.                     </a>
  349.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game3.png" alt="" />
  350.                         <div class="hover-slots">
  351.                             <div class="hover-slots-btn">
  352.                                 <button>
  353.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  354.                                 </button>
  355.                             </div>
  356.                             <div class="hover-slots-title">
  357.                                 <h3>Dog House</h3>
  358.                                 <p>Pragmatic Play</p>
  359.                             </div>
  360.                         </div>
  361.                     </a>
  362.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game1.png" alt="" />
  363.                         <div class="hover-slots">
  364.                             <div class="hover-slots-btn">
  365.                                 <button>
  366.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  367.                                 </button>
  368.                             </div>
  369.                             <div class="hover-slots-title">
  370.                                 <h3>Dog House</h3>
  371.                                 <p>Pragmatic Play</p>
  372.                             </div>
  373.                         </div>
  374.                     </a>
  375.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game4.png" alt="" />
  376.                         <div class="hover-slots">
  377.                             <div class="hover-slots-btn">
  378.                                 <button>
  379.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  380.                                 </button>
  381.                             </div>
  382.                             <div class="hover-slots-title">
  383.                                 <h3>Dog House</h3>
  384.                                 <p>Pragmatic Play</p>
  385.                             </div>
  386.                         </div>
  387.                     </a>
  388.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game5.png" alt="" />
  389.                         <div class="hover-slots">
  390.                             <div class="hover-slots-btn">
  391.                                 <button>
  392.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  393.                                 </button>
  394.                             </div>
  395.                             <div class="hover-slots-title">
  396.                                 <h3>Dog House</h3>
  397.                                 <p>Pragmatic Play</p>
  398.                             </div>
  399.                         </div>
  400.                     </a>
  401.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game6.png" alt="" />
  402.                         <div class="hover-slots">
  403.                             <div class="hover-slots-btn">
  404.                                 <button>
  405.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  406.                                 </button>
  407.                             </div>
  408.                             <div class="hover-slots-title">
  409.                                 <h3>Dog House</h3>
  410.                                 <p>Pragmatic Play</p>
  411.                             </div>
  412.                         </div>
  413.                     </a>
  414.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game4.png" alt="" />
  415.                         <div class="hover-slots">
  416.                             <div class="hover-slots-btn">
  417.                                 <button>
  418.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  419.                                 </button>
  420.                             </div>
  421.                             <div class="hover-slots-title">
  422.                                 <h3>Dog House</h3>
  423.                                 <p>Pragmatic Play</p>
  424.                             </div>
  425.                         </div>
  426.                     </a>
  427.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game5.png" alt="" />
  428.                         <div class="hover-slots">
  429.                             <div class="hover-slots-btn">
  430.                                 <button>
  431.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  432.                                 </button>
  433.                             </div>
  434.                             <div class="hover-slots-title">
  435.                                 <h3>Dog House</h3>
  436.                                 <p>Pragmatic Play</p>
  437.                             </div>
  438.                         </div>
  439.                     </a>
  440.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game6.png" alt="" />
  441.                         <div class="hover-slots">
  442.                             <div class="hover-slots-btn">
  443.                                 <button>
  444.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  445.                                 </button>
  446.                             </div>
  447.                             <div class="hover-slots-title">
  448.                                 <h3>Dog House</h3>
  449.                                 <p>Pragmatic Play</p>
  450.                             </div>
  451.                         </div>
  452.                     </a>
  453.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game1.png" alt="" />
  454.                         <div class="hover-slots">
  455.                             <div class="hover-slots-btn">
  456.                                 <button>
  457.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  458.                                 </button>
  459.                             </div>
  460.                             <div class="hover-slots-title">
  461.                                 <h3>Dog House</h3>
  462.                                 <p>Pragmatic Play</p>
  463.                             </div>
  464.                         </div>
  465.                     </a>
  466.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game4.png" alt="" /></a>
  467.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game5.png" alt="" />
  468.                         <div class="hover-slots">
  469.                             <div class="hover-slots-btn">
  470.                                 <button>
  471.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  472.                                 </button>
  473.                             </div>
  474.                             <div class="hover-slots-title">
  475.                                 <h3>Dog House</h3>
  476.                                 <p>Pragmatic Play</p>
  477.                             </div>
  478.                         </div>
  479.                     </a>
  480.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game6.png" alt="" />
  481.                         <div class="hover-slots">
  482.                             <div class="hover-slots-btn">
  483.                                 <button>
  484.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  485.                                 </button>
  486.                             </div>
  487.                             <div class="hover-slots-title">
  488.                                 <h3>Dog House</h3>
  489.                                 <p>Pragmatic Play</p>
  490.                             </div>
  491.                         </div>
  492.                     </a>
  493.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game4.png" alt="" />
  494.                         <div class="hover-slots">
  495.                             <div class="hover-slots-btn">
  496.                                 <button>
  497.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  498.                                 </button>
  499.                             </div>
  500.                             <div class="hover-slots-title">
  501.                                 <h3>Dog House</h3>
  502.                                 <p>Pragmatic Play</p>
  503.                             </div>
  504.                         </div>
  505.                     </a>
  506.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game5.png" alt="" />
  507.                         <div class="hover-slots">
  508.                             <div class="hover-slots-btn">
  509.                                 <button>
  510.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  511.                                 </button>
  512.                             </div>
  513.                             <div class="hover-slots-title">
  514.                                 <h3>Dog House</h3>
  515.                                 <p>Pragmatic Play</p>
  516.                             </div>
  517.                         </div>
  518.                         <div class="hover-slots">
  519.                             <div class="hover-slots-btn">
  520.                                 <button>
  521.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  522.                                 </button>
  523.                             </div>
  524.                             <div class="hover-slots-title">
  525.                                 <h3>Dog House</h3>
  526.                                 <p>Pragmatic Play</p>
  527.                             </div>
  528.                         </div>
  529.                     </a>
  530.                     <a class="swiper-slide slot-card" href=""><img src="/assets/images/game6.png" alt="" />
  531.                         <div class="hover-slots">
  532.                             <div class="hover-slots-btn">
  533.                                 <button>
  534.                                     <img src="/assets/icons/paly-game-icon.svg" alt="" />Play
  535.                                 </button>
  536.                             </div>
  537.                             <div class="hover-slots-title">
  538.                                 <h3>Dog House</h3>
  539.                                 <p>Pragmatic Play</p>
  540.                             </div>
  541.                         </div>
  542.                     </a>
  543.                 </div>
  544.             </div>
  545.         </div>
  546.         {% include 'components/additional/history.html.twig' %}
  547.         <div class="providers">
  548.             <div class="group-header">
  549.                 <div class="group-title">
  550.                     <span class="group-icon">
  551.                         <img src="/assets/icons/robot.svg" alt="" /></span>
  552.                     <h3>Провайдеры</h3>
  553.                 </div>
  554.                 <div class="group-nav">
  555.                     <button class="show-all">Показать все</button>
  556.                 </div>
  557.             </div>
  558.             <div class="providers-wrapper">
  559.                 <a class="provider-card"><img src="/assets/images/providers/betsoft.png" alt="" /></a>
  560.                 <a class="provider-card"><img src="/assets/images/providers/playson.png" alt="" /></a>
  561.                 <a class="provider-card"><img src="/assets/images/providers/pragmaticplay.png" alt="" /></a>
  562.                 <a class="provider-card"><img src="/assets/images/providers/playngo.png" alt="" /></a>
  563.             </div>
  564.         </div>
  565.     </div>
  566. </section>
  568. {% endblock %}