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

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

Browse Source
fitness
Kirill Pet 8 months ago
parent 73acc61c2b
commit 72ea7506a3
3 changed files with 89 additions and 37 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 50
      assets/css/gp-style-desktop.css
  2. 6
      assets/css/gp-style-mobile.css
  3. 70
      index.html

50
assets/css/gp-style-desktop.css
Unescape 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
Unescape 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;
}

70
index.html
Unescape 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>
<div class="footer__contact">
<div class="footer__item">
<p class="footer__text">
г. Москва, улица Обручева, 52с3, офис 406 (Бизнес-центр⠀«РТС»)
</p>
</div>
<a href="#" class="btn-social">
<img src="/assets/img/social/yandex-zen.svg" alt="">
</a>
<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">

Write Preview
Loading…
Cancel
Save