advogrand-grid/index.html

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

<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>Advogrand Grid CSS</title>
    <!-- Styles CSS -->
    <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-content">
                <div class="header-content_top">
                    <nav>
                        <ul>
                            <li class="header-telephone"><a href="#">+7 499 322-85-80</a></li>
                            <li><a href="#">Как мы работаем</a></li>
                            <li><a href="#">Преимущества</a></li>
                            <li><a href="#">Отзывы</a></li>
                            <li><a href="#">Тарифы</a></li>
                            <li><a href="#">Партнеры</a></li>
                            <li><a href="#">Контакты</a></li>
                            <button class="header-btn_call">Перезвоните мне</button>
                        </ul>
                    </nav>
                </div>
                <div class="header-content_bottom">
                    <div class="header-bottom_logo">
                        <img src="src/img/header-logo.png" alt="Advogrand">
                    </div>
                    <div class="header-bottom_text">
                        <span>Ваш личный юрист всегда на связи</span>
                    </div>
                    <div class="header-bottom_info">
                        <a href="#">+7 499 322-85-80</a>
                        <div class="android">
                            <a href="#"></a>
                        </div>
                        <div class="apple">
                            <a href="#"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <section id="first">
            <div class="container">
                <div class="section-first_wrap">
                    <h1>Годовой абонемент на услуги <br><span>«личного юриста»</span></h1>
                    <p>
                        24 часа в сутки Ваш личный юрист<br> – <b>Advogrand</b> на связи<br>
                        всего <b>за 12 рублей в день</b>
                    </p>
                    <form action="#">
                        <button type="submit" class="btn-red">Хочу «личного юриста»!</button>
                    </form>
                </div>
            </div>
        </section>
        <section id="services">
            <div class="container">
                <h2>Услуги предоставляемые сервисом Advogrand</h2>
                <div class="section-services_wrap">
                    <div>
                        <p>Устные <br>консультации</p>
                    </div>
                    <div>
                        <p>Звонок <br>юриста</p>
                    </div>
                    <div>
                        <p>Модели <br>договора</p>
                    </div>
                    <div>
                        <p>Устные <br>бизнес-консультации</p>
                    </div>
                    <div>
                        <p>Содействие <br>в переговорах</p>
                    </div>
                    <div>
                        <p>Обзор изменений <br> в законодательстве</p>
                    </div>
                    <div>
                        <p>Письменные <br>консультации</p>
                    </div>
                    <div>
                        <p>Консультации <br>в отношении третьих лиц</p>
                    </div>
                    <div>
                        <p>Все области <br>права</p>
                    </div>

                </div>
            </div>
        </section>
        <section id="about">
            <div class="container">
                <h2>О сервисе Advogrand</h2>
                <p>
                    В составе нашей команды трудятся профессионалы, имеющие огромный опыт реальной юридической практики.
                    Благодаря этому мы всегда можем найти юридически верное решение, защищающее интересы, сглаживающее
                    конфликтные ситуации.

                    Наше абонентское обслуживание позволяет сохранить нашим клиентам время, деньги и душевное
                    спокойствие,
                    ведь ваши интересы находятся под круглосуточной защитой «личного адвоката».

                </p>
                <p>
                    Наше абонентское обслуживание позволяет сохранить нашим клиентам время, деньги и душевное
                    спокойствие,
                    ведь ваши интересы находятся под круглосуточной защитой «личного адвоката».
                </p>
                <div class="section-about_wrap">
                    <div class="section-about_feature">
                        <p><span>9</span><br>лет на российском<br> рынке</p>
                    </div>
                    <div class="section-about_feature">
                        <p><span>289</span><br>квалифицированных<br> специалистов</p>
                    </div>
                    <div class="section-about_feature">
                        <p><span>>2,5 млн.</span><br>решенных вопросов</p>
                    </div>
                    <div class="section-about_feature">
                        <p><span>3</span><br>работаем<br> в 3-х странах мира</p>
                    </div>
                </div>
            </div>
        </section>
        <section id="turn">
            <div class="container">
                <h2>Как называется услуга</h2>
                <div class="section-turn_wrap">
                    <div class="section-turn_feature">
                        <div class="wrap-img_feature">
                            <img src="src/img/turn/1.png" alt="#">
                        </div>
                        <p>
                            Появился вопрос –
                            звоните по бесплатному номеру
                        </p>
                    </div>
                    <div class="section-turn_feature">
                        <div class="wrap-img_feature">
                            <img src="src/img/turn/2.png" alt="#">
                        </div>
                        <p>
                            Описываете ситуацию –
                            получаете ответ в течении 15 минут
                        </p>
                    </div>
                    <div class="section-turn_feature">
                        <div class="wrap-img_feature">
                            <img src="src/img/turn/3.png" alt="#">
                        </div>
                        <p>
                            <b>Ваш вопрос решен!</b>
                        </p>
                    </div>
                </div>
            </div>
        </section>
    </main>
</body>

</html>