diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css index 60ed635..ddcfd32 100644 --- a/assets/css/gp-style-desktop.css +++ b/assets/css/gp-style-desktop.css @@ -67,6 +67,31 @@ h1 strong { font-weight: 900; } +h1 span { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0px 16px; + letter-spacing: -0.02em; + border-radius: 14px; + background: linear-gradient( + 142deg, + rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 0.22) 42%, + rgba(255, 255, 255, 0) 100% + ), + var(--clr-general); + font-weight: 500; + font-size: 46px; + line-height: 135%; + position: relative; + background-clip: initial; + -webkit-background-clip: initial; + -webkit-text-fill-color: initial; + margin-top: 6px; + color: #fff; +} + /* Button */ .btn { display: flex; diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css index 3a9d608..62d3df2 100644 --- a/assets/css/gp-style-mobile.css +++ b/assets/css/gp-style-mobile.css @@ -77,6 +77,13 @@ font-size: 39px; text-align: left; } + h1 span { + font-size: 32px; + padding-left: 12px; + padding-right: 12px; + border-radius: 10px; + margin-top: 6px; + } .hero__leftside { align-items: flex-start; } @@ -173,6 +180,9 @@ h1 { font-size: 36px; } + h1 span { + font-size: 29px; + } .header__logo img { width: 42px; } diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css index c998802..f9b79bb 100644 --- a/assets/css/gp-style-tablet.css +++ b/assets/css/gp-style-tablet.css @@ -4,6 +4,11 @@ h1 { font-size: 52px; } +h1 span { + font-size: 42px; + margin-top: 0; + top: -2px; +} .hero__content { flex-direction: column; align-items: center; @@ -122,6 +127,10 @@ h1 { h1 { font-size: 49px; } + h1 span { + font-size: 39px; + top: 0; + } } @media screen and (max-width: 620px) { *[class*='__container'] { @@ -158,6 +167,9 @@ h1 { h1 { font-size: 42px; } + h1 span { + font-size: 32px; + } .header__socials-link, .footer__socials-link, .header__contacts .header__tel { diff --git a/index.html b/index.html index 86c79dd..a4c1eae 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,29 @@ + + + + + + @@ -37,8 +60,8 @@ Мы в Whatsapp - -

+7 (923) 435 25 57

+ +

8 (382) 299-58-31