80 lines
2.3 KiB
Vue
80 lines
2.3 KiB
Vue
<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"
|
|
>
|
|
<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>
|
|
<NuxtLink to="/adminpanel/login">Admin Login</NuxtLink>
|
|
</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>
|