64 lines
1.2 KiB
Vue
64 lines
1.2 KiB
Vue
<template>
|
||
<footer class="site-footer">
|
||
<div class="container footer-inner">
|
||
<div>
|
||
<p class="footer-brand">گام نو</p>
|
||
<p class="footer-copy">آموزش تخصصی برای قدم بعدی شما.</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<RouterLink to="/login">ورود</RouterLink>
|
||
<a href="/#courses">دورهها</a>
|
||
<a href="/#contact">تماس با ما</a>
|
||
<RouterLink to="/account">پنل کاربری</RouterLink>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { RouterLink } from 'vue-router'
|
||
</script>
|
||
|
||
<style scoped>
|
||
.site-footer {
|
||
background: var(--deep);
|
||
color: var(--chalk);
|
||
padding: 2.5rem 0;
|
||
margin-top: auto;
|
||
}
|
||
|
||
.footer-inner {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
gap: 1.5rem;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
}
|
||
|
||
.footer-brand {
|
||
font-family: var(--font-display);
|
||
font-size: 1.6rem;
|
||
font-weight: 700;
|
||
color: var(--saffron);
|
||
}
|
||
|
||
.footer-copy {
|
||
color: rgba(247, 251, 248, 0.72);
|
||
margin-top: 0.25rem;
|
||
}
|
||
|
||
.footer-links {
|
||
display: flex;
|
||
gap: 1.25rem;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.footer-links a {
|
||
color: rgba(247, 251, 248, 0.8);
|
||
}
|
||
|
||
.footer-links a:hover {
|
||
color: var(--saffron);
|
||
}
|
||
</style>
|