Advertisement
kirya_shkolnik

HTML Agrotek.pro Slider section

May 16th, 2021
972
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.79 KB | None | 0 0
  1. <section class="main-products">
  2.         <div class="main-products__container container">
  3.             <div class="main-products__inner">
  4.                 <h3 class="main-products__title">Продукция</h3>
  5.                 <div class="main-products__text-wrapper">
  6.                     <div class="main-products__descr">
  7.                         Агротэк реализует продукцию
  8. по двум направлениям: сельхозтехника и удобрения                    </div>
  9.                     <div class="main-products__text">
  10.                         Современное сельское хозяйство немыслимо без
  11. применения минеральных удобрений и обработки полей, ведь с их помощью
  12. можно существенно повысить урожайность различных культур.                    </div>
  13.                 </div>
  14.             </div>
  15.                 <div class="main-products__slider slider">
  16.         <div class="slider__arrows">
  17.             <div class="slider__arrow slider__arrow--prev">
  18.                 <div class="slider__arrow-icon">
  19.                     <svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
  20.                         <path fill-rule="evenodd" clip-rule="evenodd"
  21.                              d="M4.24271 2.82849L1.41422 0L0 1.41421L2.82849 4.2427L0.000152588 7.07104L1.41437 8.48526L5.65701 4.24262L4.24279 2.8284L4.24271 2.82849Z"
  22.                              fill="white"/>
  23.                     </svg>
  24.                 </div>
  25.             </div>
  26.             <div class="slider__arrow slider__arrow--next">
  27.                 <div class="slider__arrow-icon">
  28.                     <svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
  29.                         <path fill-rule="evenodd" clip-rule="evenodd"
  30.                              d="M1.41428 2.82849L4.24277 0L5.65698 1.41421L2.82849 4.2427L5.65683 7.07104L4.24262 8.48526L-2.43187e-05 4.24262L1.41419 2.8284L1.41428 2.82849Z"
  31.                              fill="white"/>
  32.                     </svg>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.         <div class="slider__content">
  37.             <div class="js--products-slider">
  38.                                     <a href="/products/raspulitel/" class="slider__item" id="bx_169651726_19_d3162795606a976278466f6f2fcaa191">
  39.                         <div class="slider__item-inner">
  40.                             <div class="slider__item-bg slider__item-bg--rotate">
  41.                                 <img src="/upload/uf/c43/c43442e252ac3a83a55f2b70fcd30424.svg" alt="Распылители и прочие компоненты штанги">
  42.                             </div>
  43.                             <div class="slider__item-image">
  44.                                 <img src="/upload/iblock/d7a/d7a0c7a0f5d2c8eebeb376cbb986cc5e.png" alt="Распылители и прочие компоненты штанги">
  45.                             </div>
  46.                             <div class="slider__item-text">Распылители и прочие компоненты штанги</div>
  47.                             <span class="slider__item-link">Каталог</span>
  48.                         </div>
  49.                     </a>
  50.                                     <a href="/products/esystem/" class="slider__item" id="bx_169651726_17_d744a21ebc7444a84c933f11aa3cf5de">
  51.                         <div class="slider__item-inner">
  52.                             <div class="slider__item-bg slider__item-bg--rotate">
  53.                                 <img src="/upload/uf/657/657148d6c27846725ba21c8a449f458b.svg" alt="Системы электронного управления">
  54.                             </div>
  55.                             <div class="slider__item-image">
  56.                                 <img src="/upload/iblock/b8b/b8b3f3bf8e85309f641f3c66ec92792c.png" alt="Системы электронного управления">
  57.                             </div>
  58.                             <div class="slider__item-text">Системы электронного управления</div>
  59.                             <span class="slider__item-link">Каталог</span>
  60.                         </div>
  61.                     </a>
  62.                                     <a href="/products/tuman/" class="slider__item" id="bx_169651726_2_3ee3c3d247f1cf71a5ae7106f9de8ecb">
  63.                         <div class="slider__item-inner">
  64.                             <div class="slider__item-bg slider__item-bg--rotate">
  65.                                 <img src="/upload/uf/3e5/3e5ad77c94662d8378b605ca66ce4e19.svg" alt="Самоходные опрыскиватели-разбрасыватели удобрений &quot;Туман&quot;">
  66.                             </div>
  67.                             <div class="slider__item-image">
  68.                                 <img src="/upload/iblock/54d/54d25e1f8eb2169331d2066b59f9e128.png" alt="Самоходные опрыскиватели-разбрасыватели удобрений &quot;Туман&quot;">
  69.                             </div>
  70.                             <div class="slider__item-text">Самоходные опрыскиватели-разбрасыватели удобрений &quot;Туман&quot;</div>
  71.                             <span class="slider__item-link">Каталог</span>
  72.                         </div>
  73.                     </a>
  74.                                     <a href="/products/emkosti/" class="slider__item" id="bx_169651726_20_299e487546d6083d588ced5f8f68e3ed">
  75.                         <div class="slider__item-inner">
  76.                             <div class="slider__item-bg slider__item-bg--rotate">
  77.                                 <img src="/upload/uf/481/4810f73dc1de278cc8531a4a1e52bdfb.svg" alt="Ёмкости пластиковые и комплектующие">
  78.                             </div>
  79.                             <div class="slider__item-image">
  80.                                 <img src="/upload/iblock/741/7418adb84a51663937ef66c344458509.png" alt="Ёмкости пластиковые и комплектующие">
  81.                             </div>
  82.                             <div class="slider__item-text">Ёмкости пластиковые и комплектующие</div>
  83.                             <span class="slider__item-link">Каталог</span>
  84.                         </div>
  85.                     </a>
  86.                                     <a href="/products/svet/" class="slider__item" id="bx_169651726_18_fe4d4698dde66af015a1a32465a60f55">
  87.                         <div class="slider__item-inner">
  88.                             <div class="slider__item-bg slider__item-bg--rotate">
  89.                                 <img src="/upload/uf/464/464a0bcfb8b16d69f2d683b22c127d97.svg" alt="Светодиодные фары">
  90.                             </div>
  91.                             <div class="slider__item-image">
  92.                                 <img src="/upload/iblock/fab/fabe50210969775cfecb11ce500445a2.png" alt="Светодиодные фары">
  93.                             </div>
  94.                             <div class="slider__item-text">Светодиодные фары</div>
  95.                             <span class="slider__item-link">Каталог</span>
  96.                         </div>
  97.                     </a>
  98.                                     <a href="/products/presspodbor/" class="slider__item" id="bx_169651726_10_ead626b25ea2816447d7a721cb65405d">
  99.                         <div class="slider__item-inner">
  100.                             <div class="slider__item-bg slider__item-bg--rotate">
  101.                                 <img src="/upload/uf/4c5/4c5cf9256eb059a30297321065432300.svg" alt="Пресс-подборщики рулонные">
  102.                             </div>
  103.                             <div class="slider__item-image">
  104.                                 <img src="/upload/iblock/c38/c387cf8446e498a9b7a5421bc29f29f4.png" alt="Пресс-подборщики рулонные">
  105.                             </div>
  106.                             <div class="slider__item-text">Пресс-подборщики рулонные</div>
  107.                             <span class="slider__item-link">Каталог</span>
  108.                         </div>
  109.                     </a>
  110.                                     <a href="/products/kormorazdatchiki/" class="slider__item" id="bx_169651726_21_4107a9ced7d5248b2cf794919d6135fb">
  111.                         <div class="slider__item-inner">
  112.                             <div class="slider__item-bg slider__item-bg--rotate">
  113.                                 <img src="/upload/uf/449/449f0c57bc3eee482a7db30a26462c46.svg" alt="Кормораздатчики">
  114.                             </div>
  115.                             <div class="slider__item-image">
  116.                                 <img src="/upload/iblock/bd6/bd62ccb38d4d3a7df7de2b8a5d319630.png" alt="Кормораздатчики">
  117.                             </div>
  118.                             <div class="slider__item-text">Кормораздатчики</div>
  119.                             <span class="slider__item-link">Каталог</span>
  120.                         </div>
  121.                     </a>
  122.                                     <a href="/products/don/" class="slider__item" id="bx_169651726_11_4a55bd59b50d592385c7476828513d5c">
  123.                         <div class="slider__item-inner">
  124.                             <div class="slider__item-bg slider__item-bg--rotate">
  125.                                 <img src="/upload/uf/13f/13f917d0f3570a98dc3b8fcb32df93a2.svg" alt="Сеялки зернотуковые прямого посева «ДОН» ">
  126.                             </div>
  127.                             <div class="slider__item-image">
  128.                                 <img src="/upload/iblock/a26/a262e4667bfe5261668c15bd14b1403e.png" alt="Сеялки зернотуковые прямого посева «ДОН» ">
  129.                             </div>
  130.                             <div class="slider__item-text">Сеялки зернотуковые прямого посева «ДОН» </div>
  131.                             <span class="slider__item-link">Каталог</span>
  132.                         </div>
  133.                     </a>
  134.                                     <a href="/products/pogruzchiki/" class="slider__item" id="bx_169651726_22_92eebea13abe642f09ec0aa81d0ec394">
  135.                         <div class="slider__item-inner">
  136.                             <div class="slider__item-bg slider__item-bg--rotate">
  137.                                 <img src="/upload/uf/707/707043212d70d6bcf25eeb6643ec7c9e.svg" alt="Фронтальные погрузчики">
  138.                             </div>
  139.                             <div class="slider__item-image">
  140.                                 <img src="/upload/iblock/f3d/f3d484073d19d379815aa9231726d38d.png" alt="Фронтальные погрузчики">
  141.                             </div>
  142.                             <div class="slider__item-text">Фронтальные погрузчики</div>
  143.                             <span class="slider__item-link">Каталог</span>
  144.                         </div>
  145.                     </a>
  146.                                     <a href="/products/avtoperegruzchiki/" class="slider__item" id="bx_169651726_13_ae53934874be713268a88cafbb305f4e">
  147.                         <div class="slider__item-inner">
  148.                             <div class="slider__item-bg slider__item-bg--rotate">
  149.                                 <img src="/upload/uf/814/814c04d11620b3b13eddac531d10135b.svg" alt="Автомобильные перегрузчики">
  150.                             </div>
  151.                             <div class="slider__item-image">
  152.                                 <img src="/upload/iblock/0e8/0e8be7ad2a8bf5131231260bd2e81208.png" alt="Автомобильные перегрузчики">
  153.                             </div>
  154.                             <div class="slider__item-text">Автомобильные перегрузчики</div>
  155.                             <span class="slider__item-link">Каталог</span>
  156.                         </div>
  157.                     </a>
  158.                                     <a href="/products/bunkeri-peregruzchiki/" class="slider__item" id="bx_169651726_12_10893ca2fad61fc083455c0185910667">
  159.                         <div class="slider__item-inner">
  160.                             <div class="slider__item-bg slider__item-bg--rotate">
  161.                                 <img src="/upload/uf/a94/a9416a0381eab0204a40b92e12b1b0e5.svg" alt="Бункеры перегрузчики">
  162.                             </div>
  163.                             <div class="slider__item-image">
  164.                                 <img src="/upload/iblock/c92/c92477fb014b70e05092562d34d70fe8.png" alt="Бункеры перегрузчики">
  165.                             </div>
  166.                             <div class="slider__item-text">Бункеры перегрузчики</div>
  167.                             <span class="slider__item-link">Каталог</span>
  168.                         </div>
  169.                     </a>
  170.                                     <a href="/products/kultivatory/" class="slider__item" id="bx_169651726_23_da85562ab297cc0faa5d0032ba2d4321">
  171.                         <div class="slider__item-inner">
  172.                             <div class="slider__item-bg slider__item-bg--rotate">
  173.                                 <img src="/upload/uf/903/9039043f66f16356130189d2cbb7506b.svg" alt="Культиваторы">
  174.                             </div>
  175.                             <div class="slider__item-image">
  176.                                 <img src="/upload/iblock/16b/16b0aba1d5df7b3d447ead0a0e6a3fe6.png" alt="Культиваторы">
  177.                             </div>
  178.                             <div class="slider__item-text">Культиваторы</div>
  179.                             <span class="slider__item-link">Каталог</span>
  180.                         </div>
  181.                     </a>
  182.                                     <a href="/products/diskatory/" class="slider__item" id="bx_169651726_28_0815b8ff18d00d1b639fe301b7a8fd47">
  183.                         <div class="slider__item-inner">
  184.                             <div class="slider__item-bg slider__item-bg--rotate">
  185.                                 <img src="" alt="Дисковые бороны">
  186.                             </div>
  187.                             <div class="slider__item-image">
  188.                                 <img src="/upload/iblock/a14/a14a68c307a68c1b08770a847377b821.png" alt="Дисковые бороны">
  189.                             </div>
  190.                             <div class="slider__item-text">Дисковые бороны</div>
  191.                             <span class="slider__item-link">Каталог</span>
  192.                         </div>
  193.                     </a>
  194.                                     <a href="/products/Polupricepidlyatraktora/" class="slider__item" id="bx_169651726_25_70af5ec9563b7e827a3747cf83805d4b">
  195.                         <div class="slider__item-inner">
  196.                             <div class="slider__item-bg slider__item-bg--rotate">
  197.                                 <img src="/upload/uf/d77/d775d40a881fe62752e6e0defc9f1d59.svg" alt="Полуприцепы для трактора">
  198.                             </div>
  199.                             <div class="slider__item-image">
  200.                                 <img src="/upload/iblock/4d3/4d39f2ec427d10a999c36ed81ed516f6.png" alt="Полуприцепы для трактора">
  201.                             </div>
  202.                             <div class="slider__item-text">Полуприцепы для трактора</div>
  203.                             <span class="slider__item-link">Каталог</span>
  204.                         </div>
  205.                     </a>
  206.                                     <a href="/products/tractors/" class="slider__item" id="bx_169651726_30_17178620802d64eef28fd354e3d0e5b6">
  207.                         <div class="slider__item-inner">
  208.                             <div class="slider__item-bg slider__item-bg--rotate">
  209.                                 <img src="/upload/uf/891/89123a803a5804f8d3fcef2a74dbb666.svg" alt="Тракторы">
  210.                             </div>
  211.                             <div class="slider__item-image">
  212.                                 <img src="/upload/iblock/dce/dce737928042041220909c870f88c732.png" alt="Тракторы">
  213.                             </div>
  214.                             <div class="slider__item-text">Тракторы</div>
  215.                             <span class="slider__item-link">Каталог</span>
  216.                         </div>
  217.                     </a>
  218.                                     <a href="/products/zapchasti_tuman3/" class="slider__item" id="bx_169651726_27_087c48b3b3bfc3b5262faa4d1a823b22">
  219.                         <div class="slider__item-inner">
  220.                             <div class="slider__item-bg slider__item-bg--rotate">
  221.                                 <img src="" alt="Для Туман 3">
  222.                             </div>
  223.                             <div class="slider__item-image">
  224.                                 <img src="/upload/iblock/130/130dc20b8fa3b85d05012b2ecf0e0662.png" alt="Для Туман 3">
  225.                             </div>
  226.                             <div class="slider__item-text">Для Туман 3</div>
  227.                             <span class="slider__item-link">Каталог</span>
  228.                         </div>
  229.                     </a>
  230.                                     <a href="/products/rukava/" class="slider__item" id="bx_169651726_14_cf7928f31c1bbfc8b168138bc8fcf498">
  231.                         <div class="slider__item-inner">
  232.                             <div class="slider__item-bg slider__item-bg--rotate">
  233.                                 <img src="/upload/uf/264/2647af1116ca71914054abc799c2abf8.svg" alt="Техника для хранения зерна в пластиковых рукавах">
  234.                             </div>
  235.                             <div class="slider__item-image">
  236.                                 <img src="/upload/iblock/970/970b3d7f1be41287b4d4538caa6fff0b.png" alt="Техника для хранения зерна в пластиковых рукавах">
  237.                             </div>
  238.                             <div class="slider__item-text">Техника для хранения зерна в пластиковых рукавах</div>
  239.                             <span class="slider__item-link">Каталог</span>
  240.                         </div>
  241.                     </a>
  242.                             </div>
  243.         </div>
  244.     </div>
  245.         </div>
  246.     </section>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement