Skip to content

L
landing_pages
Commit cbfbd797 by Iren
Options

add fonts

parent 19d37da0
Showing with 43 additions and 54 deletions
css/styles.css
......@@ -4,6 +4,11 @@
src: url("../fonts/ofont.ru_Avenir Next.ttf");
}
@font-face {
font-family: SF-UI-Display-Black;
/*src: url("../fonts/HelveticaNeue-Black.otf");*/
src: url("../fonts/SF-UI-Display-Black.ttf");
}
@font-face {
font-family: SFUIDisplay-Regular;
src: url("../fonts/SF-UI-Display-Regular.ttf");
font-weight: normal;
......@@ -288,7 +293,7 @@ header {
h1 {
position: relative;
z-index: 3;
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-size: 60px;
color: white;
font-weight: 800;
......@@ -337,6 +342,12 @@ h1 {
}
.header-text-center {
text-align: center;
width: 50%;
}
@media (max-width: 576px) {
.header-text-center {
width: 100%;
}
}
.header-text {
text-align: left;
......@@ -444,6 +455,7 @@ h1 {
}
.header-video {
position: relative;
width: 50%;
}
@media (max-width: 576px) {
.header-video {
......@@ -488,7 +500,7 @@ video {
}
}
.h2-desktop {
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-size: 36px;
font-weight: 800;
line-height: 62px;
......@@ -499,7 +511,6 @@ video {
}
@media (max-width: 576px) {
.h2-desktop {
font-family: Avenir Next;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -508,6 +519,9 @@ video {
margin-top: 20px;
}
}
.h2-desktop-mail {
font-family: SF-UI-Display-Black;
}
@media (max-width: 576px) {
.h2-desktop-mail {
width: 200px;
......@@ -560,7 +574,7 @@ video {
}
}
.h2-desktop-tittle {
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-weight: 800;
}
@media (max-width: 576px) {
......@@ -803,7 +817,7 @@ video {
color: #315197;
letter-spacing: 0.36px;
max-width: 803px;
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
margin-bottom: 21px;
margin-top: 8px;
line-height: 36px;
......@@ -811,7 +825,6 @@ video {
}
@media (max-width: 576px) {
.advertising-text-order h2 {
font-family: Avenir Next;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -844,7 +857,7 @@ video {
color: #315197;
letter-spacing: 0.36px;
max-width: 803px;
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-weight: 700;
margin-bottom: 21px;
margin-top: 4px;
......@@ -852,7 +865,6 @@ video {
}
@media (max-width: 576px) {
.advertising-text h2 {
font-family: Avenir Next;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -950,13 +962,12 @@ video {
color: #315197;
letter-spacing: 0.36px;
max-width: 803px;
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-weight: 800;
margin-bottom: 0;
}
@media (max-width: 576px) {
.option h2 {
font-family: Avenir Next;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -1940,7 +1951,7 @@ video {
.form-wrapper {
text-align: center;
height: 548px;
max-width: 610px;
max-width: 650px;
margin: 0 auto;
padding-top: 12.7%;
padding-bottom: 14%;
......@@ -1952,7 +1963,7 @@ video {
}
}
.form-wrapper h6 {
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-size: 60px;
font-weight: 400;
color: white;
......@@ -1966,7 +1977,6 @@ video {
}
@media (max-width: 576px) {
.form-wrapper h6 {
font-family: Avenir Next;
font-size: 30px;
font-weight: 400;
line-height: 62px;
......@@ -2247,17 +2257,4 @@ input.form-last-child {
width: 5px;
}
}
#mous {
width: 50px;
height: 50px;
background: #00aa88;
}
#dog {
width: 100px;
height: 100px;
background: red;
}
.page-header__burger--active {
display: none;
}
/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
css/styles.less
......@@ -4,6 +4,11 @@
src: url("../fonts/ofont.ru_Avenir Next.ttf");
}
@font-face {
font-family: SF-UI-Display-Black;
/*src: url("../fonts/HelveticaNeue-Black.otf");*/
src: url("../fonts/SF-UI-Display-Black.ttf");
}
@font-face {
font-family: SFUIDisplay-Regular;
src: url("../fonts/SF-UI-Display-Regular.ttf");
font-weight: normal;
......@@ -242,7 +247,7 @@ header {
h1 {
position: relative;
z-index: 3;
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-size: 60px;
color: white;
font-weight: 800;
......@@ -283,6 +288,10 @@ h1 {
}
.header-text-center {
text-align: center;
width: 50%;
@media (max-width: 576px){
width: 100%;
}
}
.header-text {
text-align: left;
......@@ -374,6 +383,7 @@ h1 {
}
.header-video {
position: relative;
width: 50%;
@media (max-width: 576px) {
display: none;
width: 150px;
......@@ -411,7 +421,7 @@ video {
}
}
.h2-desktop {
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-size: 36px;
font-weight: 800;
line-height: 62px;
......@@ -420,7 +430,6 @@ video {
letter-spacing: 0.36px;
max-width: 803px;
@media (max-width: 576px) {
font-family: Avenir Next;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -430,6 +439,7 @@ video {
}
}
.h2-desktop-mail {
font-family: SF-UI-Display-Black;
@media (max-width: 576px) {
width: 200px;
font-weight: 700;
......@@ -477,7 +487,7 @@ video {
}
}
.h2-desktop-tittle {
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-weight: 800;
@media (max-width: 576px){
max-width: 170px;
......@@ -669,7 +679,7 @@ video {
width: 110%;
h2 {
.h2-desktop;
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
margin-bottom: 21px;
margin-top: 8px;
line-height: 36px;
......@@ -692,7 +702,7 @@ video {
width: 110%;
h2 {
.h2-desktop;
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-weight: 700;
margin-bottom: 21px;
margin-top: 4px;
......@@ -771,7 +781,7 @@ video {
h2
{
.h2-desktop;
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-weight: 800;
margin-bottom: 0;
@media (max-width: 576px) {
......@@ -1565,7 +1575,7 @@ video {
.form-wrapper {
text-align: center;
height: 548px;
max-width: 610px;
max-width: 650px;
margin: 0 auto;
padding-top: 12.7%;
padding-bottom: 14%;
......@@ -1574,7 +1584,7 @@ video {
padding-top: 71px;
}
h6 {
font-family: Avenir Next;
font-family: SF-UI-Display-Black;
font-size: 60px;
font-weight: 400;
color: white;
......@@ -1584,7 +1594,6 @@ video {
font-size: 50px;
}
@media (max-width: 576px) {
font-family: Avenir Next;
font-size: 30px;
font-weight: 400;
line-height: 62px;
......@@ -1837,19 +1846,7 @@ footer {
}
}
#mous {
width: 50px;
height: 50px;
background: #00aa88;
}
#dog {
width: 100px;
height: 100px;
background: red;
}
.page-header__burger--active {
display: none;
}
index.html
......@@ -1139,10 +1139,6 @@
</div>
</div>
</div>
<div id="mous">
</div>
<div id="dog">
</div>
</footer>
<!--
<section id="id_about_section">
......
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