106 lines
5.0 KiB
HTML
106 lines
5.0 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">
|
||
<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>
|
||
</header>
|
||
|
||
</div>
|
||
<script src="main.js"></script>
|
||
</body>
|
||
</html> |