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;
@mobile-size: 400px;
#id_about_section {
.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 {}
}
}
}
}*/
@font-face {
font-family: AvenirNext-Heavy;
src: url("../fonts/AvenirNext-Heavy.ttf");
font-weight: normal;
font-style: normal;
}
body {
box-sizing: border-box;
}
......@@ -736,6 +708,7 @@ header {
}
.price-container h6,
.price-container-active h6 {
font-family: AvenirNext-Heavy;
position: relative;
z-index: 3;
margin-bottom: 70px;
......@@ -767,6 +740,7 @@ header {
border-radius: 4px;
}
.price-container-active h6 {
font-family: AvenirNext-Heavy;
position: relative;
z-index: 3;
margin-bottom: 80px;
......@@ -892,6 +866,7 @@ header {
padding-bottom: 14%;
}
.form-wrapper h6 {
font-family: AvenirNext-Heavy;
font-size: 60px;
font-weight: 400;
color: white;
......@@ -994,4 +969,15 @@ footer {
color: #315197;
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 */
\ No newline at end of file
css/styles.less
/*@desktop-size: 900px;
@mobile-size: 400px;
#id_about_section {
.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 {}
}
}
}
}*/
@font-face {
font-family: AvenirNext-Heavy;
src: url("../fonts/AvenirNext-Heavy.ttf");
font-weight: normal;
font-style: normal;
}
body {
box-sizing: border-box;
}
......@@ -605,6 +576,7 @@ header {
border: #e6effa 1px solid;
border-radius: 4px;
h6 {
font-family: AvenirNext-Heavy;
position: relative;
z-index: 3;
margin-bottom: 70px;
......@@ -635,6 +607,7 @@ header {
border: #e6effa 1px solid;
border-radius: 4px;
h6 {
font-family: AvenirNext-Heavy;;
position: relative;
z-index: 3;
margin-bottom: 80px;
......@@ -756,6 +729,7 @@ header {
padding-top: 12.7%;
padding-bottom: 14%;
h6 {
font-family: AvenirNext-Heavy;
font-size: 60px;
font-weight: 400;
color: white;
......@@ -857,3 +831,14 @@ footer {
color: #315197;
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 @@
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" />
</head>
<body>
<header>
......@@ -1043,12 +1044,17 @@
<a href="">Вход для клиентов</a>
</div>
<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 class="footer-contacts-link">
<a href="mailto:78003332222@yandex.ru">exemple@email.com</a>
</div>
<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>
......
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