commit f4da46b260a847a53abd40c74271f7cafc2d9a79 Author: Alena Date: Thu Oct 16 23:20:15 2025 +0300 first commit diff --git a/images/advantage/1.jpg b/images/advantage/1.jpg new file mode 100644 index 0000000..014e9f0 Binary files /dev/null and b/images/advantage/1.jpg differ diff --git a/images/advantage/2.jpg b/images/advantage/2.jpg new file mode 100644 index 0000000..3113056 Binary files /dev/null and b/images/advantage/2.jpg differ diff --git a/images/advantage/3.jpg b/images/advantage/3.jpg new file mode 100644 index 0000000..c6e2189 Binary files /dev/null and b/images/advantage/3.jpg differ diff --git a/images/amenities/3/1.svg b/images/amenities/3/1.svg new file mode 100644 index 0000000..a94c83d --- /dev/null +++ b/images/amenities/3/1.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/amenities/3/2.svg b/images/amenities/3/2.svg new file mode 100644 index 0000000..3baaadc --- /dev/null +++ b/images/amenities/3/2.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/amenities/3/3.svg b/images/amenities/3/3.svg new file mode 100644 index 0000000..32b04da --- /dev/null +++ b/images/amenities/3/3.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/amenities/Vector_top_right.svg b/images/amenities/Vector_top_right.svg new file mode 100644 index 0000000..476b5cf --- /dev/null +++ b/images/amenities/Vector_top_right.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/images/footer_banner/Vector_right.svg b/images/footer_banner/Vector_right.svg new file mode 100644 index 0000000..184d4d9 --- /dev/null +++ b/images/footer_banner/Vector_right.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/footer_banner/scale.png b/images/footer_banner/scale.png new file mode 100644 index 0000000..5867f33 Binary files /dev/null and b/images/footer_banner/scale.png differ diff --git a/images/footer_banner/seo_down.png b/images/footer_banner/seo_down.png new file mode 100644 index 0000000..10cb221 Binary files /dev/null and b/images/footer_banner/seo_down.png differ diff --git a/images/header_body/4/1.svg b/images/header_body/4/1.svg new file mode 100644 index 0000000..a471110 --- /dev/null +++ b/images/header_body/4/1.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/header_body/4/2.svg b/images/header_body/4/2.svg new file mode 100644 index 0000000..71f1688 --- /dev/null +++ b/images/header_body/4/2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/header_body/4/3.svg b/images/header_body/4/3.svg new file mode 100644 index 0000000..8da8727 --- /dev/null +++ b/images/header_body/4/3.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/header_body/4/4.svg b/images/header_body/4/4.svg new file mode 100644 index 0000000..d6ff433 --- /dev/null +++ b/images/header_body/4/4.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/header_body/Stars.png b/images/header_body/Stars.png new file mode 100644 index 0000000..6174e9e Binary files /dev/null and b/images/header_body/Stars.png differ diff --git a/images/header_body/Vector_right.svg b/images/header_body/Vector_right.svg new file mode 100644 index 0000000..184d4d9 --- /dev/null +++ b/images/header_body/Vector_right.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/header_body/area_pick.png b/images/header_body/area_pick.png new file mode 100644 index 0000000..6dc71a9 Binary files /dev/null and b/images/header_body/area_pick.png differ diff --git a/images/header_body/maps.png b/images/header_body/maps.png new file mode 100644 index 0000000..894858e Binary files /dev/null and b/images/header_body/maps.png differ diff --git a/images/header_body/outlined.svg b/images/header_body/outlined.svg new file mode 100644 index 0000000..3761a1c --- /dev/null +++ b/images/header_body/outlined.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/header_body/seo-search.svg b/images/header_body/seo-search.svg new file mode 100644 index 0000000..df5a544 --- /dev/null +++ b/images/header_body/seo-search.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/header_body/seo_top_01.png b/images/header_body/seo_top_01.png new file mode 100644 index 0000000..2491dac Binary files /dev/null and b/images/header_body/seo_top_01.png differ diff --git a/images/header_body/seo_top_04.png b/images/header_body/seo_top_04.png new file mode 100644 index 0000000..5f8ed7f Binary files /dev/null and b/images/header_body/seo_top_04.png differ diff --git a/images/header_top/logo.png b/images/header_top/logo.png new file mode 100644 index 0000000..de97582 Binary files /dev/null and b/images/header_top/logo.png differ diff --git a/images/header_top/phone.svg b/images/header_top/phone.svg new file mode 100644 index 0000000..cf33344 --- /dev/null +++ b/images/header_top/phone.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..2b67feb --- /dev/null +++ b/index.html @@ -0,0 +1,106 @@ + + + + + + Landing_Figma + + + + + + + +
+
+
+ logo +
+ +
+ + Главная + +
+ +
+ + Услуги + +
+ +
+ + Проекты + +
+ +
+ + О нас + +
+ +
+ + Контакты + +
+
+
+
+ + + + +7(495)859-21-36 +
+ +
+
+
+
+ +
+ Яндекс продвижение +
+ +
+ Google продвижение +
+ +
+ Разработка сайтов +
+ +
+ Интернет-магазины +
+ +
+ Мобильные приложения +
+ +
+ Брендинг +
+ +
+ SEO-продвижение +
+ +
+ Лендинги +
+
+
+
+ +
+ + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..718e72f --- /dev/null +++ b/main.js @@ -0,0 +1,7 @@ +document.querySelectorAll('.header_top_item').forEach((item) => { + item.addEventListener('click', (e) => { + e.preventDefault(); // если не нужно переходить со страницы + document.querySelectorAll('.header_top_item').forEach(el => el.classList.remove('active')); + item.classList.add('active'); + }); +}); \ No newline at end of file diff --git a/reset.css b/reset.css new file mode 100644 index 0000000..40b4860 --- /dev/null +++ b/reset.css @@ -0,0 +1,18 @@ +*{padding: 0;margin: 0;border: 0;} +*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} +:focus,:active{outline: none;} +a:focus,a:active{outline: none;} +nav,footer,header,aside{display: block;} +html,body{ + height:100%;width:100%; + font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;} +input,button,textarea{font-family:inherit;} +input::-ms-clear{display: none;} +button{cursor: pointer;} +button::-moz-focus-inner{padding:0;border:0;} +a,a:visited{text-decoration: none;} +a:hover{text-decoration: none;} +ul li{list-style: none;} +img{vertical-align: top;} +h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;} +a{color:inherit;} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..613c325 --- /dev/null +++ b/style.css @@ -0,0 +1,132 @@ +html, body, * { + font-family: "Roboto", sans-serif; + font-weight: 400; + font-size: 14px; + color: #393939; + margin: 0 auto; + max-width: 1600px; +} +.wrapper { + margin: 0 60px; +} +.header_top { + margin: 0 50px; + justify-content: space-between; +} +.header_top_inner { + display: flex; + justify-content: space-between; + align-items: center; + margin: 15px 0; +} +.logo_link { +margin: 0; +} +.logo_img { +} +.header_nav_top { + display: flex; + justify-content: space-between; + align-items: center; + white-space: nowrap; + background-color: #F4F4F4; + border-radius: 16px; +} +.header_top_item { + display: block; + gap: 40px; + padding: 10px 16px; + color: #000; + text-decoration: none; + position: relative; + border-radius: 16px; +} +.header_top_item:hover { + background-color: #0C47A0; + color: #fff; + cursor: pointer; +} +.header_top_item.active { + background-color: #0C47A0; + color: #fff; + padding-left: 28px; +} +.header_top_item.active::before { + position: absolute; + content: ""; + display: block; + background-color: #fff; + width: 9px; + height: 9px; + border-radius: 50%; + top: 12px; + left: 14px; +} +.header_top_link { +} +.header_call { + display: flex; + margin: 0; + justify-content: center; + align-items: center; + gap: 20px; +} +.header_call_tel { + display: flex; + align-items: center; + justify-content: center; + gap: 5px; + transition: all .3s; +} +.header_call_tel:hover { + transform: scale(1.1); + color: #0C47A0; +} +.header_call_tel svg{ + width: 18px; + height: 18px; +} +.header_tel_link { +} +.header_call_btn { + display: flex; + align-items: center; + padding: 10px 16px; + border-radius: 16px; + background-color: #0C47A0; + gap: 5px; + transition: all .3s; +} +.header_call_btn:hover { + transform: scale(1.1); +} +.header_call_btn svg { + display: block; + width: 16px; + height: 16px; +} +.header_call_text { + color: #fff; +} +.header_top_list { + margin: 20px 0; +} +.header_nav { + display: flex; + justify-content: space-between; + background-color: #F4F4F4; + border-radius: 16px; +} +.header_nav_item { + margin: 0; + display: flex; + white-space: nowrap; + padding: 10px 20px; +} +.header_nav_link { + transition: all .1s; +} +.header_nav_link:hover { + color: #0C47A0; + transform: scale(1.01); +} \ No newline at end of file