parent
ddf4d4dfd2
commit
ff0243a894
@ -0,0 +1,111 @@ |
||||
/* Author */ |
||||
.author { |
||||
padding: 111px 0 105px; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.author-content { |
||||
max-width: 1022px; |
||||
margin: 0 auto; |
||||
background: #CAFF81; |
||||
border-radius: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
padding: 35px 42px 35px 209px; |
||||
position: relative; |
||||
box-shadow: 6px 9px 20px rgba(0, 0, 0, 15%); |
||||
} |
||||
|
||||
.author-content__star-1 { |
||||
position: absolute; |
||||
width: 74px; |
||||
top: 18px; |
||||
left: -15px; |
||||
transform: translateX(-100%); |
||||
} |
||||
|
||||
.author-content__star-2 { |
||||
position: absolute; |
||||
top: 28px; |
||||
right: -24px; |
||||
transform: translateX(100%); |
||||
width: 37px; |
||||
} |
||||
|
||||
.author-content__img { |
||||
position: absolute; |
||||
left: 9px; |
||||
top: -43px; |
||||
width: 167px; |
||||
} |
||||
|
||||
.author-content__img.mb { |
||||
display: none; |
||||
} |
||||
|
||||
.author-content__title { |
||||
color: var(--main_black); |
||||
font-size: 36px; |
||||
font-weight: bold; |
||||
line-height: 40px; |
||||
} |
||||
|
||||
.author-content__link { |
||||
border-radius: 20px; |
||||
background: var(--main_black); |
||||
border: 1px solid var(--main_white); |
||||
padding: 15px 24px; |
||||
font-size: 20px; |
||||
font-weight: 600; |
||||
line-height: 24px; |
||||
color: var(--main_white); |
||||
flex-shrink: 0; |
||||
} |
||||
|
||||
@media only screen and (max-width: 992px) { |
||||
|
||||
.author { |
||||
padding: 188px 0 36px; |
||||
} |
||||
|
||||
.author-content { |
||||
padding: 109px 42px 35px; |
||||
flex-direction: column; |
||||
align-items: flex-start; |
||||
} |
||||
|
||||
.author-content__start-1, |
||||
.author-content__start-2 { |
||||
display: none; |
||||
} |
||||
|
||||
.author-content__img { |
||||
display: none; |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
top: -180px; |
||||
width: 235px; |
||||
} |
||||
|
||||
.author-content__img.mb { |
||||
display: block; |
||||
} |
||||
|
||||
.author-content__title { |
||||
width: 100%; |
||||
font-size: 26px; |
||||
line-height: 32px; |
||||
margin-bottom: 16px; |
||||
} |
||||
|
||||
.author-content__title br { |
||||
display: none; |
||||
} |
||||
|
||||
.author-content__link { |
||||
width: 100%; |
||||
text-align: center; |
||||
padding: 11px; |
||||
} |
||||
} |
||||
@ -1,60 +0,0 @@ |
||||
{% set current_path = template_path ~ '/modules/footer' %} |
||||
<footer class="footer"> |
||||
<div class="container"> |
||||
<div class="footer-top"> |
||||
<div class="footer-content__wrap"> |
||||
<div class="footer-content"> |
||||
<a href="/" class="logo"> |
||||
<img src="{{ current_path }}/assets/img/logo-green.svg" alt=""> |
||||
<span>сosmopet</span> |
||||
</a> |
||||
<p class="footer-content__address"> |
||||
{{adres}} |
||||
</p> |
||||
<ul> |
||||
{% for item in email_list %} |
||||
<li> |
||||
<p>{{item.name}}</p> |
||||
<a href="mailto:{{item.email}}">{{item.email}}</a> |
||||
</li> |
||||
{% endfor %} |
||||
</ul> |
||||
</div> |
||||
<div class="footer-top__link"> |
||||
<a href="#" class="link-black">{{ function('pll_e', 'Чат бот с ветеринаром') }}</a> |
||||
<a href="#" class="link-white">{{ function('pll_e', 'Калькулятор рациона') }}</a> |
||||
</div> |
||||
</div> |
||||
<form class="footer-contact"> |
||||
<h3 class="footer-contact__title">{{ function('pll_e', 'Форма обратной связи') }}</h3> |
||||
<input type="text" placeholder="{{ function('pll_e', 'Ваше имя') }}" class="form-inp"> |
||||
<input type="email" placeholder="{{ function('pll_e', 'Эл.почта') }}" class="form-inp"> |
||||
<textarea class="form-textarea" name="" placeholder="{{ function('pll_e', 'Текст обращения') }}" id=""></textarea> |
||||
<button class="footer-contact__submit" type="submit">{{ function('pll_e', 'Отправить') }}</button> |
||||
</form> |
||||
</div> |
||||
<div class="footer-bottom"> |
||||
<ul class="footer-network"> |
||||
<li> |
||||
<a href="#"> |
||||
<img src="{{ current_path }}/assets/img/footer-network-1.svg" alt=""> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<img src="{{ current_path }}/assets/img/footer-network-2.svg" alt=""> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<img src="{{ current_path }}/assets/img/footer-network-3.svg" alt=""> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
<a href="#">Соглашение о конфиденциальности</a> |
||||
<a href="#">Декларация соответствия корма</a> |
||||
<a href="#">Декларация соответствия лакомств</a> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
<!-- Footer end --> |
||||
Loading…
Reference in new issue