delf/agroexpert
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add breadcrumbs.css

Browse Source
This commit is contained in:
AK Delfin
2025-06-18 14:56:07 +03:00
parent bd95014d3b
commit 740d2267a3
3 changed files with 68 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
frontend/src/pages/pages.html
View File

@@ -1,142 +1,4 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
<div class="container">
<div class="content">
<ul>
<li>
<a href="index.html">Главная</a>
</li>
<li>
<a href="404.html">404</a>
</li>
<li>
<a href="about.html">О проекте</a>
</li>
<li>
<a href="advertiser.html">Рекламодателям</a>
</li>
<li>
<a href="events.html">Мероприятия</a>
</li>
<li>
<a href="interviews.html">Интервью</a>
</li>
<li>
<a href="materials.html">Материалы</a>
</li>
<li>
<a href="materials-single.html">Просмотр материала</a>
</li>
<li>
<a href="partners.html">Партнеры</a>
</li>
<li>
<a href="subscription.html">Подписка на новости</a>
</li>
<li>
<a href="partners-single.html">Страница одного Партнера</a>
</li>
<li>
<a href="search.html">Результаты поиска</a>
</li>
<li>
<a href="contacts.html">Контакты</a>
</li>
<li>
<a href="event-single.html">Просмотр мероприятия</a>
</li>
</ul>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-top">
<div class="container footer__conatiner">
<div class="footer-top__inner">
<a href="#" class="logo footer__logo">
<img src="/images/logo.svg" alt="Агроэксперт" />
</a>
<nav class="nav footer__nav">
<li class="menu-item">
<a href="#">Интервью</a>
</li>
<li class="menu-item">
<a href="#">Партнеры</a>
</li>
<li class="menu-item">
<a href="#">Рекламодатели</a>
</li>
<li class="menu-item">
<a href="#">О проекте</a>
</li>
<li class="menu-item">
<a href="#">Контакты</a>
</li>
</nav>
<div class="footer-top__right">
<a href="#" class="to-top">
<span>Наверх</span>
<svg
width="9"
height="6"
viewBox="0 0 9 6"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="3.69409"
y="1.05029"
width="1"
height="5.22423"
transform="rotate(45 3.69409 1.05029)"
fill="black"
/>
<rect
width="1"
height="6"
transform="matrix(-0.707107 0.707107 0.707107 0.707107 4.1333 0.525146)"
fill="black"
/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="footer-bottom__inner">
<div class="footer-bottom__text desktop">© 2024 АгроЭксперт</div>
<a href="#" class="footer-bottom__text footer-bottom__link">
Политика конфиденциальности
</a>
<a href="#" class="footer-bottom__text footer-bottom__link">
Свидетельство о регистрации электронного СМИ
</a>
<div class="socials footer__socials">
<a href="#" class="social-link">
<img src="/images/socials_yt.svg" alt="" />
</a>
<a href="#" class="social-link">
<img src="/images/socials_vk.svg" alt="" />
</a>
<a href="#" class="social-link">
<img src="/images/socials_tg.svg" alt="" />
</a>
</div>
<div class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/src/main.js"></script>
</body>
</html>
<body>
</body>

26
frontend/src/styles/rfo/breadcrumbs.css Normal file
View File

@@ -0,0 +1,26 @@
.breadcrumbs__rfo{
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 22px;
}
.breadcrumbs__rfo li{
background-color: #f1f3eb;
border-radius: 5px;
padding: 4px 10px;
vertical-align: middle;
}
.breadcrumbs-home__rfo{
display: flex;
align-items: center;
gap: 8px; /* Отступ между текстом и SVG */
}
.breadcrumbs-arrow{
width: 18px;
height: 18px;
}