Spookie/assets/js/components/footer.vue

37 lines
1.1 KiB
Vue
Raw Normal View History

2022-05-03 14:52:04 +02:00
<template>
<footer class="dark fixed-bottom"> <!-- :class="['bd-footer', 'text-muted']"> -->
<b-container class="mt-5">
<b-row class="justify-content-center">
<b-col class="text-center">
<div>powered by
<b-link to="/" class="d-inline-block mx-auto"><img src="/build/images/Spookie/spookie_64x64.png" alt="Spookie"></b-link>
</div>
</b-col>
<b-col cols="auto" md="4" class="text-left">
<div id="legal">
<h5 class="bd-text-purple-bright mb-1 mt-3">Legal</h5>
<ul class="list-unstyled ml-3">
<li><b-link to="/pages/imprint">Imprint</b-link></li>
<li><b-link to="/pages/privacy-policy">Privacy Policy</b-link></li>
</ul>
</div>
</b-col>
</b-row>
</b-container>
</footer>
</template>
<script>
export default {
name: "Footer"
}
</script>
<style type="scss">
footer {
color: lightgray;
background: #0e0e10;
}
</style>