206 lines
11 KiB
HTML
206 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Landing_Figma</title>
|
||
<link rel="stylesheet" href="reset.css">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<div class="wrapper">
|
||
<header class="header_top">
|
||
<div class="header_top_inner">
|
||
<div class="header_top_wrapper">
|
||
<a class="logo_link" href="#"><img class="logo_img" src="/images/header_top/logo.png" alt="logo"></a>
|
||
<div class="header_nav_top">
|
||
<!-- 1 -->
|
||
<div class="header_top_item">
|
||
<a class="header_top_link" href="#">
|
||
Главная
|
||
</a>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div class="header_top_item">
|
||
<a class="header_top_link" href="#">
|
||
Услуги
|
||
</a>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div class="header_top_item">
|
||
<a class="header_top_link" href="#">
|
||
Проекты
|
||
</a>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div class="header_top_item">
|
||
<a class="header_top_link" href="#">
|
||
О нас
|
||
</a>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div class="header_top_item">
|
||
<a class="header_top_link" href="#">
|
||
Контакты
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="header_call">
|
||
<div class="header_call_tel">
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M13.6005 12.5221C11.2055 15.0421 5.09652 8.98811 7.50052 6.45811C8.96852 4.91311 7.31052 3.14811 6.39252 1.84911C4.66952 -0.585887 0.888521 2.77611 1.00252 4.91511C1.36552 11.6611 8.66252 19.6551 15.7285 18.9571C17.9385 18.7391 20.4785 14.7471 17.9435 13.2881C16.6755 12.5581 14.9345 11.1181 13.6005 12.5211" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
<a href="tel:+7(495)859-21-36" class="header_tel_link">+7(495)859-21-36</a>
|
||
</div>
|
||
<button class="header_call_btn">
|
||
<div class="header_call_text">Оставить заявку</div>
|
||
<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M1 8.22851L17 8.22852M17 8.22852L10 1.22852M17 8.22852L10 15.2285" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="header_top_list">
|
||
<div class="header_nav">
|
||
<!-- 1 -->
|
||
<div class="header_nav_item">
|
||
<a class="header_nav_link" href="#">Яндекс продвижение</a>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div class="header_nav_item">
|
||
<a class="header_nav_link" href="#">Google продвижение</a>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div class="header_nav_item">
|
||
<a class="header_nav_link" href="#">Разработка сайтов</a>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div class="header_nav_item">
|
||
<a class="header_nav_link" href="#">Интернет-магазины</a>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div class="header_nav_item">
|
||
<a class="header_nav_link" href="#">Мобильные приложения</a>
|
||
</div>
|
||
<!-- 6 -->
|
||
<div class="header_nav_item">
|
||
<a class="header_nav_link" href="#">Брендинг</a>
|
||
</div>
|
||
<!-- 7 -->
|
||
<div class="header_nav_item">
|
||
<a class="header_nav_link" href="#">SEO-продвижение</a>
|
||
</div>
|
||
<!-- 8 -->
|
||
<div class="header_nav_item">
|
||
<a class="header_nav_link" href="#">Лендинги</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="header_body">
|
||
<div class="header_body_inner">
|
||
<div class="header_body_top">
|
||
<div class="header_body_heading">
|
||
Продвижение сайтов в Москве
|
||
<img class="header_header_img" src="/images/header_body/maps.png" alt="maps">
|
||
Гарантия роста позиций в Яндексе и Google
|
||
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M39.7585 19.6591H34.7779C34.0728 13.6922 29.3408 8.96017 23.3738 8.25505V3.27443C23.3738 3.09509 23.2271 2.94836 23.0477 2.94836H20.6023C20.4229 2.94836 20.2762 3.09509 20.2762 3.27443V8.25505C14.3092 8.96017 9.57723 13.6922 8.87212 19.6591H3.89149C3.71216 19.6591 3.56543 19.8059 3.56543 19.9852V22.4307C3.56543 22.61 3.71216 22.7567 3.89149 22.7567H8.87212C9.57723 28.7237 14.3092 33.4557 20.2762 34.1608V39.1414C20.2762 39.3208 20.4229 39.4675 20.6023 39.4675H23.0477C23.2271 39.4675 23.3738 39.3208 23.3738 39.1414V34.1608C29.3408 33.4557 34.0728 28.7237 34.7779 22.7567H39.7585C39.9378 22.7567 40.0846 22.61 40.0846 22.4307V19.9852C40.0846 19.8059 39.9378 19.6591 39.7585 19.6591ZM21.825 31.1529C16.3308 31.1529 11.8801 26.7021 11.8801 21.2079C11.8801 15.7138 16.3308 11.263 21.825 11.263C27.3192 11.263 31.7699 15.7138 31.7699 21.2079C31.7699 26.7021 27.3192 31.1529 21.825 31.1529Z" fill="#393939"/>
|
||
<path d="M21.825 16.317C20.5167 16.317 19.294 16.8224 18.3688 17.7517C17.4436 18.6769 16.9341 19.8996 16.9341 21.208C16.9341 22.5163 17.4436 23.739 18.3688 24.6642C19.294 25.5854 20.5208 26.0989 21.825 26.0989C23.1293 26.0989 24.3561 25.5895 25.2813 24.6642C26.2024 23.739 26.716 22.5122 26.716 21.208C26.716 19.9037 26.2065 18.6769 25.2813 17.7517C24.3561 16.8224 23.1334 16.317 21.825 16.317Z" fill="#393939"/>
|
||
</svg>
|
||
</div>
|
||
<div class="header_body_about">
|
||
<img class="header_about_img" src="/images/header_body/Stars.png" alt="stars">
|
||
<div class="header_about_text">
|
||
SEO-студия<span>, помогающая вашему бизнесу расти. Оптимизируем сайты, увеличиваем трафик и выводим в топ поисковых систем.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="header_slider">
|
||
<div class="slide main">
|
||
<div class="tags">
|
||
<div class="row_first">
|
||
<span>SEO</span><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="4" cy="4.72852" r="4" fill="white"/>
|
||
</svg>
|
||
<span>Контент-маркетинг</span><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="4" cy="4.72852" r="4" fill="white"/>
|
||
</svg>
|
||
<span>Аудит сайта</span>
|
||
</div>
|
||
<div class="row_second">
|
||
<span>Ссылочное продвижение</span><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="4" cy="4.72852" r="4" fill="white"/>
|
||
</svg>
|
||
<span>Техническая оптимизация</span>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="subtitle">
|
||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12 5.87109C8.21285 5.87109 5.14258 8.94137 5.14258 12.7285C5.14258 13.3203 5.21744 13.8946 5.3584 14.4424H0.123047C0.04298 13.8826 0 13.3105 0 12.7285C9.17402e-05 6.10114 5.37262 0.728607 12 0.728516V5.87109Z" fill="#0C47A0"/>
|
||
<path d="M12.3098 0.7323C18.794 0.896722 24.0002 6.20461 24.0002 12.7284C24.0002 19.3558 18.6276 24.7282 12.0002 24.7284C5.95508 24.7283 0.954426 20.2583 0.122314 14.4432H5.35864C6.1201 17.4006 8.80524 19.5858 12.0002 19.5858C15.7872 19.5856 18.8577 16.5154 18.8577 12.7284C18.8577 9.05963 15.9759 6.06348 12.3528 5.87976L12.0002 5.87097V0.728394L12.3098 0.7323Z" fill="white"/>
|
||
</svg>
|
||
Креативность, инновации, прогресс</p>
|
||
<span class="index">01</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slide_small">
|
||
<div class="slide_small_index">
|
||
02
|
||
</div>
|
||
<div class="slide_small_title">
|
||
Digital-продукты
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slide_small second">
|
||
<div class="slide_small_index">
|
||
03
|
||
</div>
|
||
<div class="slide_small_title">
|
||
Маркетинг
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slide_card">
|
||
<div class="card-content">
|
||
<div class="card-number">04</div>
|
||
|
||
<h3>ТОПОВОЕ SEO ПРОДВИЖЕНИЕ</h3>
|
||
<p>Продвигаем сайты, повышаем их видимость и привлекаем целевой трафик для роста бизнеса.</p>
|
||
<a href="#" class="btn">Подробнее</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slide_small second">
|
||
<div class="slide_small_index">
|
||
05
|
||
</div>
|
||
<div class="slide_small_title">
|
||
Создание сайтов
|
||
</div>
|
||
</div>
|
||
<div class="slide_small">
|
||
<div class="slide_small_index">
|
||
06
|
||
</div>
|
||
<div class="slide_small_title">
|
||
Дизайн
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<section class="header_info">
|
||
</section>
|
||
</div>
|
||
<script src="main.js"></script>
|
||
</body>
|
||
</html> |