Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- start [2018/05/17 23:34] – angelegt admin
+++ start [2021/03/08 21:27] – admin
@@ Zeile 1: / Zeile 1: @@
-start
+<html>
+<style>
+.mySlides {display:none;}
+.w3-left, .w3-right, .w3-badge {cursor:pointer}
+.w3-badge {height:13px;width:13px;padding:0}
+@media screen and (max-width: 64em) {
+ .slider-text {
+      font-size: 90%;
+   }
+}
+@media screen and (max-width: 50em) {
+ .slider-text {
+       font-size: 75%;
+   }
+}
+@media screen and (max-width: 30em) {
+   .slider-text {
+        display:none!important;
+        font-size: 50%;
+  }
+  .w3-badge {height:10px;width:10px;padding:0}
+}
+</style>
+<div class="w3-content w3-display-container">
+<div class="w3-display-container w3-animate-opacity mySlides">
+<img src="_media/header_02.jpg" style="width:100%">
+</div>
+<div class="w3-display-container w3-animate-opacity mySlides">
+  <img src="_media/header_04.jpg" style="width:100%">
+</div>
+<div class="w3-display-container w3-animate-opacity mySlides">
+  <img src="_media/header_05.jpg" style="width:100%">
+</div>
+<div class="w3-display-container w3-animate-opacity mySlides">
+  <img src="_media/header_06.jpg" style="width:100%">
+</div>
+<div class="w3-display-container w3-animate-opacity mySlides">
+  <img src="_media/header_09.jpg" style="width:100%">
+</div>
+<div class="w3-display-container w3-animate-opacity mySlides">
+  <img src="_media/header_11.jpg" style="width:100%">
+</div>
+<!--
+<div class="slider-text w3-display-middle w3-large w3-container w3-padding-small w3-black">
+    <span class="slider-text">Heiterwanger-See-Lauf</span>
+  </div>
+-->
+<button class="slider-text w3-button w3-display-left w3-black" onclick="plusDivs(-1)">&#10094;</button>
+<button class="slider-text w3-button w3-display-right w3-black"  onclick="plusDivs(1)">&#10095;</button>
+<div class="w3-center w3-container w3-section w3-large w3-text-white w3-display-bottommiddle" style="width:100%">
+    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
+    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
+    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
+    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(4)"></span>
+    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(5)"></span>
+    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(6)"></span>
+  </div>
+</div>
+<div class='panel panel-default' style='margin-top: 20px; padding: 10px;'>
+<div style='float: left;'>
+</html>
+<html>
+</div>
+<div style="float: right; margin-left: 8px;"><img src="lib/tpl/bootstrap3/logo_zugspitzarena_neu_small.jpg" class="responsive_logo"></div>
+<p>
+<h4>Der Heiterwanger-See-Lauf. Seit stolzen 49 Jahren ein eindrucksvolles Lauferlebnis inmitten der Tiroler Zugspitz Arena und der Naturparkregion Reutte.</h4></p>
+                     <p style='margin-left: 20px;'><b>Datum:</b> Sonntag, 26. September 2021<br />
+                     <b>Startzeit:</b> -<br />
+                     <b>Ort:</b> Hotel "Fischer am See", Heiterwang in Tirol<br />&nbsp;</p>
+<!--<p style='margin-left: 20px;'><a href='custom/anmeldung.php' target='_blank'><b><span style="font-size: 16px; color: #FF0000;">&gt;&gt; Zur Anmeldung &lt;&lt;</span></b></a></p>-->
+<!--<p style='margin-left: 20px;'><a href='/ergebnisse'><b>&gt;&gt; Ergebnisse vom Lauf 2018 &lt;&lt;</b></a></p>-->
+<!--<p style='margin-left: 20px;'><a href='/fotos_2018'><b>&gt;&gt; Fotos vom Lauf 2018 &lt;&lt;</b></a></p>-->
+</div>
+<script>
+var slideIndex = 0;
+//showDivs(slideIndex);
+function plusDivs(n) {
+  showDivs(slideIndex += n);
+}
+function currentDiv(n) {
+  showDivs(slideIndex = n);
+}
+function showDivs(n) {
+  var i;
+  var x = document.getElementsByClassName("mySlides");
+  var dots = document.getElementsByClassName("demo");
+  if (n > x.length) {slideIndex = 1}
+  if (n < 1) {slideIndex = x.length}
+  for (i = 0; i < x.length; i++) {
+     x[i].style.display = "none";
+  }
+  for (i = 0; i < dots.length; i++) {
+     dots[i].className = dots[i].className.replace(" w3-white", "");
+  }
+  x[slideIndex-1].style.display = "block";
+  dots[slideIndex-1].className += " w3-white";
+}
+carousel();
+function carousel() {
+    slideIndex++;
+    showDivs(slideIndex);
+    setTimeout(carousel, 3500);
+}
+</script>
+</html>