Добавил парнера в хедер

This commit is contained in:
adlevin
2025-09-30 09:49:43 +03:00
parent 791f70932d
commit f9254b4e2e
2 changed files with 92 additions and 5 deletions

View File

@@ -134,7 +134,7 @@ a:hover {
} }
.navbar { .navbar {
padding: 1rem 0; padding: 1.4rem 0;
} }
.navbar .container { .navbar .container {
@@ -150,7 +150,7 @@ a:hover {
} }
.logo { .logo {
height: 40px; height: 80px;
width: auto; width: auto;
} }
@@ -160,20 +160,50 @@ a:hover {
} }
.brand-text { .brand-text {
font-size: 1.5rem; font-size: 2.2rem;
font-weight: 700; font-weight: 700;
color: var(--primary-color); color: #218F36;
line-height: 1; line-height: 1;
} }
.brand-subtitle { .brand-subtitle {
font-size: 0.8rem; font-size: 0.9rem;
font-weight: 400; font-weight: 400;
color: var(--text-light); color: var(--text-light);
margin-top: 2px; margin-top: 2px;
line-height: 1; line-height: 1;
} }
.partner-info {
display: flex;
align-items: center;
gap: 4px;
margin-top: 4px;
}
.partner-logo + .partner-brand {
margin-left: -2px;
}
.partner-text {
font-size: 0.75rem;
font-weight: 400;
color: var(--text-light);
text-transform: lowercase;
}
.partner-logo {
height: 16px;
width: auto;
}
.partner-brand {
font-size: 0.75rem;
font-weight: 600;
color: var(--text-dark);
text-transform: uppercase;
}
.navbar-menu { .navbar-menu {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -951,6 +981,34 @@ a:hover {
width: 100%; width: 100%;
} }
.logo {
height: 55px;
}
.brand-text {
font-size: 1.6rem;
}
.brand-subtitle {
font-size: 0.8rem;
}
.partner-info {
margin-top: 2px;
}
.partner-text {
font-size: 0.7rem;
}
.partner-logo {
height: 14px;
}
.partner-brand {
font-size: 0.7rem;
}
.header-contact { .header-contact {
display: none; display: none;
} }
@@ -1097,6 +1155,30 @@ a:hover {
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.logo {
height: 50px;
}
.brand-text {
font-size: 1.4rem;
}
.brand-subtitle {
font-size: 0.75rem;
}
.partner-text {
font-size: 0.65rem;
}
.partner-logo {
height: 12px;
}
.partner-brand {
font-size: 0.65rem;
}
.hero { .hero {
height: 70vh; height: 70vh;
} }

View File

@@ -56,6 +56,11 @@
<div class="brand-info"> <div class="brand-info">
<span class="brand-text">ФИДЕМ</span> <span class="brand-text">ФИДЕМ</span>
<span class="brand-subtitle">медицинский центр</span> <span class="brand-subtitle">медицинский центр</span>
<div class="partner-info">
<span class="partner-text">Официальный партнер</span>
<img src="assets/images/helix-logo.svg" alt="Helix" class="partner-logo">
<span class="partner-brand">HELIX</span>
</div>
</div> </div>
</div> </div>