git add .!
This commit is contained in:
parent
12cb596e5e
commit
1d8cb94085
7 changed files with 1414 additions and 300 deletions
|
|
@ -3,13 +3,20 @@
|
|||
const sectionsLinks = [
|
||||
{ label: 'Главная', href: '/' },
|
||||
{ label: 'Услуги', href: '/services' },
|
||||
{ label: 'Блог', href: '#' },
|
||||
{ label: 'Контакты', href: '/contacts' },
|
||||
];
|
||||
|
||||
const legalLinks = [
|
||||
{ label: 'Privacy Policy', href: '#' },
|
||||
{ label: 'Terms of Service', href: '#' },
|
||||
{ label: 'Legal Disclaimer', href: '#' },
|
||||
{ label: 'Cookie Settings', href: '#' },
|
||||
{ label: 'Политика конфиденциальности', href: '/privacy' },
|
||||
{ label: 'Условия использования', href: '/terms' },
|
||||
];
|
||||
|
||||
const infoLinks = [
|
||||
{ label: 'Часто задаваемые вопросы', href: '/faq' },
|
||||
{ label: 'Политика конфиденциальности', href: '/privacy' },
|
||||
{ label: 'Условия использования', href: '/terms' },
|
||||
{ label: 'Возврат средств', href: '#' },
|
||||
];
|
||||
---
|
||||
|
||||
|
|
@ -29,7 +36,7 @@ const legalLinks = [
|
|||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Колонка 2: Разделы и Блог -->
|
||||
<!-- Колонка 2: Разделы -->
|
||||
<div class="footer-col">
|
||||
<h4 class="col-title">Разделы</h4>
|
||||
<ul class="footer-links">
|
||||
|
|
@ -37,18 +44,13 @@ const legalLinks = [
|
|||
<li><a href={link.href}>{link.label}</a></li>
|
||||
))}
|
||||
</ul>
|
||||
|
||||
<h4 class="col-title mt-4">Блог</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="/contacts">Контакты</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Колонка 3: Правовая информация -->
|
||||
<div class="footer-col">
|
||||
<h4 class="col-title">Правовая информация</h4>
|
||||
<ul class="footer-links">
|
||||
{legalLinks.map(link => (
|
||||
{infoLinks.map(link => (
|
||||
<li><a href={link.href}>{link.label}</a></li>
|
||||
))}
|
||||
</ul>
|
||||
|
|
@ -77,7 +79,11 @@ const legalLinks = [
|
|||
<!-- Нижняя часть футера (Копирайт) -->
|
||||
<div class="footer-bottom">
|
||||
<p class="copyright">© 2026 Автоюрист086. Все права защищены.</p>
|
||||
<p class="developer">Designed for Justice</p>
|
||||
<ul class="footer-bottom-links">
|
||||
{legalLinks.map(link => (
|
||||
<li><a href={link.href}>{link.label}</a></li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -88,8 +94,7 @@ const legalLinks = [
|
|||
.footer {
|
||||
background-color: #031529; /* Темно-синий фон */
|
||||
color: #8c9bb0; /* Приглушенный серо-голубой цвет текста */
|
||||
/* Используем шрифт с засечками (serif), как на макете */
|
||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
||||
padding: 4rem 0 1.5rem 0;
|
||||
}
|
||||
|
||||
|
|
@ -128,10 +133,6 @@ const legalLinks = [
|
|||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.mt-4 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
/* Списки ссылок */
|
||||
.footer-links {
|
||||
list-style: none;
|
||||
|
|
@ -205,6 +206,25 @@ const legalLinks = [
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.footer-bottom-links {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.footer-bottom-links a {
|
||||
color: #8c9bb0;
|
||||
text-decoration: none;
|
||||
font-size: 0.75rem;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
.footer-bottom-links a:hover {
|
||||
color: #d1b06b;
|
||||
}
|
||||
|
||||
/* Адаптивность для планшетов */
|
||||
@media (max-width: 1024px) {
|
||||
.footer-top {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue