111 lines
2.2 KiB
Vue
111 lines
2.2 KiB
Vue
|
<template>
|
||
|
|
<div class="bologna-container">
|
||
|
|
<app-navigation rootClassName="navigation-root-class-name6"></app-navigation>
|
||
|
|
<span class="site-title">
|
||
|
|
<span>Bologna meine Stadt</span>
|
||
|
|
<br />
|
||
|
|
</span>
|
||
|
|
<span class="bologna-caption1">
|
||
|
|
<span>Nunc est bibendum</span>
|
||
|
|
<br />
|
||
|
|
</span>
|
||
|
|
<div class="bologna-container1">
|
||
|
|
<a
|
||
|
|
href="https://forms.gle/szigMcMga1hRrxh89"
|
||
|
|
target="_blank"
|
||
|
|
rel="noreferrer noopener"
|
||
|
|
class="bologna-link"
|
||
|
|
>
|
||
|
|
<div class="bologna-geheim button">
|
||
|
|
<span class="bologna-geheim1">Geheim</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<app-kontakt></app-kontakt>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import AppNavigation from '../components/navigation'
|
||
|
|
import AppKontakt from '../components/kontakt'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'Bologna',
|
||
|
|
components: {
|
||
|
|
AppNavigation,
|
||
|
|
AppKontakt,
|
||
|
|
},
|
||
|
|
metaInfo: {
|
||
|
|
title: 'Bologna',
|
||
|
|
meta: [
|
||
|
|
{
|
||
|
|
property: 'og:title',
|
||
|
|
content: 'Bologna',
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.bologna-container {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
overflow: auto;
|
||
|
|
min-height: 100vh;
|
||
|
|
overflow-x: hidden;
|
||
|
|
align-items: center;
|
||
|
|
flex-direction: column;
|
||
|
|
background-size: cover;
|
||
|
|
background-image: url("/playground_assets/forest-background-luca-dross-1500w.jpg");
|
||
|
|
}
|
||
|
|
.bologna-caption1 {
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
font-size: 20px;
|
||
|
|
font-family: Fira Sans;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.bologna-container1 {
|
||
|
|
gap: var(--dl-space-space-twounits);
|
||
|
|
flex: 0 0 auto;
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.bologna-link {
|
||
|
|
display: contents;
|
||
|
|
}
|
||
|
|
.bologna-geheim {
|
||
|
|
width: 200px;
|
||
|
|
}
|
||
|
|
.bologna-geheim1 {
|
||
|
|
color: rgb(12, 16, 12);
|
||
|
|
font-size: 20px;
|
||
|
|
font-style: normal;
|
||
|
|
font-family: Poppins;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
@media(max-width: 991px) {
|
||
|
|
.bologna-caption1 {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media(max-width: 767px) {
|
||
|
|
.bologna-caption1 {
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: Poppins;
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media(max-width: 479px) {
|
||
|
|
.bologna-caption1 {
|
||
|
|
font-family: Poppins;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|