From c74ac0c7652d96cf61ba8f0e17887feccf3a39c4 Mon Sep 17 00:00:00 2001 From: Alena Date: Sun, 19 Oct 2025 01:36:20 +0300 Subject: [PATCH] figma_002 --- images/header_body/area_pick.png | Bin 587 -> 0 bytes images/header_body/area_pick_1.svg | 4 + index.html | 178 +++++++++++++---------------- op.html | 69 ----------- sty.css | 34 ------ style.css | 162 ++++++++++++++++++-------- 6 files changed, 194 insertions(+), 253 deletions(-) delete mode 100644 images/header_body/area_pick.png create mode 100644 images/header_body/area_pick_1.svg delete mode 100644 op.html delete mode 100644 sty.css diff --git a/images/header_body/area_pick.png b/images/header_body/area_pick.png deleted file mode 100644 index 6dc71a9a0a2412c61c0c8e07fd290fcb47b88230..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 587 zcmV-R0<`^!P)X1^@s6D=Y3@00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPoOmoS^OrYF1?j2dETtf~H$Gr6*`^;PeErtJ*FSPCz(8e1k-S1&~O? z41Rz~#*b(Cq*-`=zHi>&m=J&@FO#cxNMazp_*1BBK}6G#+So_B+=}`H-d_QE%unOY zcaDkJNW^}(@kEyM!){ruwrD2gL;1|n4vmdOY$nzZ5)g7Jpi&osaHLM?msh}%_wjNJ zM5HtY-tU%2&yf>Qp*A0i=1L+*o`dO!na-FJXg|K@-o@WyTMl$vygji4kC?6`cTLIG zd>PHS-p6(F;pM;LJ3J5~ZS2ShO{AF}a@~(#Lf#P3Eg2Z0ok+;{Hn~y7H~bUf(A
    fp z^5es=S;gSA=_HCi9{xwrv}_4gOVJc60)@`la}g*&=rih9s+Kx;h5Ep!a*(IK Z`djg5XTfyAIXM6T002ovPDHLkV1kL*3wr + + + diff --git a/index.html b/index.html index e95af6f..31d9f31 100644 --- a/index.html +++ b/index.html @@ -120,108 +120,86 @@ -
    - -
    -
    -
    -
    - -
    - - SEO - -
    -
    - -
    - - Контент-маркетинг - -
    -
    - -
    - - Аудит сайта - -
    -
    -
    -
    - -
    - - Ссылочное продвижение - -
    -
    - -
    - - Техническая оптимизация - -
    -
    -
    -
    -
    -
    - area - Креативность, инновации, прогресс -
    -
    01
    -
    -
    -
    - -
    - -
    -
    Digital-продукты
    -
    02
    -
    - -
    -
    Маркетинг
    -
    03
    -
    - -
    -
    -
    -
    04
    - - - -
    -
    -
    топовое seo продвижение
    -
    Продвигаем сайты, повышаем их видимость и привлекаем целевой трафик для роста бизнеса.
    -
    -
    - -
    -
    -
    - -
    -
    Создание сайтов
    -
    05
    -
    - -
    -
    Дизайн
    -
    06
    -
    -
    -
    +
    +
    +
    +
    + SEO + + + Контент-маркетинг + + + Аудит сайта +
    +
    + Ссылочное продвижение + + + Техническая оптимизация +
    +
    +
    +

    + + + + + Креативность, инновации, прогресс

    + 01 +
    +
    + +
    +
    + 02 +
    +
    + Digital-продукты +
    +
    + +
    +
    + 03 +
    +
    + Маркетинг +
    +
    + +
    +
    +
    04
    + +

    ТОПОВОЕ SEO ПРОДВИЖЕНИЕ

    +

    Продвигаем сайты, повышаем их видимость и привлекаем целевой трафик для роста бизнеса.

    + Подробнее +
    +
    + +
    +
    + 05 +
    +
    + Создание сайтов +
    +
    +
    +
    + 06 +
    +
    + Дизайн +
    +
    + +
    +
    +
    diff --git a/op.html b/op.html deleted file mode 100644 index 0224678..0000000 --- a/op.html +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - 111 - - - - - - - -
    -
    - - Logo - -
    - -
    - - Главная - -
    - -
    - - Услуги - -
    - -
    - - Проекты - -
    - -
    - - О нас - -
    - -
    - - Контакты - -
    -
    -
    -
    - - - - +7(495)859-21-36 -
    - -
    -
    -
    - - - \ No newline at end of file diff --git a/sty.css b/sty.css deleted file mode 100644 index e46e98a..0000000 --- a/sty.css +++ /dev/null @@ -1,34 +0,0 @@ -html, * { - font-family: "Roboto", sans-serif; - font-weight: 400; - font-size: 14px; - color: #393939; -} -body { - max-width: 1230px; - -} - -.header { - -} -.header_top { - display: flex; - justify-content: space-between; -} -.logo_top_link { -} -.logo__top_img { -} -.header_top_list { -} -.header_top_item { -} -.header_top_item_link { -} -.header_top_info { -} -.header_top_info_tel { -} -.header_top_btn { -} \ No newline at end of file diff --git a/style.css b/style.css index b54b659..a54d24c 100644 --- a/style.css +++ b/style.css @@ -7,6 +7,7 @@ html, body, * { } .wrapper { max-width: 1320px; + height: 10000px; } /* -------------------------------------------------------------HEADER-TOP--------------------------------------------------------------------- */ @@ -148,7 +149,6 @@ html, body, * { /* ------------------------------------------------HEADER-BODY------------------------------------------------------ */ .header_body { - } .header_body_inner { } @@ -159,7 +159,7 @@ html, body, * { } .header_body_heading { font-size: 55px; - font-weight: 700; + font-weight: 500; margin-right: 150px; } .header_body_heading svg { @@ -194,86 +194,148 @@ html, body, * { height: 19px; margin: 0; } -.header_body_row { +.header_slider { display: flex; - justify-content: space-between; + height: 350px; + gap: 10px } -.header_body_collumn { - margin: 0; - width: 100%; +.slide { } -.header_collumn_inner { +.main { + flex: 50%; background: url("/images/header_body/seo_top_01.png") 100% / cover; border-radius: 30px; - height: 350px; - position: relative; + padding: 20px 20px; + display: flex; + flex-direction: column; + justify-content: space-between; + padding-bottom: 10px; } -.header_collumn_row_top { - display: block; - margin: 0; -} -.header_row_first { +.tags { display: flex; margin: 0; - max-width: 350px; + flex-direction: column; } -.header_row_second { +.row_first { display: flex; + flex-direction: row; margin: 0; - max-width: 300px; + margin-bottom: 8px; } -.header_row_item { +.row_second { + display: flex; + flex-direction: row; margin: 0; - margin-left: 20px; - margin-top: 20px; - background-color: #025DC873; - padding: 5px; - border-radius: 14px; - border: 1px solid #fff; - position: relative; } -.header_item_link { +.tags span { color: #fff; - white-space: nowrap; + padding: 8px; + background-color: #0C47A0; + border-radius: 16px; + border: 1px solid #fff; + margin: 0; } -.header_item_area { +.tags svg { + margin: auto 0; display: block; width: 10px; height: 10px; - background-color: #fff; - border-radius: 50%; } -.header_collumn_row_bottom { - position: absolute; - bottom: 0; - left: 25px; +.content { + margin: 0; + display: flex; + justify-content: space-between; + align-items: center; } -.header_row_title { +.subtitle { + margin: 0; + color: #fff; display: flex; align-items: center; - color: #fff; - margin: 0; + justify-content: center; gap: 10px; } -.header_row_img { +.subtitle svg { + display: block; + width: 24px; + height: 24px; } -.header_row_para { +.index { + display: flex; + margin: 0; + height: 40px; + width: 40px; + background-color: #fff; + border-radius: 50%; + align-items: center; + justify-content: center; + font-weight: 600; + font-size: 18px; } -.header_collumn_item { +.index span { + } -.header_item_title { +.slide_small { + background-color: #0C47A0; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + position: relative; + width: 5%; + height: 100%; } -.header_item_inner { +.slide_small_index { + position: absolute; + bottom: 0; + display: flex; + height: 40px; + width: 40px; + margin: 0; + background-color: #fff; + border-radius: 50%; + align-items: center; + justify-content: center; + font-weight: 600; + font-size: 18px; + margin-bottom: 10px; } -.header_row_paras { +.slide_small_title { + color: #fff; + transform: rotate(270deg); + font-weight: 500; + white-space: nowrap; + text-align: center; + vertical-align: middle; } -.header_row_heading { +.second { + background-color: #A5C6F6; } -.header_heading_title { +.slide_small_light { } -.header_heading_text { +.slide_card { + background: url("/images/header_body/seo_top_04.png") 100% / cover; + border-radius: 30px; + padding: 20px; + width: 17%; } -.header_row_btn { +.card-content { + background-color: oklch(45.034% 0.18646 260.482 / 0.259); + height: 100%; + border-radius: 30px; + padding: 15px; +} +.card-number { + display: flex; + height: 40px; + width: 40px; + margin: 0; + background-color: #fff; + border-radius: 50%; + align-items: center; + justify-content: center; + font-weight: 600; + font-size: 18px; +} +.btn { } -.row_btn { -} \ No newline at end of file