80 lines
1.8 KiB
Vue
80 lines
1.8 KiB
Vue
<template>
|
||
<footer class="footer">
|
||
<div class="inner">
|
||
<div class="top">
|
||
<div class="company">
|
||
<div class="logo">LOGO</div>
|
||
<p>Удалённое бухгалтерское обслуживание бизнеса по всей России.</p>
|
||
</div>
|
||
|
||
<div class="contacts">
|
||
<p><strong>Телефон:</strong> 8 (800) 000-00-00</p>
|
||
<p><strong>Email:</strong> info@company.ru</p>
|
||
</div>
|
||
|
||
<div class="social">
|
||
<p>Мы в соцсетях</p>
|
||
|
||
<a href="#" class="tg" target="_blank">
|
||
<svg viewBox="0 0 24 24" width="28" height="28">
|
||
<path fill="currentColor"
|
||
d="M9.04 15.53l-.38 5.34c.54 0 .78-.23 1.07-.5l2.56-2.43 5.3 3.87c.97.54 1.66.26 1.92-.9l3.48-16.33.01-.32c0-.41-.15-.79-.5-.79-.27 0-.68.15-1.17.35L1.6 9.8c-1.13.45-1.12 1.08-.19 1.37l4.9 1.53L18.6 6.1c.58-.37 1.11-.16.68.21"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bottom">
|
||
<p>© 2026 ООО «Компания». Все права защищены.</p>
|
||
<p>Политика конфиденциальности</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.footer {
|
||
margin-top: 100px;
|
||
background: #111;
|
||
color: #fff;
|
||
padding: 60px 0 30px;
|
||
}
|
||
|
||
.inner {
|
||
max-width: 1600px;
|
||
margin: 0 auto;
|
||
padding: 0 60px;
|
||
}
|
||
|
||
.top {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 40px;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.logo {
|
||
font-weight: bold;
|
||
font-size: 20px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.social a {
|
||
color: #fff;
|
||
display: inline-flex;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.social a:hover {
|
||
color: #ffd400;
|
||
}
|
||
|
||
.bottom {
|
||
border-top: 1px solid rgba(255,255,255,0.2);
|
||
padding-top: 20px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
font-size: 14px;
|
||
opacity: 0.8;
|
||
}
|
||
</style> |