Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

сделал header и footer для лептопов

Browse Source
This commit is contained in:
Kirill Pet
2024-12-16 21:10:39 +03:00
parent 73acc61c2b
commit 72ea7506a3
3 changed files with 90 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
assets/css/gp-style-desktop.css
View File

@@ -107,7 +107,15 @@
justify-content: space-between;
flex-wrap: wrap;
}
.footer__contact{
display: flex;
}
.footer__contact .footer__item{
margin-left: 58px;
}
.footer__contact .footer__item:first-child{
margin-left: 0px;
}
.footer-menu__item{
margin-left: 40px;
}
@@ -143,6 +151,42 @@
/* Стили для лептопов */
/* @media only screen and (min-width: 992px) and (max-width: 1400px) {
@media only screen and (min-width: 992px) and (max-width: 1400px) {
.wrapper{
width: 100%;
} */
padding: 20px;
}
/* header */
.header__wrapper{
flex-wrap: wrap;
}
.header__main{
margin-top: 10px;
width: 100%;
justify-content: center;
}
/* header */
/* footer */
.footer__wrapper{
justify-content: start;
}
.footer__item{
margin-left: 58px;
}
.footer__contact{
margin-top: 30px;
width: 100%;
justify-content: space-between;
}
.footer__about{
margin-left: 0;
}
/* footer */
}

6
assets/css/gp-style-mobile.css
View File

@@ -178,6 +178,12 @@
.footer__item{
margin-top: 40px;
}
.footer__contact{
display: block;
}
.footer__contact .footer__item{
margin-left: 0;
}
.footer-menu__item{
margin-left: 53px;
}

72
index.html
View File

@@ -207,42 +207,44 @@
</div>
</div>
<div class="footer__item">
<p class="footer__text">
г. Москва, улица Обручева, 52с3, офис 406 (Бизнес-центр⠀«РТС»)
</p>
</div>
<div class="footer__item">
<a href="tel:+74957988081" class="footer__text footer__text--no-line">+7 (495) 798-80-81</a>
<a href="mailto:sales@bestinfitness.ru" class="footer__text footer__text--no-line">sales@bestinfitness.ru</a>
<div class="footer__media">
<a href="#" class="btn-social">
<img src="/assets/img/social/telegram.svg" alt="">
</a>
<a href="#" class="btn-social">
<img src="/assets/img/social/whatsapp.svg" alt="">
</a>
<a href="#" class="btn-social">
<img src="/assets/img/social/YouTube.svg" alt="">
</a>
<a href="#" class="btn-social">
<img src="/assets/img/social/Вконтакте.svg" alt="">
</a>
<a href="#" class="btn-social">
<img src="/assets/img/social/yandex-zen.svg" alt="">
</a>
<div class="footer__contact">
<div class="footer__item">
<p class="footer__text">
г. Москва, улица Обручева, 52с3, офис 406 (Бизнес-центр⠀«РТС»)
</p>
</div>
<div class="footer__item">
<a href="tel:+74957988081" class="footer__text footer__text--no-line">+7 (495) 798-80-81</a>
<a href="mailto:sales@bestinfitness.ru" class="footer__text footer__text--no-line">sales@bestinfitness.ru</a>
<div class="footer__media">
<a href="#" class="btn-social">
<img src="/assets/img/social/telegram.svg" alt="">
</a>
<a href="#" class="btn-social">
<img src="/assets/img/social/whatsapp.svg" alt="">
</a>
<a href="#" class="btn-social">
<img src="/assets/img/social/YouTube.svg" alt="">
</a>
<a href="#" class="btn-social">
<img src="/assets/img/social/Вконтакте.svg" alt="">
</a>
<a href="#" class="btn-social">
<img src="/assets/img/social/yandex-zen.svg" alt="">
</a>
</div>
</div>
<div class="footer__item">
<img src="/assets/img/photo/review.png" alt="" class="footer__review">
</div>
</div>
<div class="footer__item">
<img src="/assets/img/photo/review.png" alt="" class="footer__review">
</div>
<div class="footer__item footer__about">