Допоможіть знайти помилку

Код не працюю, допоможіть знайти помилку. Таблиця стилів також є

<!DOCTYPE html>

<html lang="ru">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <title>Document</title>

  <link rel="stylesheet" href="css/normalize.css">

  <link rel="stylesheet" href="css/slick.css">

  <link rel="stylesheet" href="css/fonts.css">

  <link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="css/style.css">

</head>

<body>

  <header class="header">

   <div class="header_top">

  <div class="container">

<div class="header_top-inner">

  <nav class="menu">

    <ul class="menu_list">

      <li class="menu_item">

        <a class="menu_link"href="#">

        Магазины

        </a>

      </li>

      <li class="menu_item">

        <a class="menu_link"href="#">

        Акции

        </a>

      </li>

      <li class="menu_item">

        <a class="menu_link"href="#">

          Доставка и оплата      

        </a>

      </li>

    </ul>

  </nav>

<a class="logo" href="#">

   <img class="logo_img" src="images/logo.svg" alt="">

</a>

<div class="header_box">

<p class="header_adress">

  Днепр,  ул. Науки  25

</p>

<ul class="user-list">

  <li class="user-list_item">

<a  class="user-list_link" href="#">

  <img src="images/heart.svg" alt="">

</a>

  </li>

  <li class="user-list_item">

<a class="user-list_link" href="#">

  <img src="images/user.svg" alt="">

</a>

  </li>

  <li class="user-list_item">

<a class="user-list_link basket" href="#">

   <img src="images/basket.svg" alt="">

   <p class="basket_num">1</p>

</a>  

  </li>

</ul>

</div>

</div>

  </div>

   </div>

   <div class="header_bottom">

<div class="container">

       <ul class="menu-categories">

     <li class="menu-categories_item">

       <a  class="menu-categories_link"href="#">Квадроциклы</a>

    </li>

     <li class="menu-categories_item">

       <a  class="menu-categories_link"href="#">Катера</a>

    </li>

     <li class="menu-categories_item">

       <a  class="menu-categories_link"href="#">Гидроциклы</a>

    </li>

     <li class="menu-categories_item">

       <a  class="menu-categories_link"href="#">Лодки</a>

    </li>

     <li class="menu-categories_item">

       <a  class="menu-categories_link"href="#">Вездеходы</a>

    </li>

     <li class="menu-categories_item">

       <a  class="menu-categories_link"href="#">Снегоходы</a>

    </li>

     <li class="menu-categories_item">

       <a  class="menu-categories_link"href="#">Двигатели</a>

    </li>

     <li class="menu-categories_item">

       <a  class="menu-categories_link"href="#">Запчасти</a>

    </li>

       </ul>

     </div>

