UP_Ljubi_Kasa_Gor
/
Zadanie1


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./assets/styles/style.css">
    <title>AlterAuto</title>
</head>

<body>
    <div class="big_con">
        <header>
            <div class="logo">
                <img src="assets/imgs/logoo.png" alt="logo">
                <div class="line"></div>
                <p class="p16">Официальный поставщик</p>
            </div>

            <div class="requisites">
                <img src="assets/imgs/i-place.svg" alt="place">
                <a href="#map">г. Нижний Новгород, Московское шоссе, д. 1а</a>
                <div class="line"></div>
                <p class="p18">+7 (831) 266-52-00</p>
            </div>

            <button class="opacity">
                <p class="p14">ВЫБРАТЬ ОПЦИЮ</p>
                <div class="arrow">
                    <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_1967_8102)">
                            <path d="M1 19L10.5 10L1 1" stroke="#C78E66" stroke-width="2" />
                        </g>
                        <defs>
                            <clipPath id="clip0_1967_8102">
                                <rect width="12" height="20" fill="white" />
                            </clipPath>
                        </defs>
                    </svg>
                </div>
                <div class="dropdown">
                    <a href="index.html">Авторизация</a>
                    <a href="lifeAkk.html">Личный профиль</a>
                    <a href="katalog.html">Каталог</a>
                    <a href="zvonok.html">Заказать звонок </a>
                    <a href="credit.html">Рассчитать кредит</a>
                    <a href="assets/otziv/otziv.html">Отзывы</a>
                    <a href="team.html">Сотрудники</a>
                    <a href="support.html">Техническая поддержка</a>
                </div>
            </button>
        </header>
    </div>
</body>

<div class="background">
    <img src="assets/imgs/fon.png" alt="background" class="back_img">

    <div class="title">
        <h1>ВАШ КОМФОРТ БЕЗ ГРАНИЦ</h1>
        <h2>Огромный выбор <br> ИМПОРТНЫХ автомобилей</h2>
        <button class="orange">
            <a href="katalog.html"> 
            <p class="p14">ПРОСМОТР КАТАЛОГА</p>  
            <div class="arrow">
                <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 
                    <g clip-path="url(#clip0_1967_8102)">
                        <path d="M1 19L10.5 10L1 1" stroke="#C78E66" stroke-width="2" />
                    </g>
                    <defs>
                        <clipPath id="clip0_1967_8102">
                            <rect width="12" height="20" fill="white" />
                        </clipPath>
                    </defs> 
                </svg>  </a>
            </div> 
        </button>
    </div> 
