figma_001

This commit is contained in:
2025-10-17 15:02:20 +03:00
parent 94f4f34b72
commit 98853e882f
5 changed files with 272 additions and 105 deletions

69
op.html Normal file
View File

@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>111</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="sty.css">
</head>
<body>
<header class="header">
<div class="header_top">
<a class="logo_top_link" href="#">
<img class="logo__top_img" src="/images/header_top/logo.png" alt="Logo">
</a>
<div class="header_top_list">
<!-- 1 -->
<div class="header_top_item">
<a class="header_top_item_link" href="#">
Главная
</a>
</div>
<!-- 2 -->
<div class="header_top_item">
<a class="header_top_item_link" href="#">
Услуги
</a>
</div>
<!-- 3 -->
<div class="header_top_item">
<a class="header_top_item_link" href="#">
Проекты
</a>
</div>
<!-- 4 -->
<div class="header_top_item">
<a class="header_top_item_link" href="#">
О нас
</a>
</div>
<!-- 5 -->
<div class="header_top_item">
<a class="header_top_item_link" href="#">
Контакты
</a>
</div>
</div>
<div class="header_top_info">
<div class="header_top_info_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>
+7(495)859-21-36
</div>
<button class="header_top_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="#fff" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</div>
</header>
<script src="main.js"></script>
</body>
</html>