API tools faq
paste
Advertisement
doubledare704

mc delivery

doubledare704
Dec 7th, 2020 (edited)
856
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.49 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.     <!-- Required meta tags -->
  4.     <meta charset="utf-8">
  5.     <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
  6.  
  7.     <!-- Bootstrap CSS -->
  8.     <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
  9.          integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" rel="stylesheet">
  10.  
  11.     <title>McDelivery</title>
  12.     <style>
  13.         .small-class-borders {
  14.             border: 1px solid #fa755a;
  15.         }
  16.  
  17.         @media (max-width: 768px) {
  18.             .carousel-inner .carousel-item > div {
  19.                 display: none;
  20.             }
  21.  
  22.             .carousel-inner .carousel-item > div:first-child {
  23.                 display: block;
  24.             }
  25.         }
  26.  
  27.         .carousel-inner .carousel-item.active,
  28.         .carousel-inner .carousel-item-next,
  29.         .carousel-inner .carousel-item-prev {
  30.             display: flex;
  31.         }
  32.  
  33.         /* display 3 */
  34.         @media (min-width: 768px) {
  35.  
  36.             .carousel-inner .carousel-item-right.active,
  37.             .carousel-inner .carousel-item-next {
  38.                 transform: translateX(25%);
  39.             }
  40.  
  41.             .carousel-inner .carousel-item-left.active,
  42.             .carousel-inner .carousel-item-prev {
  43.                 transform: translateX(-25%);
  44.             }
  45.         }
  46.  
  47.         .carousel-inner .carousel-item-right,
  48.         .carousel-inner .carousel-item-left {
  49.             transform: translateX(0);
  50.         }
  51.     </style>
  52. </head>
  53. <body>
  54. <div class="container">
  55.     <!-- All site here here -->
  56.  
  57.     <!-- Navigation -->
  58.     <nav class="navbar navbar-expand-lg navbar-light bg-light">
  59.         <a class="navbar-brand" href="#">McDelivery</a>
  60.         <button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"
  61.                class="navbar-toggler"
  62.                data-target="#navbarSupportedContent" data-toggle="collapse" type="button">
  63.             <span class="navbar-toggler-icon"></span>
  64.         </button>
  65.  
  66.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  67.             <ul class="navbar-nav mr-auto">
  68.                 <li class="nav-item">
  69.                     <div>
  70.                         <p class="h4">McDonald's Байконур</p>
  71.                         <p>Открыто сегодня: 10:00 - 21:30</p>
  72.                     </div>
  73.                 </li>
  74.  
  75.             </ul>
  76.             <ul class="navbar-nav ml-auto">
  77.                 <li class="nav-item">
  78.                     <a class="nav-link" href="#">Алматы</a>
  79.                 </li>
  80.                 <li class="nav-item dropdown">
  81.                     <a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle"
  82.                       data-toggle="dropdown"
  83.                       href="#" id="navbarDropdown" role="button">
  84.                         Русский
  85.                     </a>
  86.                     <div aria-labelledby="navbarDropdown" class="dropdown-menu">
  87.                         <a class="dropdown-item" href="#">English</a>
  88.                         <a class="dropdown-item" href="#">German</a>
  89.                         <a class="dropdown-item" href="#">French</a>
  90.                     </div>
  91.                 </li>
  92.                 <li class="nav-item">
  93.                     <a class="nav-link" href="#">Войти</a>
  94.                 </li>
  95.                 <li class="nav-item">
  96.                     <a class="nav-link" href="#">Cart icon</a>
  97.                 </li>
  98.             </ul>
  99.         </div>
  100.     </nav>
  101.     <div class="container">
  102.         <div class="row">
  103.             <div class="col-6" style="border: 1px solid blueviolet">
  104.                 <form>
  105.                     <div class="form-group">
  106.                         <label for="exampleFormControlSelect1">Адрес</label>
  107.                         <select class="form-control" id="exampleFormControlSelect1">
  108.                             <option>г. Алматы, улица Аскарова, 10</option>
  109.                             <option>г. Алматы, улица другая, 11</option>
  110.                             <option>г. Алматы, улица третья, 13</option>
  111.                             <option>г. Алматы, улица крайняя, 99</option>
  112.                         </select>
  113.                     </div>
  114.                 </form>
  115.             </div>
  116.             <div class="col-6" style="border: 1px solid blueviolet">
  117.                 <div class="row text-center">
  118.                     <div class="col-4 small-class-borders">
  119.                         <p>Время</p>
  120.                         <p>от 30 мин.</p>
  121.                     </div>
  122.                     <div class="col-4 small-class-borders">
  123.                         <p>Доставка</p>
  124.                         <p>490 тг.</p>
  125.                     </div>
  126.                     <div class="col-4 small-class-borders">
  127.                         <p>Заказ</p>
  128.                         <p>от 0 тг.</p>
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div>
  133.     </div>
  134.     <div class="container text-center my-3">
  135.         <div class="row mx-auto my-auto">
  136.             <div class="carousel slide w-100" data-ride="carousel" id="recipeCarousel">
  137.                 <div class="carousel-inner w-100" role="listbox">
  138.                     <div class="carousel-item active">
  139.                         <div class="col-md-3">
  140.                             <div class="card card-body">
  141.                                 <img class="img-fluid" src="./images/Rectangle%2037.png">
  142.                             </div>
  143.                         </div>
  144.                     </div>
  145.                     <div class="carousel-item">
  146.                         <div class="col-md-3">
  147.                             <div class="card card-body">
  148.                                 <img class="img-fluid" src="./images/Rectangle%2038.png">
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                     <div class="carousel-item">
  153.                         <div class="col-md-3">
  154.                             <div class="card card-body">
  155.                                 <img class="img-fluid" src="./images/Rectangle%2039.png">
  156.                             </div>
  157.                         </div>
  158.                     </div>
  159.  
  160.                     <div class="carousel-item">
  161.                         <div class="col-md-3">
  162.                             <div class="card card-body">
  163.                                 <img class="img-fluid" src="./images/Rectangle%2040.png">
  164.                             </div>
  165.                         </div>
  166.                     </div>
  167.                     <div class="carousel-item">
  168.                         <div class="col-md-3">
  169.                             <div class="card card-body">
  170.                                 <img class="img-fluid" src="./images/Rectangle%2037.png">
  171.                             </div>
  172.                         </div>
  173.                     </div>
  174.                     <div class="carousel-item">
  175.                         <div class="col-md-3">
  176.                             <div class="card card-body">
  177.                                 <img class="img-fluid" src="./images/Rectangle%2040.png">
  178.                             </div>
  179.                         </div>
  180.                     </div>
  181.                 </div>
  182.                 <a class="carousel-control-prev w-auto" data-slide="prev" href="#recipeCarousel" role="button">
  183.                             <span aria-hidden="true"
  184.                                  class="carousel-control-prev-icon bg-dark border border-dark rounded-circle"></span>
  185.                     <span class="sr-only">Previous</span>
  186.                 </a>
  187.                 <a class="carousel-control-next w-auto" data-slide="next" href="#recipeCarousel" role="button">
  188.                             <span aria-hidden="true"
  189.                                  class="carousel-control-next-icon bg-dark border border-dark rounded-circle"></span>
  190.                     <span class="sr-only">Next</span>
  191.                 </a>
  192.             </div>
  193.         </div>
  194.     </div>
  195.     <div class="container">
  196.         <div class="row">
  197.             <div class="col-12" style="border: 1px solid blueviolet">
  198.                 <div class="row text-center">
  199.                     <div class="col-2 small-class-borders">
  200.                         <p>Популярное</p>
  201.                     </div>
  202.                     <div class="col-1 small-class-borders">
  203.                         <p>Новинки</p>
  204.                     </div>
  205.                     <div class="col-2 small-class-borders">
  206.                         <p>McCombo</p>
  207.                     </div>
  208.                     <div class="col-2 small-class-borders">
  209.                         <p>Сэндвичи</p>
  210.                     </div>
  211.                     <div class="col-2 small-class-borders">
  212.                         <p>Напитки</p>
  213.                     </div>
  214.                     <div class="col-1 small-class-borders">
  215.                         <p>Стартеры</p>
  216.                     </div>
  217.                     <div class="col-2 small-class-borders">
  218.                         <p>Маккафе</p>
  219.                     </div>
  220.                 </div>
  221.             </div>
  222.         </div>
  223.     </div>
  224.     <div class="container">
  225.         <div class="row">
  226.             <div class="col-12 pr-0 pl-0" style="border: 1px solid blueviolet">
  227.                 <div class="row">
  228.                     <div class="col-3">
  229.                         <div class="card">
  230.                             <img alt="Card image cap" class="card-img-top" src="./images/Rectangle%2037.png">
  231.                             <div class="card-body">
  232.                                 <h5 class="card-title">Card title</h5>
  233.                                 <p class="card-text">Some quick example text to build on the card title and make up the
  234.                                     bulk
  235.                                     of the card's content.</p>
  236.                                 <a class="btn btn-primary" href="#">Go somewhere</a>
  237.                             </div>
  238.                         </div>
  239.                     </div>
  240.                     <div class="col-3">
  241.                         <div class="card">
  242.                             <img alt="Card image cap" class="card-img-top" src="./images/Rectangle%2038.png">
  243.                             <div class="card-body">
  244.                                 <h5 class="card-title">Card title</h5>
  245.                                 <p class="card-text">Some quick example text to build on the card title and make up the
  246.                                     bulk
  247.                                     of the card's content.</p>
  248.                                 <a class="btn btn-primary" href="#">Go somewhere</a>
  249.                             </div>
  250.                         </div>
  251.                     </div>
  252.                     <div class="col-3">
  253.                         <div class="card">
  254.                             <img alt="Card image cap" class="card-img-top" src="./images/Rectangle%2040.png">
  255.                             <div class="card-body">
  256.                                 <h5 class="card-title">Card title</h5>
  257.                                 <p class="card-text">Some quick example text to build on the card title and make up the
  258.                                     bulk
  259.                                     of the card's content.</p>
  260.                                 <a class="btn btn-primary" href="#">Go somewhere</a>
  261.                             </div>
  262.                         </div>
  263.                     </div>
  264.                     <div class="col-3">
  265.                         <div class="card">
  266.                             <img alt="Card image cap" class="card-img-top" src="./images/Rectangle%2040.png">
  267.                             <div class="card-body">
  268.                                 <h5 class="card-title">Card title</h5>
  269.                                 <p class="card-text">Some quick example text to build on the card title and make up the
  270.                                     bulk
  271.                                     of the card's content.</p>
  272.                                 <a class="btn btn-primary" href="#">Go somewhere</a>
  273.                             </div>
  274.                         </div>
  275.                     </div>
  276.                     <div class="col-3">
  277.                         <div class="card">
  278.                             <img alt="Card image cap" class="card-img-top" src="./images/Rectangle%2037.png">
  279.                             <div class="card-body">
  280.                                 <h5 class="card-title">Card title</h5>
  281.                                 <p class="card-text">Some quick example text to build on the card title and make up the
  282.                                     bulk
  283.                                     of the card's content.</p>
  284.                                 <a class="btn btn-primary" href="#">Go somewhere</a>
  285.                             </div>
  286.                         </div>
  287.                     </div>
  288.                     <div class="col-3">
  289.                         <div class="card">
  290.                             <img alt="Card image cap" class="card-img-top" src="./images/Rectangle%2038.png">
  291.                             <div class="card-body">
  292.                                 <h5 class="card-title">Card title</h5>
  293.                                 <p class="card-text">Some quick example text to build on the card title and make up the
  294.                                     bulk
  295.                                     of the card's content.</p>
  296.                                 <a class="btn btn-primary" href="#">Go somewhere</a>
  297.                             </div>
  298.                         </div>
  299.                     </div>
  300.                     <div class="col-3">
  301.                         <div class="card">
  302.                             <img alt="Card image cap" class="card-img-top" src="./images/Rectangle%2040.png">
  303.                             <div class="card-body">
  304.                                 <h5 class="card-title">Card title</h5>
  305.                                 <p class="card-text">Some quick example text to build on the card title and make up the
  306.                                     bulk
  307.                                     of the card's content.</p>
  308.                                 <a class="btn btn-primary" href="#">Go somewhere</a>
  309.                             </div>
  310.                         </div>
  311.                     </div>
  312.                     <div class="col-3">
  313.                         <div class="card">
  314.                             <img alt="Card image cap" class="card-img-top" src="./images/Rectangle%2040.png">
  315.                             <div class="card-body">
  316.                                 <h5 class="card-title">Card title</h5>
  317.                                 <p class="card-text">Some quick example text to build on the card title and make up the
  318.                                     bulk
  319.                                     of the card's content.</p>
  320.                                 <a class="btn btn-primary" href="#">Go somewhere</a>
  321.                             </div>
  322.                         </div>
  323.                     </div>
  324.                 </div>
  325.             </div>
  326.         </div>
  327.     </div>
  328.     <div class="container">
  329.         <div class="row">
  330.             <div class="col-8" style="border: 1px solid blueviolet">
  331.                 <form>
  332.                     <div class="form-group">
  333.                         <div>
  334.                             <p class="h1">Доставка из Макдоналдс.
  335.                                 Мы доставляем то, что вы любите!</p>
  336.                             <p>Макдоналдс всегда стремится к тому, чтобы соответствовать ожиданиям своих посетителей. Мы
  337.                                 очень воодушевлены возможностью предоставить новый, удобный и доступный сервис –
  338.                                 МакДоставка, который позволит нашим посетителям наслаждаться своими любимыми продуктами,
  339.                                 не выходя из дома.</p>
  340.                             <p>Сервис по доставке является идеальным продолжением услуг, которые мы предоставляем нашим
  341.                                 посетителям. Мы нацелены на расширение уже существующей географии работы в Алматы и
  342.                                 Астане</p>
  343.                         </div>
  344.                     </div>
  345.                 </form>
  346.             </div>
  347.             <div class="col-4" style="border: 1px solid blueviolet">
  348.                 <div class="row">
  349.                     <div class="col-2">
  350.                         <svg fill="none" height="33" viewBox="0 0 36 33" width="36" xmlns="http://www.w3.org/2000/svg">
  351.                             <path clip-rule="evenodd"
  352.                                  d="M7.13051 26.9367C6.78045 26.5252 6.83531 25.9093 7.25271 25.5651L8.26366 24.7315L8.99836 25.609C11.6357 28.7592 15.5344 30.6156 19.741 30.6156C27.4507 30.6156 33.7007 24.4126 33.7007 16.7608C33.7007 9.10899 27.4507 2.90599 19.741 2.90599C12.0312 2.90599 5.78119 9.10899 5.78119 16.7608H3.48193C3.48193 7.84869 10.7613 0.624023 19.741 0.624023C28.7206 0.624023 36 7.84869 36 16.7608C36 25.6729 28.7206 32.8975 19.741 32.8975C15.2624 32.8975 11.0794 31.0882 8.04924 27.9748C7.76581 27.6836 7.13051 26.9367 7.13051 26.9367Z"
  353.                                  fill="#FFBC0D"
  354.                                  fill-rule="evenodd"/>
  355.                             <path clip-rule="evenodd"
  356.                                  d="M5.42793 16.133C5.87688 16.5786 5.87688 17.3011 5.42793 17.7466C4.97897 18.1922 4.25107 18.1922 3.80211 17.7466L0.673436 14.6415C-0.224479 13.7503 -0.224479 12.3055 0.673436 11.4143L5.42793 16.133Z"
  357.                                  fill="#FFBC0D"
  358.                                  fill-rule="evenodd"/>
  359.                             <path clip-rule="evenodd"
  360.                                  d="M30.9084 16.7606C30.9084 10.6433 25.9043 5.67676 19.7406 5.67676C13.5769 5.67676 8.57275 10.6433 8.57275 16.7606C8.57275 22.8779 13.5769 27.8444 19.7406 27.8444C25.9043 27.8444 30.9084 22.8779 30.9084 16.7606ZM23.1895 20.3465L20.2333 18.1461V11.8707C20.2333 10.6104 19.2039 9.5887 17.934 9.5887V19.2871L23.6493 23.5413C24.4112 22.533 24.2053 21.1027 23.1895 20.3465Z"
  361.                                  fill="#FFBC0D"
  362.                                  fill-rule="evenodd"/>
  363.                         </svg>
  364.                     </div>
  365.                     <div class="col-10 small-class-borders">
  366.                         <p>Время</p>
  367.                         <p>от 30 мин.</p>
  368.                     </div>
  369.                     <div class="col-2">
  370.                         <svg fill="none" height="34" viewBox="0 0 36 34" width="36" xmlns="http://www.w3.org/2000/svg">
  371.                             <g clip-path="url(#clip0)">
  372.                                 <path d="M10.7867 6.72632H0.980957V15.8622H10.7867V6.72632Z" fill="#B69A81"/>
  373.                                 <path d="M10.7867 15.8623H0.980957V18.1817H10.7867V15.8623Z" fill="#FE1414"/>
  374.                                 <path d="M10.7868 8.06714C10.7842 8.06714 10.7683 8.06714 10.7657 8.06714C9.73978 8.06714 8.82461 9.42886 8.22593 11.5567C7.62725 9.42886 6.71208 8.06714 5.68615 8.06714C3.88219 8.06714 2.41846 12.5957 2.41846 18.1816H3.87164C3.87164 12.9945 4.68395 8.79129 5.68615 8.79129C6.68835 8.79129 7.50066 12.6718 7.50066 17.4601H8.95121C8.95121 12.6718 9.76351 8.79129 10.7657 8.79129C10.7683 8.79129 10.7842 8.79129 10.7868 8.79129V8.06714Z"
  375.                                      fill="#FFBC0D"/>
  376.                                 <path d="M10.7867 4.93726H0.980957V6.72664H10.7867V4.93726Z" fill="#C3AB97"/>
  377.                                 <path d="M7.07329 7.50821H4.69439C4.57834 7.50821 4.4834 7.41375 4.4834 7.29831V4.93433H7.28164V7.29831C7.28428 7.41375 7.18933 7.50821 7.07329 7.50821Z"
  378.                                      fill="#FFBC0D"/>
  379.                                 <path d="M17.8971 2.20841C17.8233 1.15366 18.6171 0.256348 19.622 0.256348H21.8084L21.5895 3.34973C21.5895 4.39922 20.7798 5.24669 19.7829 5.24669C18.7859 5.24669 17.9763 4.3966 17.9763 3.34973L17.8971 2.20841ZM29.4013 26.3572C28.9081 27.3464 28.0747 28.1414 26.7851 28.6058C26.7719 28.716 26.7613 28.8288 26.7613 28.9416C26.7613 30.3689 27.9244 31.526 29.3591 31.526C30.7938 31.526 31.9569 30.3689 31.9569 28.9416C31.9622 27.5274 30.8176 26.3809 29.4013 26.3572ZM36 29.2119H33.9719C33.8321 31.6231 31.8224 33.5358 29.3618 33.5358C26.9011 33.5358 24.8914 31.6231 24.7516 29.2119H21.1226C21.5525 28.632 21.9508 28.0574 22.3226 27.5169C26.5266 25.376 27.7741 21.1885 26.487 15.7888C25.9385 15.7915 25.0418 15.7967 24.8229 15.7993C24.4985 15.802 24.2084 15.2851 24.2084 14.8863L26.3024 14.8732C26.458 14.5111 26.8774 14.1936 27.4629 13.9654C22.8132 14.1359 20.9275 12.9159 19.5376 10.9244C18.6224 12.2652 17.9341 13.2937 17.2088 14.9361C26.3341 17.4077 25.6246 21.5086 19.92 29.2119H18.364C21.4233 23.3295 21.2202 20.9025 18.4536 19.937C17.7178 20.8631 16.6655 22.4138 16.5864 23.8201C16.4677 25.9663 17.1455 26.7298 18.0158 27.4881L17.1587 29.2119H15.9982C15.8585 31.6231 13.8488 33.5358 11.3881 33.5358C8.92747 33.5358 6.9178 31.6231 6.77802 29.2119H5.46462C5.44088 25.0795 7.70374 22.2826 10.676 20.6821H0.925714C0.237363 20.2439 0.00527473 19.6615 0 18.9452H11.8576C11.5095 12.7506 13.324 8.32695 16.2488 6.28044C17.8127 5.18634 19.593 6.01807 20.9275 8.3217C22.8211 11.5909 25.8145 12.9132 27.7002 12.887L27.6422 13.8998C28.204 13.7082 28.8897 13.5928 29.6387 13.5875L29.6571 16.7465C29.0532 16.7491 28.4862 16.6809 27.993 16.555C28.7604 18.0689 29.8101 20.5273 29.9684 22.8913C35.433 23.5 36 29.2119 36 29.2119ZM13.9754 29.2119H8.80615C8.94066 30.5132 10.0484 31.5286 11.3908 31.5286C12.7332 31.5286 13.8382 30.5132 13.9754 29.2119Z"
  380.                                      fill="#FFBC0D"/>
  381.                             </g>
  382.                             <defs>
  383.                                 <clipPath id="clip0">
  384.                                     <rect fill="white" height="33.2821" transform="translate(0 0.256348)" width="36"/>
  385.                                 </clipPath>
  386.                             </defs>
  387.                         </svg>
  388.                     </div>
  389.                     <div class="col-10 small-class-borders">
  390.                         <p>Доставка</p>
  391.                         <p>490 тг.</p>
  392.                     </div>
  393.                     <div class="col-2">
  394.                         <svg fill="none" height="46" viewBox="0 0 44 46" width="44" xmlns="http://www.w3.org/2000/svg">
  395.                             <path clip-rule="evenodd"
  396.                                  d="M24.5683 5.89746V24.2501H22.1138V8.34448C22.1138 6.99393 23.2136 5.89746 24.5683 5.89746Z"
  397.                                  fill="#FFBC0D"
  398.                                  fill-rule="evenodd"/>
  399.                             <path clip-rule="evenodd"
  400.                                  d="M18.4321 7.12061V25.4732H20.8867V9.56762C20.8867 8.21708 19.7868 7.12061 18.4321 7.12061Z"
  401.                                  fill="#FFBC0D"
  402.                                  fill-rule="evenodd"/>
  403.                             <path clip-rule="evenodd"
  404.                                  d="M28.25 12.0146C28.25 10.6632 27.151 9.56763 25.7954 9.56763V24.2497H28.25V12.0146Z"
  405.                                  fill="#FFBC0D"
  406.                                  fill-rule="evenodd"/>
  407.                             <path clip-rule="evenodd"
  408.                                  d="M29.4775 14.4617C29.4775 13.1102 30.5765 12.0146 31.9321 12.0146V19.3557L29.4775 21.8027V14.4617Z"
  409.                                  fill="#FFBC0D"
  410.                                  fill-rule="evenodd"/>
  411.                             <path clip-rule="evenodd"
  412.                                  d="M14.7495 12.0146C14.7495 10.6632 15.8484 9.56763 17.2041 9.56763V25.4732H14.7495V12.0146Z"
  413.                                  fill="#FFBC0D"
  414.                                  fill-rule="evenodd"/>
  415.                             <path clip-rule="evenodd"
  416.                                  d="M13.5224 14.4619C13.5224 13.1105 12.4235 12.0149 11.0679 12.0149V23.0265L13.5224 20.5795V14.4619Z"
  417.                                  fill="#FFBC0D"
  418.                                  fill-rule="evenodd"/>
  419.                             <path clip-rule="evenodd"
  420.                                  d="M8 16.9084L10.2714 38.9747C10.3632 39.8665 11.2853 40.4231 12.1205 40.0908C12.1205 40.0908 16.5909 38.3125 21.5 38.3125C26.4091 38.3125 30.8795 40.0908 30.8795 40.0908C31.7147 40.4231 32.6368 39.8665 32.7286 38.9747L35 16.9084H31.3182C31.3182 16.9084 28.8636 23.0112 21.5 23.0112C14.1364 23.0112 11.6818 16.9084 11.6818 16.9084H8Z"
  421.                                  fill="#FFBC0D"
  422.                                  fill-rule="evenodd"/>
  423.                         </svg>
  424.                     </div>
  425.                     <div class="col-10 small-class-borders">
  426.                         <p>Заказ</p>
  427.                         <p>от 0 тг.</p>
  428.                     </div>
  429.                 </div>
  430.             </div>
  431.         </div>
  432.     </div>
  433. </div>
  434.  
  435. <script crossorigin="anonymous"
  436.        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  437.        src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  438. <script crossorigin="anonymous"
  439.        integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
  440.        src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
  441.  
  442. <script>
  443.     $('#recipeCarousel').carousel({
  444.         interval: 4000
  445.     })
  446.  
  447.     $('.carousel .carousel-item').each(function () {
  448.         var minPerSlide = 4;
  449.         var next = $(this).next();
  450.         if (!next.length) {
  451.             next = $(this).siblings(':first');
  452.         }
  453.         next.children(':first-child').clone().appendTo($(this));
  454.  
  455.         for (var i = 0; i < minPerSlide; i++) {
  456.            next = next.next();
  457.            if (!next.length) {
  458.                next = $(this).siblings(':first');
  459.            }
  460.  
  461.            next.children(':first-child').clone().appendTo($(this));
  462.        }
  463.    });
  464. </script>
  465. </body>
  466. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!