</div>

    <div class="big_con">
        <div class="advantages">
            <h1>ПРЕИМУЩЕСТВА ПОКУПКИ АВТОМОБИЛЯ В ALTERAUTO </h1>
            <div class="carts">
                <div class="cart">
                    <img src="assets/imgs/i1.svg" alt="i1">
                    <p class="p16">ШИРОКИЙ ВЫБОР</p>
                    <p class="p14">Огромный ассортимент авто разных марок, моделей и комплектаций</p>
                </div>

                <div class="cart">
                    <img src="assets/imgs/i2.svg" alt="i1">
                    <p class="p16">ЛЮБЫЕ ФОРМЫ ОПЛАТЫ</p>
                    <p class="p14">Кредит, рассрочка, наличный и безналичный расчет</p>
                </div>

                <div class="cart">
                    <img src="assets/imgs/i3.svg" alt="i1">
                    <p class="p16">ЩЕДРЫЕ ПОДАРКИ</p>
                    <p class="p14">Полезные подарки и Бонусы в автосалоне на Ваш выбор</p>
                </div>

                <div class="cart">
                    <img src="assets/imgs/i4.svg" alt="i1">
                    <p class="p16">ГАРАНТИЯ КАЧЕСТВА</p>
                    <p class="p14">Тщательно проверяем каждый автомобиль перед продажей</p>
                </div>
            </div>
        </div>
    </div>

    <div class="big_con">
        <div class="cart_car">
            <div class="path1">
                <p class="p16" style="color: #B0B0B0;">НОВЫЙ КРОСС-КУПЕ</p>
                <h1>LEXUS RX 350</h1>
                <h1>выгода до 1 090 000 ₽*</h1>
                <p class="p16">Новый Lexus RX 350 – это больше, чем просто автомобиль.
                     Это  симфония роскоши, мощности и инноваций.
                      Его изысканный дизайн, передовые технологии и безупречные характеристики 
                       делают его идеальным выбором для тех,
                        кто  ценит  не только комфорт,
                        но и исключительное качество, и неповторимый стиль.</p>
                <p class="p16" style="color: #C78E66; padding-bottom: 20px;"></p>
                <div class="conditions">
                    <div class="cond">
                        <img src="assets/imgs/i-fire.svg" alt="icon">
                        <p class="p16" style="padding: 0;">Преимущество до 1 090 000* руб</p>
                    </div>
                    <div class="cond">
                        <img src="assets/imgs/i-light.svg" alt="icon">
                        <p class="p16" style="padding: 0;">Рассрочка от 0% до 30 месяцев</p>
                    </div>
                    <div class="cond">
                        <img src="assets/imgs/i-like.svg" alt="icon">
                        <p class="p16" style="padding: 0;">Зимние шины, шиномонтаж, КАСКО, 3 ТО в подарок</p>
                    </div>
                    <div class="cond">
                        <img src="assets/imgs/i-shield.svg" alt="icon">
                        <p class="p16" style="padding: 0;">Гарантия 7 лет</p>
                    </div>
                </div>
                <div class="btns">
                    <button class="orange">
                        <a href="katalog.html"> 
                        <p class="p14">ПЕРЕЧЕНЬ ПРЕДЛОЖЕНИЙ</p>
                        <div class="arrow">
                            <svg width="12" height="20" viewBox="0 0 12 20" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_1967_8102)">
                                    <path d="M1 19L10.5 10L1 1" stroke="#C78E66" stroke-width="2" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_1967_8102">
                                        <rect width="12" height="20" fill="white" />
                                    </clipPath>
                                </defs>
                            </svg> </a>
                        </div>
                    </button>
                    <button class="opacity">
                        <a href="zvonok.html"> 
                        <p class="p14">ЗАКАЗАТЬ ЗВОНОК</p>
                        <div class="arrow">
                            <svg width="12" height="20" viewBox="0 0 12 20" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_1967_8102)">
                                    <path d="M1 19L10.5 10L1 1" stroke="#C78E66" stroke-width="2" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_1967_8102">
                                        <rect width="12" height="20" fill="white" />
                                    </clipPath>
                                </defs>
                            </svg> </a>
                        </div>
                    </button>
                </div>
            </div>

            <div class="path2">
                <img src="assets/imgs/rx350.jpg" alt="car">
            </div>
        </div>
    </div>

    <section style="background-color: #F2F2F2;">
        <div class="big_con" style="padding-top: 1px;">
            <div class="cart_car">
                <div class="path2">
                    <img src="assets/imgs/camry.jpg" alt="car">
                </div>

                <div class="path1" style="padding-left: 60px;">
                    <p class="p16" style="color: #B0B0B0;">НОВЫЙ СЕДАН</p>
                    <h1 style="color: black;">TOYOTA CAMRY</h1>
                    <h1 style="color: black;">выгода до 1 090 000 ₽*</h1>
                    <p class="p16" style="color: black;">Новая Toyota Camry – это воплощение элегантности и комфорта,
                         сочетающее в себе передовые технологии и непревзойденные ходовые качества. 
                         Она создана для тех, кто ценит стиль и динамику,
                         предоставляя идеальное сочетание  утонченного дизайна 
                         и мощных  характеристик..</p>
                    <div class="conditions">
                        <div class="cond">
                            <img src="assets/imgs/i-fire.svg" alt="icon">
                            <p class="p16" style="padding: 0; color: black;">Преимущество до 1 090 000* руб</p>
                        </div>
                        <div class="cond">
                            <img src="assets/imgs/i-light.svg" alt="icon">
                            <p class="p16" style="padding: 0; color: black;">Рассрочка от 0% до 30 месяцев</p>
                        </div>
                        <div class="cond">
                            <img src="assets/imgs/i-like.svg" alt="icon">
                            <p class="p16" style="padding: 0; color: black;">Зимние шины, шиномонтаж, КАСКО, 3 ТО в
                                подарок
                            </p>
                        </div>
                        <div class="cond">
                            <img src="assets/imgs/i-shield.svg" alt="icon">
                            <p class="p16" style="padding: 0; color: black;">Гарантия 7 лет</p>
                        </div>
                    </div>
                    <div class="btns">
                        <button class="orange">
                            <a href="zvonok.html"> 
                            <p class="p14">ПОЛУЧИТЬ ПРЕДЛОЖЕНИЕ</p>
                            <div class="arrow">
                                <svg width="12" height="20" viewBox="0 0 12 20" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_1967_8102)">
                                        <path d="M1 19L10.5 10L1 1" stroke="#C78E66" stroke-width="2" />
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_1967_8102">
                                            <rect width="12" height="20" fill="white" />
                                        </clipPath>
                                    </defs>
                                </svg> </a>
                            </div>
                        </button>
                        <button class="black">
                            <a href="katalog.html"> 
                            <p class="p14">ВЫБРАТЬ КОМПЛЕКТАЦИЮ</p>
                            <div class="arrow">
                                <svg width="12" height="20" viewBox="0 0 12 20" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_1967_8102)">
                                        <path d="M1 19L10.5 10L1 1" stroke="#C78E66" stroke-width="2" />
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_1967_8102">
                                            <rect width="12" height="20" fill="white" />
                                        </clipPath>
                                    </defs>
                                </svg> </a>
                            </div>
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="big_con">
            <div class="test_drive">
                <div class="question">
                    <h1>НЕ МОЖЕТЕ ОПРЕДЕЛИТЬСЯ?</h1>
                    <p class="p16">ЗАПИШИТЕСЬ НА ТЕСТ-ДРАЙВ!</p>
                </div>
                <div class="block_data">
                    <div class="data">
                        <button class="black">
                            <a href="zvonok.html"> 
                            <p class="p14">ЗАКАЗАТЬ ЗВОНОК</p>
                        </button>
                    </a>
                        <button class="black">
                            <a href="testDrive.html"> 
                            <p class="p14">ЗАПИСАТЬСЯ НА ТЕСТ-ДРАЙВ</p>
                        </button>
                    </a>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <div class="map" id="map">
        <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Afdfa194cd4d629f4f06983ece2f3ce46e702b7a28ceaa80a6081d7d696fe3d13&amp;source=constructor" 
        width="100%" height="505" frameborder="0"></iframe>
        <div class="location">
            <div class="logo">
                <img src="assets/imgs/logoo.png" alt="logo">
                <div class="line"></div>
                <p class="p16">AlterAuto<br>Официальный поставщик</p>
            </div>

            <div class="requisites">
                <div class="address">
                    <img src="assets/imgs/i-place.svg" alt="">
                    <p class="p14">г. Нижний Новгород, Московское шоссе, д. 1а</p>
                </div>
                <p class="p16" style="padding-bottom: 10px;">Отдел продаж, Сервис</p>
                <p class="p16">+7 (831) 266-11-24</p>
                <div class="mode_work">
                    <img src="assets/imgs/i-calendar.svg" alt="calendar">
                    <div class="time">
                        <p class="p14">Режим работы</p>
                        <p class="p16">с 9:00 до 21:00</p>
                    </div>
                </div>
            </div>

            <button class="orange">
                <a href="zvonok.html">
                <p class="p14">ОБРАТНЫЙ ЗВОНОК</p>
            </a>
                <div class="arrow">
                    <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_1967_8102)">
                            <path d="M1 19L10.5 10L1 1" stroke="#C78E66" stroke-width="2" />
                        </g>
                        <defs>
                            <clipPath id="clip0_1967_8102">
                                <rect width="12" height="20" fill="white" />
                            </clipPath>
                        </defs>
                    </svg>
                </div>
            </button>
        </div>
    </div>

    <footer>
        <div class="big_con">
            <div class="data_foot">
                <p class="p18">EXROCAR - ПОЛУЧАЙТЕ УДОВОЛЬСТВИЕ ОТ ПОКУПКИ АВТОМОБИЛЯ!</p>
                <nav>
                    <a href="electrocar.html">ELECTROCARS</a>
                    <a href="support.html">О НАС</a>
                    <a href="sportcar.html">SPORTCARS</a>
                    <a href="katalog.html">ЦЕНЫ</a>
                    <a href="credit.html">РАССЧЕТ КРЕДИТА</a>
                    <div class="icons">
                        <a href="https://vk.com/" class="i"><svg width="27" height="27" viewBox="0 0 27 27" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M13.3333 0C11.5824 0 9.84856 0.344877 8.23089 1.01494C6.61321 1.685 5.14336 2.66713 3.90524 3.90524C1.40476 6.40573 0 9.79711 0 13.3333C0 16.8696 1.40476 20.2609 3.90524 22.7614C5.14336 23.9995 6.61321 24.9817 8.23089 25.6517C9.84856 26.3218 11.5824 26.6667 13.3333 26.6667C16.8696 26.6667 20.2609 25.2619 22.7614 22.7614C25.2619 20.2609 26.6667 16.8696 26.6667 13.3333C26.6667 11.5824 26.3218 9.84856 25.6517 8.23089C24.9817 6.61321 23.9995 5.14336 22.7614 3.90524C21.5233 2.66713 20.0535 1.685 18.4358 1.01494C16.8181 0.344877 15.0843 0 13.3333 0ZM4.66667 8.66667H6.66667C7.14667 8.66667 7.33333 8.88 7.52 9.42667C8.48 12.2267 10.0933 14.6667 10.76 14.6667C11.0133 14.6667 11.1333 14.56 11.1333 13.9333V11.04C11.0533 9.70667 10.3467 9.58667 10.3467 9.12C10.3467 8.89333 10.5333 8.66667 10.8533 8.66667H13.9333C14.36 8.66667 14.4933 8.89333 14.4933 9.38667V13.28C14.4933 13.6933 14.6667 13.84 14.8 13.84C15.0533 13.84 15.2667 13.6933 15.72 13.24C17.1333 11.6533 18.1333 9.22667 18.1333 9.22667C18.2667 8.93333 18.4933 8.66667 18.9867 8.66667H20.9467C21.5467 8.66667 21.68 8.97333 21.5467 9.38667C21.2933 10.5333 18.9067 13.9067 18.9067 13.9067C18.6667 14.24 18.6133 14.4 18.9067 14.7867C19.1067 15.0667 19.8 15.6533 20.2533 16.2C21.1067 17.1467 21.7333 17.9467 21.92 18.4933C22.08 19.0533 21.8 19.3333 21.24 19.3333H19.2667C18.52 19.3333 18.3067 18.7333 16.9733 17.4C15.8 16.28 15.3333 16.1333 15.0133 16.1333C14.6133 16.1333 14.4933 16.24 14.4933 16.8133V18.5733C14.4933 19.0533 14.3467 19.3333 13.0933 19.3333C11.0133 19.3333 8.72 18.0667 7.10667 15.7333C4.66667 12.32 4 9.74667 4 9.22667C4 8.93333 4.10667 8.66667 4.66667 8.66667Z"
                                    fill="white" />
                            </svg></a>
                        <a href="https://weba.telegram.org/" class="i"><svg width="28" height="27" viewBox="0 0 28 27"
                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M14.0001 0C6.64008 0 0.666748 5.97333 0.666748 13.3333C0.666748 20.6933 6.64008 26.6667 14.0001 26.6667C21.3601 26.6667 27.3334 20.6933 27.3334 13.3333C27.3334 5.97333 21.3601 0 14.0001 0ZM20.1867 9.06667C19.9867 11.1733 19.1201 16.2933 18.6801 18.6533C18.4934 19.6533 18.1201 19.9867 17.7734 20.0267C17.0001 20.0933 16.4134 19.52 15.6667 19.0267C14.4934 18.2533 13.8267 17.7733 12.6934 17.0267C11.3734 16.16 12.2267 15.68 12.9867 14.9067C13.1867 14.7067 16.6001 11.6 16.6667 11.32C16.676 11.2776 16.6748 11.2336 16.6632 11.1917C16.6515 11.1499 16.6299 11.1116 16.6001 11.08C16.5201 11.0133 16.4134 11.04 16.3201 11.0533C16.2001 11.08 14.3334 12.32 10.6934 14.7733C10.1601 15.1333 9.68008 15.32 9.25341 15.3067C8.77341 15.2933 7.86675 15.04 7.18675 14.8133C6.34675 14.5467 5.69341 14.4 5.74675 13.9333C5.77341 13.6933 6.10675 13.4533 6.73342 13.2C10.6267 11.5067 13.2134 10.3867 14.5067 9.85333C18.2134 8.30667 18.9734 8.04 19.4801 8.04C19.5868 8.04 19.8401 8.06667 20.0001 8.2C20.1334 8.30667 20.1734 8.45333 20.1867 8.56C20.1734 8.64 20.2001 8.88 20.1867 9.06667Z"
                                    fill="white" />
                            </svg>
                        </a>
                    </div>
                </nav>
                <hr />
                <div class="info">
                    <p class="p14">ООО “AlterAuto”, ИНН 7708379460, ОГРН 1207700181732 <br> ЮРИДИЧЕСКИЙ АДРЕС: г. МОСКВА,
                        ВН.ТЕР.Г. МУНИЦИПАЛЬНЫЙ ОКРУГ БЕГОВОЙ, ПРАВДЫ ул., д. 8, к. 7, пом.1/2.</p>
                    <p class="p14" style="color: #878787;">Данный сайт носит информационный характер и ни при каких
                        условиях материалы и цены,
                        размещенные на сайте, не являются публичной офертой.</p>
                </div>
                <hr />
                <div class="copyright">
                    <p class="p14">© 2024, AlterAuto</p>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>