Добавил блок инстаграмма в хедер
This commit is contained in:
@@ -287,6 +287,34 @@ a:hover {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.header-social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-left: 20px;
|
||||
padding-left: 20px;
|
||||
border-left: 1px solid var(--bg-gray);
|
||||
}
|
||||
|
||||
.social-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
|
||||
color: var(--secondary-color);
|
||||
font-size: 1.5rem;
|
||||
transition: var(--transition);
|
||||
box-shadow: 0 2px 8px rgba(224, 148, 51, 0.3);
|
||||
}
|
||||
|
||||
.social-link:hover {
|
||||
transform: translateY(-3px) scale(1.1);
|
||||
box-shadow: 0 5px 15px rgba(224, 148, 51, 0.5);
|
||||
}
|
||||
|
||||
.mobile-menu-toggle {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
@@ -1016,6 +1044,10 @@ a:hover {
|
||||
.header-contact {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-social {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile-menu-toggle {
|
||||
display: flex;
|
||||
|
||||
@@ -84,6 +84,12 @@
|
||||
<span class="work-hours">ежедневно с 8:00 до 20:00</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-social">
|
||||
<a href="https://www.instagram.com/fidem_slonim" target="_blank" rel="noopener noreferrer" class="social-link instagram" title="Наш Instagram">
|
||||
<i class="fab fa-instagram"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<button class="mobile-menu-toggle" id="mobile-menu-toggle">
|
||||
<span></span>
|
||||
|
||||
Reference in New Issue
Block a user