</div>

  </header>

  <section class="banner-section page-section">

    <div class="container">

      <div class="banner-section_inner">

        <div class="banner-section_slider">

          <a class="banner-section_slider-item"href="#">

            <img  class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">

          </a>

          <a class="banner-section_slider-item"href="#">

            <img  class="banner-section_slider-img"src="images/banner-slider.jpg" alt="">

          </a>

          <a class="banner-section_slider-item"href="#">

            <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">

          </a>

          <a class="banner-section_slider-item"href="#">

            <img  class="banner-section_slider-img"src="images/banner-slider.jpg" alt="">

          </a>

          <a class="banner-section_slider-item"href="#">

            <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">

          </a>

          <a class="banner-section_slider-item"href="#">

            <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">

          </a>

          <a class="banner-section_slider-item"href="#">

            <img class="banner-section_slider-img" src="images/banner-slider.jpg" alt="">

        </a>

        </div>

        <a class="banner-section_item sale-item" href="#">

         <div class="sale-item_top">

           <p class="sale-item_info">

             акция

           </p>

           <div class="sale-item_price">

             <div class="price sale-item_price-new">190 000</div>

             <div class="price sale-item_price-old">226 000</div>

           </div>

         </div>

         <img class="sale-item_img" src="images/content/sale-1.png" alt="">

         <h5 class="sale-item_title">

           Лодочный мотор

           Suzuki DF9.98RS

         </h5>

         <P class="sale-item_footer">

           Акция действует до

           <span>31.08.2024</span>

         </P>

        </a>

      </div>

    </div>

  </section>


 

  <section class="search page-section">

    <div class="container">

      <div class="search_inner">

        <div class="search_tabs">

          <a  class="tab search_tabs-item tab--active" href="#tab-1">Поиск по номеру</a>

          <a  class="tab search_tabs-item" href="#tab-2">Поиск по марке</a>

          <a  class="tab search_tabs-item" href="#tab-3">Поиск по названию товара</a>

        </div>

        <div class="search_content">

          <div id="tab-1" class="tabs-content search_content-item tabs-content--active">

            <form class="search_content-form">

              <input  class="search_content-input" type="text" placeholder="Введите номер">

              <button class="search_content-btn"  type="submit">искать</button>

            </form>

          </div>

          <div id="tab-2" class="tabs-content search_content-item">

            <form class="search_content-form">

              <input  class="search_content-input" type="text" placeholder="Введите марку">

              <button class="search_content-btn"  type="submit">искать</button>

            </form>

          </div>

          <div id="tab-3" class="tabs-content search_content-item">

            <form class="search_content-form">

              <input  class="search_content-input" type="text" placeholder="Введите название товара">

              <button class="search_content-btn"  type="submit">искать</button>

            </form>

          </div>

      </div>

    </div>

  </section>

   

  <section class="categories page-section">

   <div class="container">

     <div class="categories_inner">

       <a class="categories_item" href="#">

        <div class="categories_item-info">

          <h4 class="categories_item-title">Квадроциклы</h4>

          <p class="categories_item-text">Подробнее</p>

        </div>

        <div class="categories_item-img">

          <img src="images/categories-1.png" alt="">

        </div>

       </a>

       <a class="categories_item" href="#">

        <div class="categories_item-info">

          <h4 class="categories_item-title">Гидроциклы</h4>

          <p class="categories_item-text">Подробнее</p>

        </div>

        <div class="categories_item-img">

          <img src="images/categories-2.png" alt="">

        </div>

       </a>

       <a class="categories_item" href="#">

        <div class="categories_item-info">

          <h4 class="categories_item-title">Катера</h4>

          <p class="categories_item-text">Подробнее</p>

        </div>

        <div class="categories_item-img">

          <img src="images/categories-3.png" alt="">

        </div>

       </a>

       <a class="categories_item" href="#">

        <div class="categories_item-info">

          <h4 class="categories_item-title">Снегоходы</h4>

          <p class="categories_item-text">Подробнее</p>

        </div>

        <div class="categories_item-img">

          <img src="images/categories-4.png" alt="">

        </div>

       </a>

       <a class="categories_item" href="#">

        <div class="categories_item-info">

          <h4 class="categories_item-title">Вездеходы</h4>

          <p class="categories_item-text">Подробнее</p>

        </div>

        <div class="categories_item-img">

          <img src="images/categories-5.png" alt="">

        </div>

       </a>

       <a class="categories_item" href="#">

        <div class="categories_item-info">

          <h4 class="categories_item-title">Двигатели</h4>

          <p class="categories_item-text">Подробнее</p>

        </div>

        <div class="categories_item-img">

          <img src="images/categories-6.png" alt="">

        </div>

       </a>

     </div>

   </div>

  </section>


 

<section class="products">

   <div class="container">

     <div class="products_inner">

       <div class="tabs-wrapper">

        <div class="tabs products_tabs">

          <a class="tab tab--active products_tab" href="#">запчасти </a>

          <a class="tab  products_tab" href="#">моторы</a>

          <a class="tab  products_tab" href="#"> шины</a>

          <a class="tab  products_tab" href="#"> электроника</a>

          <a class="tab  products_tab" href="#"> инструменты</a>

          <a class="tab  products_tab" href="#"> аксессуары</a>

        </div>

       </div>

      <div class="tabs-container products_container">

        <div class="tabs-content products_content tabs-content--active"></div>

        <div class="tabs-content products_content">

          <div class="product-slider">

            <div class="product-slider_item">

              <div class="product-item_wrapper product-item_not-available">

                <button class="product-item_favorite"></button>

                  <button class="product-item_basket">

                    <img src="images/basket-white.svg" alt="">

                    </button>

                    <a class="product-item_notify-link" href="#">Сообщить о поступлении</a>

                    <a class="product-item product-item--sale" href="#">

                    <p class="product-item_hover-text">

                      посмотреть товар

                    </p>

                  <img class="product-item_img" src="images/content/product-1.png" alt="">

                  <h4 class="product-item_title">

                   Водонепронецаемый рюкзак

                  </h4>

                  <p class="price product-item_price">

                    9 800 ₴

                  </p>

                  <p class="product-item_notify-text">

                    нет в наличии

                  </p>

                </a>

              </div>

            </div>

          </div>

        </div>

        <div class="tabs-content products_content"></div>

        <div class="tabs-content products_content"></div>

        <div class="tabs-content products_content"></div>

        <div class="tabs-content products_content"></div>

        <div class="tabs-content products_content"></div>

      </div>

      </div>

     </div>

   </div>

</section>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

  <script src="js/slick.min.js"></script>

  <script src="js/main.js"></script>

</body>

</html>

0 комментариев
Сортировка:
Добавить комментарий

IT Новости