Skip to content

L
landing_pages
Commit 67540d95 by Iren
Options

add header

parent 0dd4d620
Showing with 393 additions and 73 deletions
css/styles.css
@font-face { @font-face {
font-family: AvenirNext-Heavy; font-family: 'HelveticaNeue-Black';
src: url("../fonts/AvenirNext-Heavy.ttf"); /*src: url("../fonts/HelveticaNeue-Black.otf");*/
font-weight: normal; src: url("../fonts/HelveticaNeue-Black.otf");
font-style: normal;
} }
@font-face { @font-face {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
...@@ -23,8 +22,9 @@ body { ...@@ -23,8 +22,9 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
button.main-btn { button.main-btn,
font-family: SFUIDisplay-Regular; .header-btn {
font-family: SFUIDisplay-Regular sans-serif;
width: 290px; width: 290px;
height: 52px; height: 52px;
margin-top: 30px; margin-top: 30px;
...@@ -39,8 +39,9 @@ button.main-btn { ...@@ -39,8 +39,9 @@ button.main-btn {
text-align: center; text-align: center;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
button.main-btn { button.main-btn,
font-family: SFUIDisplay-Regular; .header-btn {
font-family: SFUIDisplay-Regular sans-serif;
width: 143px; width: 143px;
height: 44px; height: 44px;
margin-top: 30px; margin-top: 30px;
...@@ -79,15 +80,141 @@ header { ...@@ -79,15 +80,141 @@ header {
width: 100%; width: 100%;
height: 733px; height: 733px;
} }
.bbb { .header-container {
height: 733px; height: 733px;
color: red; color: red;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.bbb { .header-container {
height: 200px; height: 200px;
} }
} }
.header-wrapp {
display: flex;
justify-content: space-between;
height: 19%;
}
.header-img {
width: 19.6%;
margin-top: 1.8%;
}
.header-img img {
position: relative;
z-index: 3;
width: 100%;
height: 37%;
}
.header-nav {
position: relative;
z-index: 3;
display: flex;
justify-content: flex-end;
width: 67.6%;
height: 4.7%;
margin-top: 3%;
}
.header-link {
margin-right: 2.5%;
}
.header-link a {
color: white;
text-decoration: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.14px;
font-family: SFUIDisplay-Regular;
}
.header-link-language {
margin-right: 2.5%;
}
.header-link-language a {
color: white;
text-decoration: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.14px;
font-family: SFUIDisplay-Regular sans-serif;
}
.header-line {
width: 30px;
height: 35px;
margin-top: -6px;
border-left: white 1px solid;
}
.header-icon i {
color: white;
font-size: 18px;
margin-right: 5px;
}
.header-icon i:last-child {
margin-right: 0!important;
}
i.icon-last {
margin-right: 0;
}
h1 {
position: relative;
z-index: 3;
font-family: 'HelveticaNeue-Black';
font-size: 60px;
color: white;
font-weight: 800;
line-height: 62px;
letter-spacing: 0.6px;
margin-bottom: 2.5%;
}
.header-h1-line {
position: relative;
z-index: 3;
font-family: SFUIDisplay-Regular sans-serif;
width: 398px;
height: 4px;
border-bottom: #c94d4e 2px solid;
margin-bottom: 4.2%;
}
.header-text {
position: relative;
z-index: 3;
margin-bottom: 12px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0;
color: white;
}
.header-btn {
position: relative;
z-index: 3;
}
.header-btn-background {
font-family: SFUIDisplay-Regular sans-serif;
position: relative;
z-index: 3;
width: 290px;
height: 52px;
margin-top: 30px;
margin-bottom: 75px;
border-radius: 26px;
border: #c94d4e 1px solid;
background-color: transparent;
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.18px;
text-align: center;
}
.header-text-wrapper {
display: flex;
justify-content: space-between;
}
video {
width: 100%;
height: 70%;
margin-top: 5%;
position: relative;
z-index: 3;
}
.main-container { .main-container {
position: relative; position: relative;
max-width: 1250px; max-width: 1250px;
...@@ -103,7 +230,7 @@ header { ...@@ -103,7 +230,7 @@ header {
} }
} }
.h2-desktop { .h2-desktop {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 36px; font-size: 36px;
font-weight: 800; font-weight: 800;
line-height: 62px; line-height: 62px;
...@@ -140,7 +267,7 @@ header { ...@@ -140,7 +267,7 @@ header {
margin-top: 4px; margin-top: 4px;
} }
.text-h2-desktop { .text-h2-desktop {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 27px; line-height: 27px;
...@@ -159,16 +286,16 @@ header { ...@@ -159,16 +286,16 @@ header {
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.h2-desktop-tittle { .h2-desktop-tittle {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
max-width: 170px; max-width: 170px;
} }
} }
.h3-desktop { .h3-desktop {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
margin-bottom: 18px; margin-bottom: 18px;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
...@@ -186,7 +313,7 @@ header { ...@@ -186,7 +313,7 @@ header {
} }
} }
.text-h3-desktop { .text-h3-desktop {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light sans-serif;
margin-top: -12px; margin-top: -12px;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
...@@ -196,7 +323,7 @@ header { ...@@ -196,7 +323,7 @@ header {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.text-h3-desktop { .text-h3-desktop {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light sans-serif;
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
letter-spacing: 0; letter-spacing: 0;
...@@ -291,7 +418,7 @@ header { ...@@ -291,7 +418,7 @@ header {
} }
} }
.advertising-text-order h2 { .advertising-text-order h2 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 36px; font-size: 36px;
line-height: 62px; line-height: 62px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -313,7 +440,7 @@ header { ...@@ -313,7 +440,7 @@ header {
} }
} }
.advertising-text-order p { .advertising-text-order p {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 27px; line-height: 27px;
...@@ -361,7 +488,7 @@ header { ...@@ -361,7 +488,7 @@ header {
width: 110%; width: 110%;
} }
.advertising-text h2 { .advertising-text h2 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 36px; font-size: 36px;
line-height: 62px; line-height: 62px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -383,7 +510,7 @@ header { ...@@ -383,7 +510,7 @@ header {
} }
} }
.advertising-text p { .advertising-text p {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 27px; line-height: 27px;
...@@ -427,7 +554,7 @@ header { ...@@ -427,7 +554,7 @@ header {
} }
/*option*/ /*option*/
.option h2 { .option h2 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 36px; font-size: 36px;
line-height: 62px; line-height: 62px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -475,7 +602,7 @@ header { ...@@ -475,7 +602,7 @@ header {
max-width: 485px; max-width: 485px;
} }
.option-card-img h4 { .option-card-img h4 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 30px; font-size: 30px;
line-height: 30px; line-height: 30px;
font-weight: 400; font-weight: 400;
...@@ -589,12 +716,12 @@ header { ...@@ -589,12 +716,12 @@ header {
} }
} }
.protection-text { .protection-text {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
height: 90px; height: 90px;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.protection-text { .protection-text {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
height: auto; height: auto;
margin-bottom: 10px; margin-bottom: 10px;
min-width: 216px; min-width: 216px;
...@@ -627,7 +754,7 @@ header { ...@@ -627,7 +754,7 @@ header {
margin-bottom: 70px; margin-bottom: 70px;
} }
.catalog-img-container { .catalog-img-container {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
margin-right: 5%; margin-right: 5%;
margin-bottom: 60px; margin-bottom: 60px;
} }
...@@ -727,6 +854,12 @@ header { ...@@ -727,6 +854,12 @@ header {
justify-content: space-between; justify-content: space-between;
margin-bottom: 143px; margin-bottom: 143px;
} }
@media (max-width: 1250px) {
.price-wrapper {
position: absolute;
display: none;
}
}
.price-container, .price-container,
.price-container-active { .price-container-active {
position: relative; position: relative;
...@@ -740,7 +873,7 @@ header { ...@@ -740,7 +873,7 @@ header {
} }
.price-container h6, .price-container h6,
.price-container-active h6 { .price-container-active h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 70px; margin-bottom: 70px;
...@@ -772,7 +905,7 @@ header { ...@@ -772,7 +905,7 @@ header {
border-radius: 4px; border-radius: 4px;
} }
.price-container-active h6 { .price-container-active h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 80px; margin-bottom: 80px;
...@@ -898,7 +1031,7 @@ header { ...@@ -898,7 +1031,7 @@ header {
padding-bottom: 14%; padding-bottom: 14%;
} }
.form-wrapper h6 { .form-wrapper h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 60px; font-size: 60px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -906,7 +1039,7 @@ header { ...@@ -906,7 +1039,7 @@ header {
margin-bottom: 20px; margin-bottom: 20px;
} }
.form-wrapper p { .form-wrapper p {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -935,7 +1068,7 @@ input.form-last-child { ...@@ -935,7 +1068,7 @@ input.form-last-child {
margin-bottom: 47px; margin-bottom: 47px;
} }
.form-btn { .form-btn {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
margin-top: -100px; margin-top: -100px;
border: none; border: none;
} }
...@@ -983,7 +1116,7 @@ footer { ...@@ -983,7 +1116,7 @@ footer {
margin-top: 12px; margin-top: 12px;
} }
.footer-link a { .footer-link a {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
width: 244px; width: 244px;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
...@@ -998,7 +1131,7 @@ footer { ...@@ -998,7 +1131,7 @@ footer {
margin-bottom: 9px; margin-bottom: 9px;
} }
.footer-contacts-link a { .footer-contacts-link a {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 30px; line-height: 30px;
...@@ -1006,7 +1139,7 @@ footer { ...@@ -1006,7 +1139,7 @@ footer {
letter-spacing: 0.16px; letter-spacing: 0.16px;
} }
.footer-icon-text { .footer-icon-text {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 30px; line-height: 30px;
......
css/styles.css.map
{"version":3,"sources":["styles.less"],"names":[],"mappings":"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","file":"styles.css"} {"version":3,"sources":["styles.less"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file \ No newline at end of file
css/styles.less
@font-face { @font-face {
font-family: AvenirNext-Heavy; font-family: 'HelveticaNeue-Black';
src: url("../fonts/AvenirNext-Heavy.ttf"); /*src: url("../fonts/HelveticaNeue-Black.otf");*/
font-weight: normal; src: url("../fonts/HelveticaNeue-Black.otf");
font-style: normal;
} }
@font-face { @font-face {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
...@@ -23,8 +22,8 @@ body { ...@@ -23,8 +22,8 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
button.main-btn { button.main-btn, .header-btn {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
width: 290px; width: 290px;
height: 52px; height: 52px;
margin-top: 30px; margin-top: 30px;
...@@ -38,7 +37,7 @@ button.main-btn { ...@@ -38,7 +37,7 @@ button.main-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; font-family: SFUIDisplay-Regular sans-serif;
width: 143px; width: 143px;
height: 44px; height: 44px;
margin-top: 30px; margin-top: 30px;
...@@ -75,13 +74,141 @@ header { ...@@ -75,13 +74,141 @@ header {
width: 100%; width: 100%;
height: 733px; height: 733px;
} }
.bbb { .header-container {
height: 733px; height: 733px;
color: red; color: red;
@media (max-width: 576px) { @media (max-width: 576px) {
height: 200px; height: 200px;
} }
} }
.header-wrapp {
display: flex;
justify-content: space-between;
height: 19%;
}
.header-img {
width: 19.6%;
margin-top: 1.8%;
img {
position: relative;
z-index: 3;
width: 100%;
height: 37%;
}
}
.header-nav {
position: relative;
z-index: 3;
display: flex;
justify-content: flex-end;
width: 67.6%;
height: 4.7%;
margin-top: 3%;
}
.header-link {
margin-right: 2.5%;
a {
color: white;
text-decoration: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.14px;
font-family: SFUIDisplay-Regular;
}
}
.header-link-language {
margin-right: 2.5%;
a {
color: white;
text-decoration: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.14px;
font-family: SFUIDisplay-Regular sans-serif;
}
}
.header-line {
width: 30px;
height: 35px;
margin-top: -6px;
border-left: white 1px solid;
}
.header-icon {
i {
color: white;
font-size: 18px;
margin-right: 5px;
}
i:last-child {
margin-right: 0!important;
}
}
i.icon-last {
margin-right: 0;
}
h1 {
position: relative;
z-index: 3;
font-family: 'HelveticaNeue-Black';
font-size: 60px;
color: white;
font-weight: 800;
line-height: 62px;
letter-spacing: 0.6px;
margin-bottom: 2.5%;
}
.header-h1-line{
position: relative;
z-index: 3;
font-family: SFUIDisplay-Regular sans-serif;
width: 398px;
height: 4px;
border-bottom: #c94d4e 2px solid;
margin-bottom: 4.2%;
}
.header-text {
position: relative;
z-index: 3;
margin-bottom: 12px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0;
color: white;
}
.header-btn {
position: relative;
z-index: 3;
}
.header-btn-background {
font-family: SFUIDisplay-Regular sans-serif;
position: relative;
z-index: 3;
width: 290px;
height: 52px;
margin-top: 30px;
margin-bottom: 75px;
border-radius: 26px;
border: #c94d4e 1px solid;
background-color: transparent;
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.18px;
text-align: center;
}
.header-text-wrapper {
display: flex;
justify-content: space-between;
}
video {
width: 100%;
height: 70%;
margin-top: 5%;
position: relative;
z-index: 3;
}
.main-container { .main-container {
position: relative; position: relative;
max-width: 1250px; max-width: 1250px;
...@@ -95,7 +222,7 @@ header { ...@@ -95,7 +222,7 @@ header {
} }
} }
.h2-desktop { .h2-desktop {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 36px; font-size: 36px;
font-weight: 800; font-weight: 800;
line-height: 62px; line-height: 62px;
...@@ -130,7 +257,7 @@ header { ...@@ -130,7 +257,7 @@ header {
margin-top: 4px; margin-top: 4px;
} }
.text-h2-desktop { .text-h2-desktop {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 27px; line-height: 27px;
...@@ -147,14 +274,14 @@ header { ...@@ -147,14 +274,14 @@ header {
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
@media (max-width: 576px){ @media (max-width: 576px){
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
max-width: 170px; max-width: 170px;
} }
} }
.h3-desktop { .h3-desktop {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
margin-bottom: 18px; margin-bottom: 18px;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
...@@ -170,7 +297,7 @@ header { ...@@ -170,7 +297,7 @@ header {
} }
} }
.text-h3-desktop { .text-h3-desktop {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light sans-serif;
margin-top: -12px; margin-top: -12px;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
...@@ -178,7 +305,7 @@ header { ...@@ -178,7 +305,7 @@ header {
color: #303a81; color: #303a81;
letter-spacing: 0.16px; letter-spacing: 0.16px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light sans-serif;
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
letter-spacing: 0; letter-spacing: 0;
...@@ -267,7 +394,6 @@ header { ...@@ -267,7 +394,6 @@ header {
p { p {
.text-h2-desktop; .text-h2-desktop;
} }
} }
.advertising-text .main-line { .advertising-text .main-line {
margin-bottom: 24px; margin-bottom: 24px;
...@@ -293,16 +419,11 @@ header { ...@@ -293,16 +419,11 @@ header {
width: 100%; width: 100%;
} }
} }
} }
.advertising-text { .advertising-text {
width: 110%; width: 110%;
h2 { h2 {
.h2-desktop; .h2-desktop;
margin-bottom: 31px; margin-bottom: 31px;
line-height: 36px; line-height: 36px;
font-weight: 800; font-weight: 800;
...@@ -316,7 +437,6 @@ header { ...@@ -316,7 +437,6 @@ header {
} }
.advertising-img { .advertising-img {
@media (min-height: 577px) { @media (min-height: 577px) {
margin-top: -65px; margin-top: -65px;
width: 120%; width: 120%;
padding-top: 0; padding-top: 0;
...@@ -363,7 +483,7 @@ header { ...@@ -363,7 +483,7 @@ header {
text-align: center; text-align: center;
max-width: 485px; max-width: 485px;
h4 { h4 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 30px; font-size: 30px;
line-height: 30px; line-height: 30px;
font-weight: 400; font-weight: 400;
...@@ -465,10 +585,10 @@ header { ...@@ -465,10 +585,10 @@ header {
} }
} }
.protection-text { .protection-text {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
height: 90px; height: 90px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
height: auto; height: auto;
margin-bottom: 10px; margin-bottom: 10px;
min-width: 216px; min-width: 216px;
...@@ -498,7 +618,7 @@ header { ...@@ -498,7 +618,7 @@ header {
margin-bottom: 70px; margin-bottom: 70px;
} }
.catalog-img-container { .catalog-img-container {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
margin-right: 5%; margin-right: 5%;
margin-bottom: 60px; margin-bottom: 60px;
img { img {
...@@ -590,6 +710,10 @@ header { ...@@ -590,6 +710,10 @@ header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 143px; margin-bottom: 143px;
@media (max-width: 1250px) {
position: absolute;
display: none;
}
} }
.price-container, .price-container-active { .price-container, .price-container-active {
position: relative; position: relative;
...@@ -601,7 +725,7 @@ header { ...@@ -601,7 +725,7 @@ header {
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
h6 { h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 70px; margin-bottom: 70px;
...@@ -632,7 +756,7 @@ header { ...@@ -632,7 +756,7 @@ header {
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
h6 { h6 {
font-family: AvenirNext-Heavy;; font-family: AvenirNext-Heavy sans-serif;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 80px; margin-bottom: 80px;
...@@ -754,7 +878,7 @@ header { ...@@ -754,7 +878,7 @@ header {
padding-top: 12.7%; padding-top: 12.7%;
padding-bottom: 14%; padding-bottom: 14%;
h6 { h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy sans-serif;
font-size: 60px; font-size: 60px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -762,7 +886,7 @@ header { ...@@ -762,7 +886,7 @@ header {
margin-bottom: 20px; margin-bottom: 20px;
} }
p { p {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -792,7 +916,7 @@ input.form-last-child { ...@@ -792,7 +916,7 @@ input.form-last-child {
margin-bottom: 47px; margin-bottom: 47px;
} }
.form-btn { .form-btn {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
margin-top: -100px; margin-top: -100px;
border: none; border: none;
} }
...@@ -838,7 +962,7 @@ footer { ...@@ -838,7 +962,7 @@ footer {
margin-top: 12px; margin-top: 12px;
} }
.footer-link a{ .footer-link a{
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
width: 244px; width: 244px;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
...@@ -853,7 +977,7 @@ footer { ...@@ -853,7 +977,7 @@ footer {
margin-bottom: 9px; margin-bottom: 9px;
} }
.footer-contacts-link a { .footer-contacts-link a {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 30px; line-height: 30px;
...@@ -861,7 +985,7 @@ footer { ...@@ -861,7 +985,7 @@ footer {
letter-spacing: 0.16px; letter-spacing: 0.16px;
} }
.footer-icon-text { .footer-icon-text {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 30px; line-height: 30px;
......
index.html
...@@ -9,12 +9,75 @@ ...@@ -9,12 +9,75 @@
<link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/styles.css" /> <link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" /> <link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" />
</head> </head>
<body> <body>
<header> <header>
<div class="main-container"> <div class="main-container">
<div class="bbb">hhhhh <div class="header-container">
<div class="header-wrapp">
<div class="header-img">
<img src="img/header-logo.png">
</div>
<div class="header-nav">
<div class="header-link">
<a href="">Продукт</a>
</div>
<div class="header-link">
<a href="">Цены</a>
</div>
<div class="header-link">
<a href="">Контакты</a>
</div>
<div class="header-line">
</div>
<div class="header-link">
<a href="">Войти</a>
</div>
<div class="header-link">
<a href="">Зарегистрироваться</a>
</div>
<div class="header-line">
</div>
<div class="header-link-language">
<a href="">Eng</a>
</div>
<div class="header-link-language">
<a href="">Rus</a>
</div>
<div class="header-line">
</div>
<div class="header-icon">
<i class="fa fa-facebook-square footer-icon" aria-hidden="true"></i>
<i class="fa fa-circle footer-icon" aria-hidden="true"></i>
<i class="fa fa-plus-square footer-icon" aria-hidden="true"></i>
<i class="fa fa-ambulance footer-icon icon-last" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="header-text-wrapper">
<div>
<h1>От беспорядка<br>к системности<br>в бизнесе</h1>
<div class="header-h1-line">
</div>
<p class="header-text">
MySmart office (MSO) – единая платформа с открытым API,<br>гибкими инструментами адаптации под любой бизнес<br>
и неограниченными возможностями масштабирования.<br>
С помощью MSO вы сможете автоматизировать любой бизнес-процесс.
</p>
<button type="button" class="main-btn header-btn">Зарегистрироваться</button>
<button type="button" class="header-btn-background">Узнать больше</button>
</div>
<div>
<video controls="controls" poster="img/video.png">
<source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
Тег video не поддерживается вашим браузером.
<a href="video/duel.mp4">Скачайте видео</a>.
</video>
</div>
</div>
</div> </div>
</div> </div>
<div class="background-banner"> <div class="background-banner">
...@@ -1035,7 +1098,7 @@ ...@@ -1035,7 +1098,7 @@
<a href="">Лицензионное соглашение</a> <a href="">Лицензионное соглашение</a>
</div> </div>
<div class="footer-link"> <div class="footer-link">
<a href="">Политика конфиденциальности</a> <a href="">Политика конфиденциальности</a>
</div> </div>
<img class="footer-img" src="img/footer-img.png"> <img class="footer-img" src="img/footer-img.png">
</div> </div>
......
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