mirror of
https://github.com/sergeyyarkov/advogrand-grid.git
synced 2026-10-11 02:09:21 +03:00
239 lines
12 KiB
HTML
239 lines
12 KiB
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>
|
||
<section id="advantage">
|
||
<div class="container">
|
||
<h2>
|
||
Преимущество сервиса Advogrand <br>
|
||
по сравнению с другими юридическими компаниями
|
||
</h2>
|
||
<div class="section-advantage_wrap">
|
||
<div class="advantage-cards">
|
||
<div class="card-info">
|
||
<div class="card-content">
|
||
<ul>
|
||
<li>Одна консультация</li>
|
||
<li>Дополнительные услуги</li>
|
||
<li>Решение вопроса</li>
|
||
<li>Время работы</li>
|
||
<li>Оплата</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="card-advogrand">
|
||
<div class="card-title">
|
||
<span>Advogrand</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<ul>
|
||
<li>От 120 руб</li>
|
||
<li>Входят в абонемент</li>
|
||
<li>По телефону</li>
|
||
<li>Круглосуточно</li>
|
||
<li>Всего 1 раз в год</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="card-other">
|
||
<div class="card-title">
|
||
<span>Юридические компании</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<ul>
|
||
<li>Более 1000 руб</li>
|
||
<li>Оплачиваются отдельно</li>
|
||
<li>В офисе</li>
|
||
<li>С 9:00 до 18:00</li>
|
||
<li>Каждый раз при обращении</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="advantage-users">
|
||
<div class="users-title">
|
||
<span>Нашими услугами уже пользуются:</span>
|
||
</div>
|
||
<div class="users-list">
|
||
<ul>
|
||
<li><span>208 000</span> - мужчин</li>
|
||
<li><span>137 000</span> - женщин</li>
|
||
<li><span>63 000</span> - семейных пар</li>
|
||
<li><span>13 500</span> - предпринимателей</li>
|
||
</ul>
|
||
</div>
|
||
<form action="#">
|
||
<button type="submit" class="btn-red">Узнать больше!</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
|
||
</html> |