belazi-landing/index.html

<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Belazi Landing</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-grid.min.css">
    <!-- Styles -->
    <link rel="stylesheet" href="./src/styles/style.css">
    <link rel="stylesheet" href="./src/styles/media.css">
</head>

<body>

    <header>
        <div class="container">
            <div class="header-wrap">
                <div class="header-wrap__logo">
                    <a href="#">
                        <img src="./src/img/header/header-logo.png" alt="#">
                    </a>
                </div>
                <div class="header-wrap__opening">
                    <p>
                        c 9:00 до 21:00<br>
                        <span>без выходных</span>
                    </p>
                </div>
                <div class="header-wrap__info">
                    <p>
                        +7 (818) 247-47-25<br>
                        +7(818) 247-47-25
                    </p>
                    <a href="#">
                        <button>Заказать звонок</button>
                    </a>
                </div>
            </div>
        </div>
    </header>
    <main>
        <section id="info">
            <div class="container">
                <div class="row no-gutter">
                    <div class="col-lg-6">
                        <div class="info-wrap">
                            <div class="info-wrap__card">
                                <div class="info-card__title">
                                    <h1>Оригинальные<br>
                                        запчасти<br>
                                        для Белаз
                                    </h1>
                                </div>
                                <div class="info-card__description">
                                    <p>
                                        с бесплатной доставкой <br>в Ваш город!
                                    </p>
                                </div>
                                <div class="info-card__advantages">
                                    <div class="info-advantages__item">
                                        <p>
                                            Дилерские цены - ниже на 20%,<br> работаем без посредников!
                                        </p>
                                    </div>
                                    <div class="info-advantages__item">
                                        <p>
                                            Срочная бесплатная доставка<br>
                                            за 7 дней
                                        </p>
                                    </div>
                                    <div class="info-advantages__item">
                                        <p>
                                            Даем рассрочку<br>
                                            6 месяцев
                                        </p>
                                    </div>
                                    <div class="info-advantages__item">
                                        <p>
                                            Даем гарантию<br>
                                            от 12 месяцев
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section id="price">
            <div class="container">
                <h2>Получите прайс прямо сейчас<br>
                    на электронную почту!
                </h2>
                <div class="row">
                    <div class="col-lg-8 offset-lg-4">
                        <div class="wrap-price">
                            <div class="wrap-price__form">
                                <form action="#">
                                    <div class="form-price__input">
                                        <input required placeholder="Введите ваш e-mail" type="text">
                                        <input required placeholder="Введите ваш телефон" type="text">
                                    </div>
                                    <div class="form-price__submit">
                                        <div class="form-submit__description">
                                            <p>
                                                Прайс придет к Вам на почту<br>
                                                в течение 5 минут!
                                            </p>
                                        </div>
                                        <button type="submit">Получить прайс</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section id="advantages">
            <div class="container">
                <h2>Вам не придется ждать!</h2>
                <div class="title-desctiprion">
                    <p>
                        Любые запчасти для всех моделей Белаз<br>
                        всегда в наличии!
                    </p>
                </div>
                <div class="row wrap-advantages">
                    <div class="col-lg-3 col-sm-6">
                        <div class="wrap-advantages__card">
                            <div class="advantages-card__img">
                                <img src="./src/img/main-advantages/icon-1.png" alt="#">
                            </div>
                            <div class="advantages-card__description">
                                <p>
                                    Все модификации Белаз<br>
                                    от 45т до 450 т
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="wrap-advantages__card">
                            <div class="advantages-card__img">
                                <img src="./src/img/main-advantages/icon-2.png" alt="#">
                            </div>
                            <div class="advantages-card__description">
                                <p>
                                    Отгружаем в день заказа!
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="wrap-advantages__card">
                            <div class="advantages-card__img">
                                <img src="./src/img/main-advantages/icon-3.png" alt="#">
                            </div>
                            <div class="advantages-card__description">
                                <p>
                                    Любые типы деталей<br>
                                    от шайбы до двигателя!
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="wrap-advantages__card">
                            <div class="advantages-card__img">
                                <img src="./src/img/main-advantages/icon-4.png" alt="#">
                            </div>
                            <div class="advantages-card__description">
                                <p>
                                    Доставим в любое место!
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <!-- Index Js -->
    <script src="./src/js/index.js"></script>
</body>

</html>