228 lines
17 KiB
HTML
228 lines
17 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 class="header_body_row">
|
||
<!-- c1 -->
|
||
<div class="header_body_collumn">
|
||
<div class="header_collumn_inner">
|
||
<div class="header_collumn_row_top">
|
||
<div class="header_row_first">
|
||
<!-- r1 -->
|
||
<div class="header_row_item">
|
||
<a class="header_item_link" href="#">
|
||
SEO
|
||
</a>
|
||
</div>
|
||
<div class="header_item_area"></div>
|
||
<!-- r2 -->
|
||
<div class="header_row_item">
|
||
<a class="header_item_link" href="#">
|
||
Контент-маркетинг
|
||
</a>
|
||
</div>
|
||
<div class="header_item_area"></div>
|
||
<!-- r3 -->
|
||
<div class="header_row_item">
|
||
<a class="header_item_link" href="#">
|
||
Аудит сайта
|
||
</a>
|
||
</div>
|
||
<div class="header_item_area"></div>
|
||
</div>
|
||
<div class="header_row_second">
|
||
<!-- r4 -->
|
||
<div class="header_row_item">
|
||
<a class="header_item_link" href="#">
|
||
Ссылочное продвижение
|
||
</a>
|
||
</div>
|
||
<div class="header_item_area"></div>
|
||
<!-- r5 -->
|
||
<div class="header_row_item">
|
||
<a class="header_item_link" href="#">
|
||
Техническая оптимизация
|
||
</a>
|
||
</div>
|
||
<div class="header_item_area"></div>
|
||
</div>
|
||
</div>
|
||
<div class="header_collumn_row_bottom">
|
||
<div class="header_row_title">
|
||
<img class="header_row_img" src="/images/header_body/area_pick.png" alt="area">
|
||
Креативность, инновации, прогресс
|
||
</div>
|
||
<div class="header_row_para">01</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- c2 -->
|
||
<div class="header_body_collumn">
|
||
<!-- 1 -->
|
||
<div class="header_collumn_item">
|
||
<div class="header_item_title">Digital-продукты</div>
|
||
<div class="header_row_para">02</div>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div class="header_collumn_item">
|
||
<div class="header_item_title">Маркетинг</div>
|
||
<div class="header_row_para">03</div>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div class="header_collumn_item">
|
||
<div class="header_item_inner">
|
||
<div class="header_row_paras">
|
||
<div class="header_row_para">04</div>
|
||
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M17.522 15.2605L21.6135 19.352C22.2496 19.9841 23.1099 20.3389 24.0066 20.3389C24.9034 20.3389 25.7637 19.9841 26.3998 19.352L37.9253 7.80901C38.0062 7.73398 38.1124 7.69229 38.2228 7.69229C38.3331 7.69229 38.4394 7.73398 38.5203 7.80901L40.37 9.65876C40.5258 9.81626 40.741 9.90376 40.965 9.89676C41.0712 9.92126 41.1779 9.92126 41.2853 9.89676C41.4485 9.8301 41.587 9.71424 41.6814 9.56527C41.7758 9.4163 41.8215 9.24162 41.812 9.06551V2.27551C41.812 2.05041 41.7226 1.83453 41.5634 1.67535C41.4043 1.51618 41.1884 1.42676 40.9633 1.42676H34.1733C33.9945 1.41341 33.8161 1.45702 33.6636 1.55133C33.5111 1.64565 33.3924 1.78582 33.3245 1.95176C33.2588 2.10552 33.2415 2.27566 33.275 2.43949C33.3085 2.60332 33.391 2.75306 33.5118 2.86876L35.5155 4.80426C35.5562 4.8424 35.5886 4.88848 35.6108 4.93965C35.633 4.99082 35.6444 5.04599 35.6444 5.10176C35.6444 5.15753 35.633 5.2127 35.6108 5.26387C35.5886 5.31504 35.5562 5.36112 35.5155 5.39926L30.423 10.4918C25.852 -0.345989 11.2658 -2.17124 4.16777 7.20351C2.07828 9.96136 0.986816 13.3468 1.07202 16.8058C1.07552 17.3728 1.10935 17.9386 1.17352 18.5033C1.22379 18.9171 1.4246 19.298 1.73766 19.5733C2.05072 19.8486 2.45414 19.9991 2.87102 19.996H3.07402C3.29591 19.9708 3.51065 19.9021 3.70593 19.7937C3.90121 19.6854 4.07319 19.5396 4.21203 19.3646C4.35086 19.1897 4.45381 18.9891 4.51498 18.7743C4.57616 18.5596 4.59435 18.3348 4.56852 18.113C4.5421 17.6491 4.5421 17.184 4.56852 16.72C4.87127 7.50101 15.0423 2.06376 22.8753 6.93401C25.1821 8.36868 26.9333 10.5443 27.8418 13.1045L24.312 16.6885C24.2282 16.7648 24.119 16.807 24.0058 16.807C23.8925 16.807 23.7833 16.7648 23.6995 16.6885L19.6098 12.562C18.9737 11.9299 18.1134 11.5751 17.2166 11.5751C16.3199 11.5751 15.4596 11.9299 14.8235 12.562L1.58302 25.785C1.26579 26.1046 1.08849 26.537 1.09013 26.9873C1.09177 27.4376 1.27222 27.8688 1.59177 28.186C1.91132 28.5032 2.34381 28.6805 2.79408 28.6789C3.24436 28.6773 3.67554 28.4968 3.99277 28.1773L4.97802 27.1938C6.44784 28.7779 8.22471 30.0464 10.2004 30.9219C12.1762 31.7974 14.3094 32.2616 16.4703 32.2863C19.8451 32.2938 23.1274 31.1837 25.8048 29.1293C25.8834 29.0638 25.9825 29.0279 26.0848 29.0279C26.1871 29.0279 26.2862 29.0638 26.3648 29.1293L28.7413 31.5058C28.7988 31.5617 28.8391 31.633 28.8574 31.7112C28.8757 31.7893 28.8712 31.8711 28.8445 31.9468C28.6829 32.3992 28.653 32.8881 28.7583 33.3569C28.8637 33.8256 29.0999 34.2548 29.4395 34.5945L36.0248 41.1973C37.7818 43.131 40.9738 42.4363 41.77 39.946C41.9685 39.3243 41.9836 38.6586 41.8135 38.0286C41.6435 37.3985 41.2954 36.8308 40.811 36.3935L34.2415 29.7575C33.7619 29.2838 33.1166 29.0157 32.4425 29.0103C32.1509 29.0103 31.8679 29.061 31.5938 29.1625C31.5182 29.1895 31.4366 29.1942 31.3584 29.1762C31.2803 29.1582 31.2089 29.1183 31.1528 29.061L28.7763 26.6845C28.7085 26.607 28.6711 26.5075 28.6711 26.4045C28.6711 26.3015 28.7085 26.202 28.7763 26.1245C29.8129 24.7551 30.6159 23.2235 31.1528 21.592C31.232 21.3777 31.2672 21.1496 31.2562 20.9213C31.2452 20.6931 31.1883 20.4694 31.0888 20.2637C30.9892 20.0581 30.8492 19.8746 30.6771 19.7243C30.5049 19.574 30.3042 19.46 30.087 19.3892C29.8697 19.3184 29.6404 19.2921 29.4128 19.312C29.1852 19.3319 28.9639 19.3976 28.7622 19.5051C28.5606 19.6126 28.3827 19.7596 28.2393 19.9375C28.0959 20.1154 27.9898 20.3204 27.9275 20.5403C27.1395 22.944 25.6123 25.0374 23.5639 26.5217C21.5155 28.006 19.0506 28.8053 16.521 28.8055C14.8149 28.7935 13.1295 28.4302 11.5699 27.7384C10.0103 27.0465 8.60993 26.0408 7.45602 24.784L16.962 15.2605C17.0395 15.1927 17.139 15.1553 17.242 15.1553C17.345 15.1553 17.4445 15.1927 17.522 15.2605Z" fill="#0C47A0"/>
|
||
</svg>
|
||
</div>
|
||
<div class="header_row_heading">
|
||
<div class="header_heading_title">топовое seo продвижение</div>
|
||
<div class="header_heading_text">Продвигаем сайты, повышаем их видимость и привлекаем целевой трафик для роста бизнеса.</div>
|
||
</div>
|
||
<div class="header_row_btn">
|
||
<button class="row_btn">Подробнее
|
||
<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="#393939" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div class="header_collumn_item">
|
||
<div class="header_item_title">Создание сайтов</div>
|
||
<div class="header_row_para">05</div>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div class="header_collumn_item">
|
||
<div class="header_item_title">Дизайн</div>
|
||
<div class="header_row_para">06</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<script src="main.js"></script>
|
||
</body>
|
||
</html> |