<script>
import Jarallax from './Jarallax.vue';

    export default {
        components: {
            Jarallax,
        },
    }
</script>
<template>
    <Jarallax>

        <div class="row justify-content-center">
        <div class="card col-12 col-md-12 col-lg-10">
          <div class="card-wrapper">
            <div class="card-box align-center">
              <h1 class="card-title mbr-fonts-style mb-4 display-1">
                <strong style="color: black;">Entdecke die Umgebung</strong>
              </h1>
              <p class="mbr-text mbr-fonts-style mb-4 display-7">
                Hier findest du nützliche Links aus der Umgebung
              </p>
              <section class="umgebung">
                <div>
                  <ul>
                    <b>
                      <li><a href="https://alt-blender.de" target="_blank">alt-blender.de - Historische Fotos und
                          Dokumente aus
                          Blender und umzu</a></li>
                    </b>
                    <b>
                      <li><a href="https://www.verden.de/" target="_blank">Verden/Aller</a></li>
                    </b>
                    <b>
                      <li><a href="https://www.langwedel.de/" target="_blank">Flecken Langwedel</a></li>
                    </b>
                    <b>
                      <li><a href="https://www.feuerwehr-blender.de/" target="_blank">Freiwillige Feuerwehr
                          Blender</a></li>
                    </b>
                    <b>
                      <li><a href="https://www.browiede.de/" target="_blank">Landgasthaus Browiede</a></li>
                    </b>
                    <b>
                      <li><a href="https://www.mittelweserverband.de/" target="_blank">Mittelweserverband</a></li>
                    </b>
                    <b>
                      <li><a href="http://angelverein-doerverden.de/" target="_blank">Angelverein Dörverden</a></li>
                    </b>
                    <b>
                      <li><a href="https://www.theater-holtum.de/" target="_blank">Theatergruppe des gemischten
                          Chores "Polyhymnia"
                          Holtum Marsch</a></li>
                    </b>
                    <b>
                      <li><a href="https://www.thedinghausen.de/" target="_blank">Samtgemeinde Thedinghausen</a>
                      </li>
                    </b>
                    <b>
                      <li><a href="https://www.tsv-blender.de/">TSV Blender</a></li>
                    </b>
                    <b>
                      <li><a href="https://tsvintschede.de-zign.de/">TSV "Weserstrand" Intschede</a></li>
                    </b>
                    <b>
                      <li><a href="https://www.intscheder-bauernhofeis.de/">Intscheder Bauernhofeis</a></li>
                    </b>
                  </ul>
                </div>
              </section>
            </div>
          </div>
        </div>
      </div>

    </Jarallax>
</template>
<style>
  li{
    list-style: none;
  }
</style>