Add Nuxt
This commit is contained in:
79
app/components/MyFooter.vue
Normal file
79
app/components/MyFooter.vue
Normal file
@@ -0,0 +1,79 @@
|
||||
<script>
|
||||
import Modal from "./Modal.vue";
|
||||
|
||||
export default {
|
||||
data: function () {
|
||||
return {
|
||||
aboutVisible: false,
|
||||
contactVisible: false,
|
||||
};
|
||||
},
|
||||
components: {
|
||||
Modal,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<section
|
||||
class="footer3 cid-u6k7q0Blvk"
|
||||
once="footers"
|
||||
id="footer-6-u6k7q0Blvk"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="row-links">
|
||||
<ul class="header-menu">
|
||||
<li class="header-menu-item mbr-fonts-style display-5">
|
||||
<Modal v-show="aboutVisible" @closemodal="aboutVisible = false">
|
||||
<br>
|
||||
<h1>Über</h1>
|
||||
<p>
|
||||
Ritzenbergen ist ein kleines Dorf der Gemeinde Blender und
|
||||
liegt dicht an der Weser.
|
||||
<br />
|
||||
<br />
|
||||
Bei dieser Seite handelt es sich um eine private Homepage der
|
||||
Dorfgemeinschaft Amedorf & Ritzenbergen.
|
||||
<br /><br />
|
||||
© Front-End und Web Design: Mathis Kuhlenkamp, Jonas Kuhlenkamp <br />
|
||||
© Back-End und Datenbanken: Jonas Kuhlenkamp
|
||||
<br />
|
||||
<br />
|
||||
|
||||
</p>
|
||||
<RouterLink to="/adminpanel/login">Admin Login</RouterLink>
|
||||
</Modal>
|
||||
|
||||
<button @click="aboutVisible=true" class="text-white btn-ueber openBtn">Über</button>
|
||||
</li>
|
||||
<li class="header-menu-item mbr-fonts-style display-5">
|
||||
<Modal
|
||||
v-show="contactVisible"
|
||||
@closemodal="contactVisible = false"
|
||||
>
|
||||
<h1>Kontakt</h1>
|
||||
<p>
|
||||
Tom Kuhlenkamp <br />
|
||||
tom@ritzenbergen.de
|
||||
</p>
|
||||
<br /><br />
|
||||
</Modal>
|
||||
<button
|
||||
class="text-white btn-kontakt openBtn"
|
||||
@click="contactVisible = true"
|
||||
>
|
||||
Kontakt
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 mt-4">
|
||||
<p class="mbr-fonts-style copyright display-7">
|
||||
© 2026 Ritzenbergen. Alle Rechte vorbehalten. <br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
<style></style>
|
||||
Reference in New Issue
Block a user