Skip to content

L
landing_pages
Commit 8e59d69e by Iren
Options

add icon

parent f3c8cea2
Showing with 48 additions and 70 deletions
css/styles.css
/*@desktop-size: 900px; @font-face {
@mobile-size: 400px; font-family: AvenirNext-Heavy;
src: url("../fonts/AvenirNext-Heavy.ttf");
#id_about_section { font-weight: normal;
.section-header { font-style: normal;
@media (min-width: @desktop-size) { }
h3 { }
p { }
}
@media (min-width: @mobile-size) {
h3 { }
p { }
}
}
.item-wrapper {
.item {
// Тут нужн овпилить на флексах
// Тут нужно сделать чтобы картинка была по центру или по низу
// в зависимости от разрешения
@media (min-width: @desktop-size) {
img { }
h4 { }
p { }
}
@media (min-width: @mobile-size) {
img { }
h4 { }
p {}
}
}
}
}*/
body { body {
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -736,6 +708,7 @@ header { ...@@ -736,6 +708,7 @@ header {
} }
.price-container h6, .price-container h6,
.price-container-active h6 { .price-container-active h6 {
font-family: AvenirNext-Heavy;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 70px; margin-bottom: 70px;
...@@ -767,6 +740,7 @@ header { ...@@ -767,6 +740,7 @@ header {
border-radius: 4px; border-radius: 4px;
} }
.price-container-active h6 { .price-container-active h6 {
font-family: AvenirNext-Heavy;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 80px; margin-bottom: 80px;
...@@ -892,6 +866,7 @@ header { ...@@ -892,6 +866,7 @@ header {
padding-bottom: 14%; padding-bottom: 14%;
} }
.form-wrapper h6 { .form-wrapper h6 {
font-family: AvenirNext-Heavy;
font-size: 60px; font-size: 60px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -994,4 +969,15 @@ footer { ...@@ -994,4 +969,15 @@ footer {
color: #315197; color: #315197;
letter-spacing: 0.16px; letter-spacing: 0.16px;
} }
.footer-icon-text {
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: #315197;
letter-spacing: 0.16px;
}
.footer-icon {
color: #315197;
margin-left: 27px;
}
/*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */
\ No newline at end of file
css/styles.less
@font-face {
/*@desktop-size: 900px; font-family: AvenirNext-Heavy;
@mobile-size: 400px; src: url("../fonts/AvenirNext-Heavy.ttf");
font-weight: normal;
#id_about_section { font-style: normal;
.section-header { }
@media (min-width: @desktop-size) {
h3 { }
p { }
}
@media (min-width: @mobile-size) {
h3 { }
p { }
}
}
.item-wrapper {
.item {
// Тут нужн овпилить на флексах
// Тут нужно сделать чтобы картинка была по центру или по низу
// в зависимости от разрешения
@media (min-width: @desktop-size) {
img { }
h4 { }
p { }
}
@media (min-width: @mobile-size) {
img { }
h4 { }
p {}
}
}
}
}*/
body { body {
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -605,6 +576,7 @@ header { ...@@ -605,6 +576,7 @@ header {
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
h6 { h6 {
font-family: AvenirNext-Heavy;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 70px; margin-bottom: 70px;
...@@ -635,6 +607,7 @@ header { ...@@ -635,6 +607,7 @@ header {
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
h6 { h6 {
font-family: AvenirNext-Heavy;;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 80px; margin-bottom: 80px;
...@@ -756,6 +729,7 @@ header { ...@@ -756,6 +729,7 @@ header {
padding-top: 12.7%; padding-top: 12.7%;
padding-bottom: 14%; padding-bottom: 14%;
h6 { h6 {
font-family: AvenirNext-Heavy;
font-size: 60px; font-size: 60px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -857,3 +831,14 @@ footer { ...@@ -857,3 +831,14 @@ footer {
color: #315197; color: #315197;
letter-spacing: 0.16px; letter-spacing: 0.16px;
} }
.footer-icon-text {
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: #315197;
letter-spacing: 0.16px;
}
.footer-icon {
color: #315197;
margin-left: 27px;
}
index.html
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
<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" />
</head> </head>
<body> <body>
<header> <header>
...@@ -1043,12 +1044,17 @@ ...@@ -1043,12 +1044,17 @@
<a href="">Вход для клиентов</a> <a href="">Вход для клиентов</a>
</div> </div>
<div class="footer-contacts-link"> <div class="footer-contacts-link">
<a href="tel:+78003332222"">+7 000 000 00 00</a> <a href="tel:+78003332222">+7 000 000 00 00</a>
</div> </div>
<div class="footer-contacts-link"> <div class="footer-contacts-link">
<a href="mailto:78003332222@yandex.ru">exemple@email.com</a> <a href="mailto:78003332222@yandex.ru">exemple@email.com</a>
</div> </div>
<div class="footer-contact-img"> <div class="footer-contact-img">
<i class="footer-icon-text">Напишите нам:</i>
<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" aria-hidden="true"></i>
</div> </div>
</div> </div>
</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