UP_Ljubi_Kasa_Gor
/
Zadanie1


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
							<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>автомобили</title>
    <link rel="stylesheet" type="text/css" href="./assets/styles/автомобили.css">
    <link rel="stylesheet" type="text/css" href="./assets/styles/авто2.css">
    <link rel="stylesheet" type="text/css" href="./assets/styles/background.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
</head>
<body>
    <div class="background">
        <img src="assets/imgs/fotka.jpg" alt="background" class="back_img">
            <img src="assets/imgs/fotka.jpg" alt="background" class="back_img">
            <div class="overlay"></div>
    </div>

    <div class="content">
        <div class="navbar">
            <a href="katalog.html">Автомобили</a>
            <a href="mainPage.html">На Главную</a>
        </div>

        <h1>Выберите свой автомобиль</h1>

        <div class="series">
            <div class="navbar">
                <a href="econom.html" id="ekonom">Эконом</a>
                <a href="komfort.html" id="comfort" class="active">Комфорт</a>
                <a href="bisnes.html" id="bizness">Бизнес</a>
                <a href="sportcar.html" id="sportcar">Спорткар</a>
                <a href="electrocar.html" id="electrocar">Электромобили</a>
                <a href="postavka.html" id="postavka" >Поставка</a>
            </div>
        </div>
        <h1 class="in-stock">В наличии</h1>
        <div class="car-cards">
            <div class="car-card">
                <a href="assets/cars/4m2.html">
                <img src="assets/katalog/Комфорт/m2.webp" alt="M2">
                <div class="car-info">
                    <h2>BMW M2</h2>
                    <p>Цена: 7 500 000₽</p>
                    <span class="availability">В наличии 4 шт</span> 
                </div>
                </a>
            </div>
            <div class="car-card">
                <a href="assets/cars/4m4.html">
                <img src="assets/katalog/Комфорт/m4s.webp" alt="M4">
                <div class="car-info">
                    <h2>BMW M4 CS</h2>
                    <p>Цена: 11 700 000₽</p>
                    <span class="availability">В наличии 18 шт</span> 
                </div>
                </a>
            </div>
            <div class="car-card">
                <a href="assets/cars/4m5.html">
                <img src="assets/katalog/Комфорт/m5.webp" alt="M5">
                <div class="car-info">
                    <h2>BMW M5</h2>
                    <p>Цена: 14 490 000₽</p>
                    <span class="availability">В наличии 5 шт</span> 
                </div>
                </a>
            </div>
            <div class="car-card">
                <a href="assets/cars/4m8.html">
                <img src="assets/katalog/Комфорт/m8.webp" alt="M8">
                <div class="car-info">
                    <h2>BMW M8</h2>
                    <p>Цена: 16 390 000₽</p>
                    <span class="availability">В наличии 30 шт</span> 
                </div>
                </a>
            </div>
            <div class="car-card">
                <a href="assets/cars/4a4.html">
                <img src="assets/katalog/Комфорт/a4.png" alt="A4">
                <div class="car-info">
                    <h2>Audi A4</h2>
                    <p>Цена: 7 900 000₽</p>
                    <span class="availability">В наличии 11 шт</span> 
                </div>
                </a>
            </div>
            <div class="car-card">
                <a href="assets/cars/4a3.html">
                <img src="assets/katalog/Комфорт/a3.png" alt="A3">
                <div class="car-info">
                    <h2>Audi A3</h2>
                    <p>Цена: 4 990 000₽</p>
                    <span class="availability">В наличии 7 шт</span> 
                </div>
                </a>
            </div>
            <div class="car-card">
                <a href="assets/cars/4rav4.html">
                <img src="assets/katalog/Комфорт/rav44.webp" alt="RAV4">
                <div class="car-info">
                    <h2>Toyta RAV4</h2>
                    <p>Цена: 8 990 000₽</p>
                    <span class="availability">В наличии 4 шт</span> 
                </div>
                </a>
            </div>
            <div class="car-card">
                <a href="assets/cars/4hijlander.html">
                <img src="assets/katalog/Комфорт/hihlender.png" alt="Highlender">
                <div class="car-info">
                    <h2>Toyta Highlender</h2>
                    <p>Цена: 11 290 000₽</p>
                    <span class="availability">В наличии 9 шт</span> 
                </div>
                </a>
            </div>
        </div>
        <h1 class="in-stock">Под заказ</h1>
        <div class="carousel-container">
            <div class="owl-carousel">
              <div class="item">
                <img src="assets/katalog/komfort/k1.png" alt="1">
              </div>
              <div class="item">
                <img src="assets/katalog/komfort/k2.png" alt="2">
              </div>
      
              <div class="item">
                <img src="assets/katalog/komfort/k3.png" alt="3">
              </div>
              <div class="item">
                <img src="assets/katalog/komfort/k4.png" alt="4">
              </div>
              <div class="item">
                <img src="assets/katalog/komfort/k5.png" alt="5">
              </div>
              <div class="item">
                <img src="assets/katalog/komfort/k6.png" alt="6">
              </div>
            </div>
          </div>
    </div>
    <div class="series centered-button">
        <button id="scrollTopBtn" onclick="topFunction()" title="Вернуться в начало">Наверх</button>
    </div>
    <script src="assets/json/script.js"></script>
    <script src="assets/json/lentaAvto.js"></script>
</body>
</html>