From 17f7db4e52656bea21ef2e6b328501ba1d4d8b4c Mon Sep 17 00:00:00 2001 From: Konstantin-39 Date: Thu, 12 Sep 2024 23:16:13 +0700 Subject: [PATCH] changing the structure and text --- assets/css/gp-style-core.css | 16 ++--- assets/css/gp-style-desktop.css | 108 ++++++++++++++++--------------- assets/css/gp-style-mobile.css | 110 ++++++++++++++++++++++---------- assets/css/gp-style-tablet.css | 44 ++++++------- assets/img/footer-logo.webp | Bin 3278 -> 2796 bytes assets/img/i-delivery.svg | 4 ++ assets/img/i-info.svg | 9 ++- assets/img/i-percent.svg | 12 ++-- assets/img/i-volume.svg | 12 ++++ assets/img/logo.webp | Bin 4410 -> 4280 bytes assets/img/tg.svg | 4 +- assets/img/wh.svg | 4 +- index.html | 44 +++++++------ 13 files changed, 216 insertions(+), 151 deletions(-) create mode 100644 assets/img/i-delivery.svg create mode 100644 assets/img/i-volume.svg diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css index 9a4f581..d7c2d17 100644 --- a/assets/css/gp-style-core.css +++ b/assets/css/gp-style-core.css @@ -2,22 +2,22 @@ @font-face { font-family: 'DIN Pro'; - src: url('fonts/DINPro-Medium.eot'); + src: url('../fonts/DINPro-Medium.eot'); src: local('DIN Pro Medium'), local('DINPro-Medium'), - url('fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), - url('fonts/DINPro-Medium.woff') format('woff'), - url('fonts/DINPro-Medium.ttf') format('truetype'); + url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), + url('../fonts/DINPro-Medium.woff') format('woff'), + url('../fonts/DINPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'DIN Pro'; - src: url('fonts/DINPro-Black.eot'); + src: url('../fonts/DINPro-Black.eot'); src: local('DIN Pro Black'), local('DINPro-Black'), - url('fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), - url('fonts/DINPro-Black.woff') format('woff'), - url('fonts/DINPro-Black.ttf') format('truetype'); + url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), + url('../fonts/DINPro-Black.woff') format('woff'), + url('../fonts/DINPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css index d96a82b..2dc3c4e 100644 --- a/assets/css/gp-style-desktop.css +++ b/assets/css/gp-style-desktop.css @@ -47,8 +47,8 @@ body { h1 { font-family: 'DIN Pro', sans-serif; font-weight: 500; - font-size: 62px; - line-height: 120%; + font-size: 66px; + line-height: 110%; letter-spacing: -0.04em; text-transform: uppercase; background: linear-gradient( @@ -112,7 +112,7 @@ h1 strong { } .header__container { position: absolute; - top: 28px; + top: 24px; z-index: 2; } .header__logo { @@ -156,8 +156,8 @@ h1 strong { /* Hero */ .hero { - padding-top: 170px; - padding-bottom: 102px; + padding-top: 160px; + padding-bottom: 92px; position: relative; z-index: 1; } @@ -198,7 +198,7 @@ h1 strong { } .hero__content { display: flex; - align-items: flex-end; + align-items: flex-start; gap: 64px; justify-content: space-between; position: relative; @@ -208,7 +208,7 @@ h1 strong { content: ''; position: absolute; top: -60px; - right: -590px; + right: -595px; width: 1230px; height: 830px; pointer-events: none; @@ -220,7 +220,7 @@ h1 strong { display: flex; flex-direction: column; align-items: flex-start; - gap: 32px; + gap: 42px; max-width: 590px; } .hero__title { @@ -230,23 +230,28 @@ h1 strong { .hero__desc { display: inline-flex; align-items: center; - gap: 14px; - border: 2px solid rgba(28, 27, 27, 0.9); - border-radius: 15px; - padding: 13px 24px; + gap: 12px; +} +.hero__desc p { + display: inline-flex; + align-items: center; + gap: 12px; + font-weight: 500; + font-size: 18px; + line-height: 130%; + padding: 12px 20px 12px 18px; + border-radius: 12px; + border: 1px solid rgba(0, 7, 30, 0.15); + box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.01); } -.hero__desc::before { +.hero__desc p::before { + display: none; content: ''; width: 24px; height: 24px; background: url('../img/i-info.svg') center no-repeat; background-size: cover; } -.hero__desc p { - font-weight: 500; - font-size: 20px; - line-height: 130%; -} .hero__desc p b { font-weight: 700; } @@ -262,50 +267,48 @@ h1 strong { .hero__price-header { display: flex; align-items: center; + justify-content: center; gap: 24px; - border-radius: 24px; - padding: 16px; - background: linear-gradient( - 142deg, - rgba(255, 255, 255, 0) 0%, - rgba(255, 255, 255, 0.2) 41.5%, - rgba(255, 255, 255, 0) 100% - ), - #f7f5f3; + width: 100%; + margin-bottom: 4px; } .hero__price-header span { display: flex; align-items: center; - gap: 10px; + justify-content: center; + gap: 12px; border-radius: 14px; - padding: 14px 20px; - background: linear-gradient( - 142deg, - rgba(255, 255, 255, 0) 0%, - rgba(255, 255, 255, 0.2) 41.5%, - rgba(255, 255, 255, 0) 100% - ), - #d92d2d; + padding: 14px; font-weight: 600; font-size: 18px; line-height: 140%; color: #fff; + width: 100%; + border-right: 3px solid #54596c; + border-left: 3px solid #54596c; + background: linear-gradient( + 329deg, + rgba(255, 255, 255, 0) 9.59%, + rgba(255, 255, 255, 0.1) 47.6%, + rgba(255, 255, 255, 0) 100% + ), + var(--clr-general); } .hero__price-header span::before { content: ''; - width: 24px; - height: 24px; + width: 22px; + height: 22px; background: url('../img/i-percent.svg') center no-repeat; background-size: cover; } .hero__price-header p { - font-weight: 400; - font-size: 17px; + font-weight: 500; + font-size: 16.5px; line-height: 130%; - max-width: 220px; } .hero__price-header p b { font-weight: 600; + color: #ffcc02; } .hero__price-content { display: flex; @@ -359,7 +362,8 @@ h1 strong { max-width: 490px; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 26px; - padding: 32px; + padding: 12px; + padding-bottom: 32px; box-shadow: 0 10px 42px 0 rgba(0, 0, 0, 0.17); background: linear-gradient( 142deg, @@ -370,10 +374,15 @@ h1 strong { #f2f2f2; } .hero__form-title { + padding-left: 12px; + padding-right: 12px; + max-width: 320px; + margin-left: auto; + margin-right: auto; } .hero__form-title p { - font-weight: 400; - font-size: 18px; + font-weight: 500; + font-size: 17.5px; line-height: 130%; letter-spacing: -0.02em; text-align: center; @@ -382,6 +391,8 @@ h1 strong { font-weight: 600; } .hero__form-action { + padding-left: 24px; + padding-right: 24px; } .hero__form-action form { display: flex; @@ -485,7 +496,8 @@ h1 strong { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; - margin-top: 102px; + margin-top: 92px; + margin-top: 72px; position: relative; z-index: 1; } @@ -589,7 +601,6 @@ h1 strong { width: 44px; height: 44px; box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07); - /* background: #282828; */ background: rgba(255, 255, 255, 0.1); transition: transform 0.2s ease-in-out; } @@ -629,9 +640,6 @@ h1 strong { width: 100%; height: 100%; background: rgba(0, 7, 30, 0.8); - /* background: #00071e; */ - /* -webkit-backdrop-filter: blur(2px); - backdrop-filter: blur(2px); */ -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; opacity: 1; @@ -727,7 +735,7 @@ h1 strong { } .modal__title p { font-family: 'DIN Pro', sans-serif; - font-size: 23px; + font-size: 26px; font-weight: 500; line-height: 130%; text-align: center; diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css index 5da0eba..ec774e7 100644 --- a/assets/css/gp-style-mobile.css +++ b/assets/css/gp-style-mobile.css @@ -6,12 +6,31 @@ right: -320px; top: 290px; } + .hero__desc { + gap: 6px; + } + .hero__desc p { + font-size: 13px; + padding: 8px 12px; + border-radius: 10px; + } + .hero__desc img { + width: 24px; + height: 24px; + } + .hero__leftside { + gap: 18px; + } + .hero__advantages { + margin-top: 42px; + } } @media screen and (max-width: 540px) { .header__container { align-items: flex-start; gap: 24px; - padding-bottom: 24px; + padding-bottom: 20px; + top: 20px; } .header__container::after { content: ''; @@ -25,23 +44,29 @@ .header__logo { max-width: 240px; } + .header__logo img { + width: 50px; + } .header__logo p { - font-size: 12px; + font-size: 9px; + } + .header__socials { + gap: 6px; } .header__contacts { flex-wrap: wrap; width: 100%; justify-content: flex-end; - row-gap: 24px; + gap: 6px; } - .header__contacts button.btn { + .header__contacts .header__tel { } .header__tel { font-size: 20px; margin: 0; } .hero { - padding-top: 170px; + padding-top: 110px; } } @media screen and (max-width: 470px) { @@ -55,19 +80,19 @@ .hero__price { margin-top: 12px; } - .hero__price-header p { - max-width: 160px; - } .hero__content { gap: 34px; } .hero__content::after { - opacity: 1; - right: -290px; - width: 520px; - height: 320px; + opacity: 0.6; + right: -125px; + width: 200px; + height: 140px; background-size: contain; - top: 280px; + top: 0px; + } + .hero::before { + opacity: 0.4; } .hero__form-gift { overflow: hidden; @@ -88,15 +113,24 @@ .hero__price-header { gap: 10px; padding: 10px; + padding-bottom: 0; border-radius: 10px; + margin-bottom: 0; } .hero__price-header p { - font-size: 14px; + font-size: 13px; } .hero__price-header span { - padding: 8px 12px; border-radius: 10px; - font-size: 14px; + border: none; + padding-left: 2px; + padding-right: 2px; + gap: 7px; + } + .hero__price-header span::before { + min-width: 18px; + width: 18px; + height: 18px; } .hero__price-stock p { font-size: 20px; @@ -111,19 +145,11 @@ .hero__price-unit p { font-size: 13px; } - .hero__price-header span::before { - width: 16px; - height: 16px; - } .hero__price-content { gap: 10px; } .header__logo { - /* flex-direction: column; - align-items: flex-start; */ - } - .header__logo p { - /* max-width: 100%; */ + width: 100%; } .header__container { align-items: center; @@ -133,7 +159,7 @@ } .hero__form { gap: 20px; - padding: 20px 14px; + padding: 0 0 20px 0; border-radius: 16px; } .hero__form-title p { @@ -145,10 +171,10 @@ font-size: 36px; } .header__logo img { - width: 46px; + width: 42px; } .header__logo p { - font-size: 11px; + font-size: 9px; } .header__tel { font-size: 17px; @@ -174,12 +200,32 @@ display: none; } .header__logo img { - width: 44px; - } - .header__logo p { - font-size: 10px; + width: 39px; } .header__tel { font-size: 16.5px; } + .hero__form-action select, + .hero__form-action input { + font-size: 13.5px; + } +} +@media screen and (max-width: 360px) { + .hero__desc { + flex-direction: column; + align-items: flex-start; + } + .hero__price-header span { + padding-left: 20px; + padding-right: 20px; + gap: 12px; + } + .hero__content { + gap: 20px; + } + .hero__price-header span::before { + min-width: 20px; + width: 20px; + height: 20px; + } } diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css index af758f4..c998802 100644 --- a/assets/css/gp-style-tablet.css +++ b/assets/css/gp-style-tablet.css @@ -23,21 +23,28 @@ h1 { .header__contacts { gap: 10px; } -.header__tel { - order: 3; - margin-left: 14px; -} -.header__contacts button.btn p { +.header__contacts button.btn, +.header__contacts .header__tel p { display: none; } -.header__contacts button.btn { +.header__contacts .header__tel { + display: flex; + align-items: center; + justify-content: center; width: 47px; height: 47px; border-radius: 9px; position: relative; padding: 0; -} -.header__contacts button.btn::before { + background: linear-gradient( + 322deg, + rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 0.32) 41.5%, + rgba(255, 255, 255, 0) 100% + ), + #fc0; +} +.header__contacts .header__tel::before { content: ''; width: 24px; height: 24px; @@ -95,7 +102,7 @@ h1 { @media screen and (max-width: 670px) { .header__socials-link, .footer__socials-link, - .header__contacts button.btn { + .header__contacts .header__tel { width: 40px; height: 40px; } @@ -104,7 +111,7 @@ h1 { width: 24px; height: 24px; } - .header__contacts button.btn::before { + .header__contacts .header__tel::before { width: 20px; height: 20px; } @@ -153,7 +160,7 @@ h1 { } .header__socials-link, .footer__socials-link, - .header__contacts button.btn { + .header__contacts .header__tel { width: 37px; height: 37px; } @@ -162,7 +169,7 @@ h1 { width: 22px; height: 22px; } - .header__contacts button.btn::before { + .header__contacts .header__tel::before { width: 18px; height: 18px; } @@ -177,10 +184,6 @@ h1 { width: 20px; height: 20px; } - .hero__desc { - padding: 10px 20px; - border-radius: 12px; - } .hero__desc p { font-size: 16px; } @@ -197,15 +200,6 @@ h1 { align-items: center; text-align: center; } - .hero__price-header span { - padding: 12px 16px; - border-radius: 12px; - font-size: 16px; - } - .hero__price-header span::before { - width: 19px; - height: 19px; - } .hero__price-header p { font-size: 16px; } diff --git a/assets/img/footer-logo.webp b/assets/img/footer-logo.webp index 75007abc76829c238b87808c092329e62635a082..23a1d8cf9aef776b504b9fdb37dd9a30faabff75 100644 GIT binary patch delta 278 zcmV+x0qOqE8SE7!Qb|Te{0Dl1d z0Q~^`{qOLZk>TKrI!Q{WR$tc=`*0p}#@62o*F220Qb5spzz42N0@fKwou@c&6OICB zv;+Rg?-kZ1J}^=w{9wo1G!70&bIsyubj;P4D)ifJY+JQ#)C3nm9V||5nq+DI`0kqs zM5})CCEUMHF-Y7cyMO@x`7`NWmv(>ul5jC&J~F1Z?@2$R7^d>SU`NT`{|{YpFL01re z{#JkgDf9pNL3+A|cJ0%O$6Akj?&a7gHZBREf8=1k?A;=y8nEZuJ? zQiv)503JIo1SU2L-O`CqJ4smms+GfENfVVVIO=nxQsTu+Q~)+Ih=Q5_$<^+sQ<>sW zhL~d`b1T$U#UuisJk$dR8D(|yzm}|*TG+>-Vb0`vvF834|H{w*Gp~aL)m3*l=}tJ^E`6?j zHxa`DW~5RtoD!icQKaU`^8{2BXXq?YT?6j01jXLu0@A9D@hf$hwnmr1xdLpv3cWJ$ zRioUD80^m>bmCLX5x59V>ghc)9M1J?pDiM35{2C?)-GeygYk&i)WJu8kzKTe3hAc* z?JP4k?ipN!`yD?#9^aG$#Qa$-)AAz%QWI(dY);4_>X=u1hHKu#_1Q`u%qw0}I|ay4 zSLg|~%Gapha<$fuGvcyivDYk^b$NAdT6TnF(#ERCJ&} + + + diff --git a/assets/img/i-info.svg b/assets/img/i-info.svg index fdb37d4..fc5671f 100644 --- a/assets/img/i-info.svg +++ b/assets/img/i-info.svg @@ -1,17 +1,16 @@ - + - - + - + - + diff --git a/assets/img/i-percent.svg b/assets/img/i-percent.svg index f46d551..35002fb 100644 --- a/assets/img/i-percent.svg +++ b/assets/img/i-percent.svg @@ -1,11 +1,11 @@ - - - - + + + + - - + + diff --git a/assets/img/i-volume.svg b/assets/img/i-volume.svg new file mode 100644 index 0000000..1f75730 --- /dev/null +++ b/assets/img/i-volume.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/img/logo.webp b/assets/img/logo.webp index 2e036690ad1c2843428df3a0af62e0a6e1dbdafc..1f1374e347f1dd7a06c82036c729aafce41100b3 100644 GIT binary patch literal 4280 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 aoI?^KR`myb+s~n))h-lQbRV1u0001+!b`jW literal 4410 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 - + + diff --git a/assets/img/wh.svg b/assets/img/wh.svg index f2a1f1c..bf9e5d9 100644 --- a/assets/img/wh.svg +++ b/assets/img/wh.svg @@ -1,3 +1,3 @@ - - + + diff --git a/index.html b/index.html index 294ffba..cc61252 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@
@@ -37,9 +37,11 @@ Мы в Whatsapp
- +7 (923) 435 25 57 + +

+7 (923) 435 25 57

+
@@ -50,31 +52,31 @@
-

Газобетонные блоки напрямую от производителя в Томске.

+

Газобетонные блоки в Томске напрямую от производителя

-

Любой объем, доставка до 3 дней

-
-
-
- Акция месяца -

Только до 30.09 розница по оптовым ценам

-
+

+ Любой объем + Любой объем +

+

+ Доставим за 2 дня + Доставим за 2 дня +

+
+ +

Только до 30.09 розница по оптовым ценам

+ +
-

Оставьте заявку, чтобы рассчитать и зафиксировать стоимость

+

Оставьте заявку, чтобы узнать цену и зафиксировать скидку

-