583 lines
21 KiB
HTML
583 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link href="/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
|
|
|
|
|
|
<title>My New Hugo Site | Leuchtturm Holtenau (süd)</title>
|
|
</head><body><style type="text/css">
|
|
.dropdown-menu {
|
|
min-width: 200px;
|
|
}
|
|
.dropdown-menu.columns-2 {
|
|
min-width: 400px;
|
|
}
|
|
.dropdown-menu.columns-3 {
|
|
min-width: 1000px;
|
|
}
|
|
.dropdown-menu li a {
|
|
padding: 5px 15px;
|
|
font-weight: 300;
|
|
}
|
|
.multi-column-dropdown {
|
|
list-style: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.multi-column-dropdown li a {
|
|
display: block;
|
|
clear: both;
|
|
line-height: 1.428571429;
|
|
color: #333;
|
|
white-space: normal;
|
|
}
|
|
.multi-column-dropdown li a:hover {
|
|
text-decoration: none;
|
|
color: #262626;
|
|
background-color: #999;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.dropdown-menu.multi-column {
|
|
min-width: 240px !important;
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="/">Leuchttürme Ostsee</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarColor02">
|
|
<ul class="navbar-nav me-auto">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Leuchttürme</a>
|
|
<ul class="dropdown-menu multi-column columns-3">
|
|
<div class="row">
|
|
<div class="col-sm-4">
|
|
<ul class="multi-column-dropdown">
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/blankeck/">Leuchtfeuer Blankeck</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/hubertsberg/">Leuchtfeuer Hubertsberg</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/buelk/">Leuchtturm Bülk</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/dornbusch/">Leuchtturm Dornbusch</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/eckernfoerde-hafen-alt/">Leuchtturm Eckernförde Hafen (alt)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/fluegge/">Leuchtturm Flügge</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/gollwitz/">Leuchtturm Gollwitz</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/holnis/">Leuchtturm Holnis</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/kalkgrund/">Leuchtturm Kalkgrund</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/kolliker-ort/">Leuchtturm Kolliker Ort</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/neuland/">Leuchtturm Neuland</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/schleimuende/">Leuchtturm Schleimünde</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/timmendorf/">Leuchtturm Timmendorf</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/westermarkelsdorf-alt/">Leuchtturm Westermarkelsdorf (alt)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/zinnowitz/">Leuchtturm Zinnowitz</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/mukran/">Molefeuer Mukran</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/warnemuende-molenfeuer-2/">Molenfeuer Warnmünde</a>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<ul class="multi-column-dropdown">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/heidkate/">Leuchtfeuer Heidkate</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/wessek/">Leuchtfeuer Wessek</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/dahmeshoeved/">Leuchtturm Dahmeshöved</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/eckernfoerde-alt/">Leuchtturm Eckernförde (alt)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/eckernfoerde-hafen-neu/">Leuchtturm Eckernförde Hafen (neu)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/friedrichsort/">Leuchtturm Friedrichsort</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/greifswalder-oie/">Leuchtturm Greifswalder Oie</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/holtenau-nord/">Leuchtturm Holtenau (nord)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/kap-arkona/">Leuchtturm Kap Arkona</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/marienleuchte-alt/">Leuchtturm Marienleuchte (alt)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/peenmunde/">Leuchtturm Peenmünde</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/staberhuk/">Leuchtturm Staberhuk</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/ueckermuende/">Leuchtturm Ueckermünde</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/westermarkelsdorf-neu/">Leuchtturm Westermarkelsdorf (neu)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/travemuende-maritim-alt/">Maritim Travemünde (alt)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/sassnitz/">Molefeuer Sassnitz</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/travemuende-molefeuer/">Travemünde Molefeuer</a>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<ul class="multi-column-dropdown">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/heiligenhafen-leuchtfeuer/">Leuchtfeuer Heiligenhafen</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/buk/">Leuchtturm Buk</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/dar%C3%9Fer-ort/">Leuchtturm Darßer Ort</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/eckernfoerde-neu/">Leuchtturm Eckernförde (neu)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/falshoeft/">Leuchtturm Falshöft</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/gellen/">Leuchtturm Gellen</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/heiligenhafen/">Leuchtturm Heiligenhafen</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/holtenau-sued/">Leuchtturm Holtenau (süd)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/kiel/">Leuchtturm Kiel</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/marienleuchte-neu/">Leuchtturm Marienleuchte (neu)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/pelzerhaken/">Leuchtturm Pelzerhaken</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/strukkamphuk/">Leuchtturm Strukkamphuk</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/warnemuende/">Leuchtturm Warnmünde</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/wustrow/">Leuchtturm Wustrow</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/travemuende-maritim-neu/">Maritim Travemünde (neu)</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/warnemuende-molenfeuer-1/">Molenfeuer Warnmünde</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" href="/leuchtturm/wustrow-seebruecke/">Wustrow (Seebrücke)</a>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/about">Über</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="content">
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css"
|
|
integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14="
|
|
crossorigin=""/>
|
|
|
|
<script src="https://unpkg.com/leaflet@1.9.2/dist/leaflet.js"
|
|
integrity="sha256-o9N1jGDZrf5tS+Ft4gbIK7mYMipq9lqpVJ91xHSyKhg="
|
|
crossorigin=""></script>
|
|
<style type="text/css">
|
|
#map { height: 300px; }
|
|
</style>
|
|
<div class="container" style="margin-top:200px;">
|
|
<div class="row" style="min-height: 400px;">
|
|
<div class="col-md-12" style="text-align: center;">
|
|
<h1 style="font-size: 50px;">Leuchtturm Holtenau (süd)</h1>
|
|
<p> / - m - </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img src="" style="max-height: 80pc; max-width: 100%;">
|
|
<div class="container" style="margin-top:30px;">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<p>Something</p>
|
|
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div id="map"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container" style="margin-top:30px;">
|
|
<div class="row">
|
|
<div class="col-md-3"></div>
|
|
<div class="col-md-6">
|
|
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img src="https://www.kekskurse.de//img/2022/02/leuchtturm-ueckermuende/DSC09212.jpg" class="d-block" style="width:100%;" alt="...">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="https://www.kekskurse.de//img/2022/02/leuchtturm-ueckermuende/DSC09225.jpg" class="d-block " style="width:100%;" alt="...">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Next</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
<script>
|
|
var leuchtTurmBund = L.icon({
|
|
iconUrl: '/leuchturm-bunt.png',
|
|
|
|
|
|
iconSize: [50, 50],
|
|
|
|
iconAnchor: [20, 40],
|
|
|
|
popupAnchor: [-0, -45]
|
|
});
|
|
|
|
|
|
var map = L.map('map').setView([53.73, 11.7], 6);
|
|
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
|
}).addTo(map);
|
|
L.marker([ 54.363139 , 10.151528 ], {icon: leuchtTurmBund}).addTo(map)
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</div></body>
|
|
</html>
|