From 94f4f34b72f90bfb6d85a8263061443a8cd98bae Mon Sep 17 00:00:00 2001 From: Alena Date: Fri, 17 Oct 2025 15:01:06 +0300 Subject: [PATCH] figma_01 --- index.html | 206 +++++++++++++++++++++++++++++++++++++++++------------ style.css | 96 ++++++++++++++++++++++++- 2 files changed, 255 insertions(+), 47 deletions(-) diff --git a/index.html b/index.html index 2b67feb..9482223 100644 --- a/index.html +++ b/index.html @@ -14,54 +14,55 @@
- logo -
- -
- - Главная - +
+ logo +
+ +
+ + Главная + +
+ +
+ + Услуги + +
+ +
+ + Проекты + +
+ +
+ + О нас + +
+ +
+ + Контакты + +
- -
- - Услуги - -
- -
- - Проекты - -
- -
- - О нас - -
- -
- - Контакты - +
+
+ + + + +7(495)859-21-36 +
+
-
-
- - - - +7(495)859-21-36 -
- -
-
@@ -98,8 +99,121 @@
+
- +
+
+
+
+ Продвижение сайтов в Москве + maps + Гарантия роста позиций в Яндексе и Google + + + + +
+
+ stars + SEO-студия, помогающая вашему бизнесу расти. Оптимизируем сайты, увеличиваем трафик и выводим в топ поисковых систем. +
+
+
+ +
+
+ +
+ + SEO + +
+
+ +
+ + Контент-маркетинг + +
+
+ +
+ + Аудит сайта + +
+
+ +
+ + Ссылочное продвижение + +
+
+ +
+ + Техническая оптимизация + +
+
+
+
+
+ area + Креативность, инновации, прогресс +
+
01
+
+
+ +
+ +
+
Digital-продукты
+
02
+
+ +
+
Маркетинг
+
03
+
+ +
+
+
+
04
+ + + +
+
+
топовое seo продвижение
+
Продвигаем сайты, повышаем их видимость и привлекаем целевой трафик для роста бизнеса.
+
+
+ +
+
+
+ +
+
Создание сайтов
+
05
+
+ +
+
Дизайн
+
06
+
+
+
+
+
diff --git a/style.css b/style.css index 613c325..cc68db6 100644 --- a/style.css +++ b/style.css @@ -9,20 +9,37 @@ html, body, * { .wrapper { margin: 0 60px; } + +/* -------------------------------------------------------------HEADER-TOP--------------------------------------------------------------------- */ + .header_top { + display: flex; + flex-direction: row; margin: 0 50px; justify-content: space-between; + margin-bottom: 100px; } .header_top_inner { display: flex; justify-content: space-between; align-items: center; margin: 15px 0; + flex-direction: column; +} +.header_top_wrapper { + display: flex; + justify-content: space-between; + align-items: center; } .logo_link { margin: 0; +transition: all .3s; +} +.logo_link:hover { + transform: scale(1.05); } .logo_img { + } .header_nav_top { display: flex; @@ -34,7 +51,6 @@ margin: 0; } .header_top_item { display: block; - gap: 40px; padding: 10px 16px; color: #000; text-decoration: none; @@ -129,4 +145,82 @@ margin: 0; .header_nav_link:hover { color: #0C47A0; transform: scale(1.01); +} + +/* ------------------------------------------------HEADER-BODY------------------------------------------------------ */ + +.header_body { +} +.header_body_inner { +} +.header_body_top { + display: flex; + justify-content: space-between; +} +.header_body_heading { + display: block; + margin: 0; + display: flex; + justify-content: center; + font-size: 30px; + font-weight: 700; + color: #393939; + max-width: 60%; + flex-direction: column; +} +.header_body_heading svg { + display: block; + margin: 0; +} +.header_header_img { + display: block; + height: 32px; + width: 90px; + background: linear-gradient(to right, #0C47A0, #8FECFC); + border-radius: 30px; + margin: 0; +} +.header_body_about { + max-width: 20%; + margin: 0; +} +.header_about_img { +} +.header_body_row { +} +.header_body_collumn { +} +.header_collumn_row_top { +} +.header_row_item { +} +.header_item_link { +} +.header_item_area { +} +.header_collumn_row_bottom { +} +.header_row_title { +} +.header_row_img { +} +.header_row_para { +} +.header_collumn_item { +} +.header_item_title { +} +.header_item_inner { +} +.header_row_paras { +} +.header_row_heading { +} +.header_heading_title { +} +.header_heading_text { +} +.header_row_btn { +} +.row_btn { } \ No newline at end of file