Skip to content

L
landing_pages
Commit 23043e1b by Iren
Options

убрала бодер у кнопи в хедере

parent 67540d95
Showing with 55 additions and 53 deletions
css/styles.css
@font-face { @font-face {
font-family: 'HelveticaNeue-Black'; font-family: HelveticaNeue-Black;
/*src: url("../fonts/HelveticaNeue-Black.otf");*/ /*src: url("../fonts/HelveticaNeue-Black.otf");*/
src: url("../fonts/HelveticaNeue-Black.otf"); src: url("../fonts/HelveticaNeue-Black.otf");
} }
...@@ -24,7 +24,7 @@ body { ...@@ -24,7 +24,7 @@ body {
} }
button.main-btn, button.main-btn,
.header-btn { .header-btn {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
width: 290px; width: 290px;
height: 52px; height: 52px;
margin-top: 30px; margin-top: 30px;
...@@ -41,7 +41,7 @@ button.main-btn, ...@@ -41,7 +41,7 @@ button.main-btn,
@media (max-width: 576px) { @media (max-width: 576px) {
button.main-btn, button.main-btn,
.header-btn { .header-btn {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
width: 143px; width: 143px;
height: 44px; height: 44px;
margin-top: 30px; margin-top: 30px;
...@@ -133,7 +133,7 @@ header { ...@@ -133,7 +133,7 @@ header {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
letter-spacing: 0.14px; letter-spacing: 0.14px;
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
} }
.header-line { .header-line {
width: 30px; width: 30px;
...@@ -155,7 +155,7 @@ i.icon-last { ...@@ -155,7 +155,7 @@ i.icon-last {
h1 { h1 {
position: relative; position: relative;
z-index: 3; z-index: 3;
font-family: 'HelveticaNeue-Black'; font-family: AvenirNext-Heavy;
font-size: 60px; font-size: 60px;
color: white; color: white;
font-weight: 800; font-weight: 800;
...@@ -166,7 +166,7 @@ h1 { ...@@ -166,7 +166,7 @@ h1 {
.header-h1-line { .header-h1-line {
position: relative; position: relative;
z-index: 3; z-index: 3;
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
width: 398px; width: 398px;
height: 4px; height: 4px;
border-bottom: #c94d4e 2px solid; border-bottom: #c94d4e 2px solid;
...@@ -185,9 +185,10 @@ h1 { ...@@ -185,9 +185,10 @@ h1 {
.header-btn { .header-btn {
position: relative; position: relative;
z-index: 3; z-index: 3;
border: none;
} }
.header-btn-background { .header-btn-background {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
position: relative; position: relative;
z-index: 3; z-index: 3;
width: 290px; width: 290px;
...@@ -230,7 +231,7 @@ video { ...@@ -230,7 +231,7 @@ video {
} }
} }
.h2-desktop { .h2-desktop {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
font-size: 36px; font-size: 36px;
font-weight: 800; font-weight: 800;
line-height: 62px; line-height: 62px;
...@@ -267,7 +268,7 @@ video { ...@@ -267,7 +268,7 @@ video {
margin-top: 4px; margin-top: 4px;
} }
.text-h2-desktop { .text-h2-desktop {
font-family: SFUIDisplay-Light sans-serif; font-family: SFUIDisplay-Light;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 27px; line-height: 27px;
...@@ -286,16 +287,16 @@ video { ...@@ -286,16 +287,16 @@ video {
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.h2-desktop-tittle { .h2-desktop-tittle {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
max-width: 170px; max-width: 170px;
} }
} }
.h3-desktop { .h3-desktop {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
margin-bottom: 18px; margin-bottom: 18px;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
...@@ -313,7 +314,7 @@ video { ...@@ -313,7 +314,7 @@ video {
} }
} }
.text-h3-desktop { .text-h3-desktop {
font-family: SFUIDisplay-Light sans-serif; font-family: SFUIDisplay-Light;
margin-top: -12px; margin-top: -12px;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
...@@ -323,7 +324,7 @@ video { ...@@ -323,7 +324,7 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.text-h3-desktop { .text-h3-desktop {
font-family: SFUIDisplay-Light sans-serif; font-family: SFUIDisplay-Light;
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
letter-spacing: 0; letter-spacing: 0;
...@@ -418,7 +419,7 @@ video { ...@@ -418,7 +419,7 @@ video {
} }
} }
.advertising-text-order h2 { .advertising-text-order h2 {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
font-size: 36px; font-size: 36px;
line-height: 62px; line-height: 62px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -440,7 +441,7 @@ video { ...@@ -440,7 +441,7 @@ video {
} }
} }
.advertising-text-order p { .advertising-text-order p {
font-family: SFUIDisplay-Light sans-serif; font-family: SFUIDisplay-Light;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 27px; line-height: 27px;
...@@ -488,7 +489,7 @@ video { ...@@ -488,7 +489,7 @@ video {
width: 110%; width: 110%;
} }
.advertising-text h2 { .advertising-text h2 {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
font-size: 36px; font-size: 36px;
line-height: 62px; line-height: 62px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -510,7 +511,7 @@ video { ...@@ -510,7 +511,7 @@ video {
} }
} }
.advertising-text p { .advertising-text p {
font-family: SFUIDisplay-Light sans-serif; font-family: SFUIDisplay-Light;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 27px; line-height: 27px;
...@@ -554,7 +555,7 @@ video { ...@@ -554,7 +555,7 @@ video {
} }
/*option*/ /*option*/
.option h2 { .option h2 {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
font-size: 36px; font-size: 36px;
line-height: 62px; line-height: 62px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -602,7 +603,7 @@ video { ...@@ -602,7 +603,7 @@ video {
max-width: 485px; max-width: 485px;
} }
.option-card-img h4 { .option-card-img h4 {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
font-size: 30px; font-size: 30px;
line-height: 30px; line-height: 30px;
font-weight: 400; font-weight: 400;
...@@ -716,12 +717,12 @@ video { ...@@ -716,12 +717,12 @@ video {
} }
} }
.protection-text { .protection-text {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
height: 90px; height: 90px;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.protection-text { .protection-text {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
height: auto; height: auto;
margin-bottom: 10px; margin-bottom: 10px;
min-width: 216px; min-width: 216px;
...@@ -873,7 +874,7 @@ video { ...@@ -873,7 +874,7 @@ video {
} }
.price-container h6, .price-container h6,
.price-container-active h6 { .price-container-active h6 {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 70px; margin-bottom: 70px;
...@@ -905,7 +906,7 @@ video { ...@@ -905,7 +906,7 @@ video {
border-radius: 4px; border-radius: 4px;
} }
.price-container-active h6 { .price-container-active h6 {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 80px; margin-bottom: 80px;
...@@ -1031,7 +1032,7 @@ video { ...@@ -1031,7 +1032,7 @@ video {
padding-bottom: 14%; padding-bottom: 14%;
} }
.form-wrapper h6 { .form-wrapper h6 {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
font-size: 60px; font-size: 60px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -1039,7 +1040,7 @@ video { ...@@ -1039,7 +1040,7 @@ video {
margin-bottom: 20px; margin-bottom: 20px;
} }
.form-wrapper p { .form-wrapper p {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -1068,7 +1069,7 @@ input.form-last-child { ...@@ -1068,7 +1069,7 @@ input.form-last-child {
margin-bottom: 47px; margin-bottom: 47px;
} }
.form-btn { .form-btn {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
margin-top: -100px; margin-top: -100px;
border: none; border: none;
} }
...@@ -1116,7 +1117,7 @@ footer { ...@@ -1116,7 +1117,7 @@ footer {
margin-top: 12px; margin-top: 12px;
} }
.footer-link a { .footer-link a {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
width: 244px; width: 244px;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
...@@ -1131,7 +1132,7 @@ footer { ...@@ -1131,7 +1132,7 @@ footer {
margin-bottom: 9px; margin-bottom: 9px;
} }
.footer-contacts-link a { .footer-contacts-link a {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 30px; line-height: 30px;
......
css/styles.less
@font-face { @font-face {
font-family: 'HelveticaNeue-Black'; font-family: HelveticaNeue-Black;
/*src: url("../fonts/HelveticaNeue-Black.otf");*/ /*src: url("../fonts/HelveticaNeue-Black.otf");*/
src: url("../fonts/HelveticaNeue-Black.otf"); src: url("../fonts/HelveticaNeue-Black.otf");
} }
...@@ -23,7 +23,7 @@ body { ...@@ -23,7 +23,7 @@ body {
justify-content: center; justify-content: center;
} }
button.main-btn, .header-btn { button.main-btn, .header-btn {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
width: 290px; width: 290px;
height: 52px; height: 52px;
margin-top: 30px; margin-top: 30px;
...@@ -37,7 +37,7 @@ button.main-btn, .header-btn { ...@@ -37,7 +37,7 @@ button.main-btn, .header-btn {
letter-spacing: 0.18px; letter-spacing: 0.18px;
text-align: center; text-align: center;
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
width: 143px; width: 143px;
height: 44px; height: 44px;
margin-top: 30px; margin-top: 30px;
...@@ -124,7 +124,7 @@ header { ...@@ -124,7 +124,7 @@ header {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
letter-spacing: 0.14px; letter-spacing: 0.14px;
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
} }
} }
.header-line { .header-line {
...@@ -149,7 +149,7 @@ i.icon-last { ...@@ -149,7 +149,7 @@ i.icon-last {
h1 { h1 {
position: relative; position: relative;
z-index: 3; z-index: 3;
font-family: 'HelveticaNeue-Black'; font-family: AvenirNext-Heavy;
font-size: 60px; font-size: 60px;
color: white; color: white;
font-weight: 800; font-weight: 800;
...@@ -160,7 +160,7 @@ h1 { ...@@ -160,7 +160,7 @@ h1 {
.header-h1-line{ .header-h1-line{
position: relative; position: relative;
z-index: 3; z-index: 3;
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
width: 398px; width: 398px;
height: 4px; height: 4px;
border-bottom: #c94d4e 2px solid; border-bottom: #c94d4e 2px solid;
...@@ -179,9 +179,10 @@ h1 { ...@@ -179,9 +179,10 @@ h1 {
.header-btn { .header-btn {
position: relative; position: relative;
z-index: 3; z-index: 3;
border: none;
} }
.header-btn-background { .header-btn-background {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
position: relative; position: relative;
z-index: 3; z-index: 3;
width: 290px; width: 290px;
...@@ -222,7 +223,7 @@ video { ...@@ -222,7 +223,7 @@ video {
} }
} }
.h2-desktop { .h2-desktop {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
font-size: 36px; font-size: 36px;
font-weight: 800; font-weight: 800;
line-height: 62px; line-height: 62px;
...@@ -257,7 +258,7 @@ video { ...@@ -257,7 +258,7 @@ video {
margin-top: 4px; margin-top: 4px;
} }
.text-h2-desktop { .text-h2-desktop {
font-family: SFUIDisplay-Light sans-serif; font-family: SFUIDisplay-Light;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 27px; line-height: 27px;
...@@ -274,14 +275,14 @@ video { ...@@ -274,14 +275,14 @@ video {
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
@media (max-width: 576px){ @media (max-width: 576px){
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
max-width: 170px; max-width: 170px;
} }
} }
.h3-desktop { .h3-desktop {
font-family: AvenirNext-Heavy sans-serif; font-family: HelveticaNeue-Black;
margin-bottom: 18px; margin-bottom: 18px;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
...@@ -297,7 +298,7 @@ video { ...@@ -297,7 +298,7 @@ video {
} }
} }
.text-h3-desktop { .text-h3-desktop {
font-family: SFUIDisplay-Light sans-serif; font-family: SFUIDisplay-Light;
margin-top: -12px; margin-top: -12px;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
...@@ -305,7 +306,7 @@ video { ...@@ -305,7 +306,7 @@ video {
color: #303a81; color: #303a81;
letter-spacing: 0.16px; letter-spacing: 0.16px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: SFUIDisplay-Light sans-serif; font-family: SFUIDisplay-Light;
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
letter-spacing: 0; letter-spacing: 0;
...@@ -483,7 +484,7 @@ video { ...@@ -483,7 +484,7 @@ video {
text-align: center; text-align: center;
max-width: 485px; max-width: 485px;
h4 { h4 {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
font-size: 30px; font-size: 30px;
line-height: 30px; line-height: 30px;
font-weight: 400; font-weight: 400;
...@@ -585,10 +586,10 @@ video { ...@@ -585,10 +586,10 @@ video {
} }
} }
.protection-text { .protection-text {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
height: 90px; height: 90px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
height: auto; height: auto;
margin-bottom: 10px; margin-bottom: 10px;
min-width: 216px; min-width: 216px;
...@@ -725,7 +726,7 @@ video { ...@@ -725,7 +726,7 @@ video {
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
h6 { h6 {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 70px; margin-bottom: 70px;
...@@ -756,7 +757,7 @@ video { ...@@ -756,7 +757,7 @@ video {
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
h6 { h6 {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 80px; margin-bottom: 80px;
...@@ -878,7 +879,7 @@ video { ...@@ -878,7 +879,7 @@ video {
padding-top: 12.7%; padding-top: 12.7%;
padding-bottom: 14%; padding-bottom: 14%;
h6 { h6 {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
font-size: 60px; font-size: 60px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -886,7 +887,7 @@ video { ...@@ -886,7 +887,7 @@ video {
margin-bottom: 20px; margin-bottom: 20px;
} }
p { p {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -916,7 +917,7 @@ input.form-last-child { ...@@ -916,7 +917,7 @@ input.form-last-child {
margin-bottom: 47px; margin-bottom: 47px;
} }
.form-btn { .form-btn {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
margin-top: -100px; margin-top: -100px;
border: none; border: none;
} }
...@@ -962,7 +963,7 @@ footer { ...@@ -962,7 +963,7 @@ footer {
margin-top: 12px; margin-top: 12px;
} }
.footer-link a{ .footer-link a{
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
width: 244px; width: 244px;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
...@@ -977,7 +978,7 @@ footer { ...@@ -977,7 +978,7 @@ footer {
margin-bottom: 9px; margin-bottom: 9px;
} }
.footer-contacts-link a { .footer-contacts-link a {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 30px; line-height: 30px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment