Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung		 Vorherige Überarbeitung
start [2018/04/19 00:36] – gelöscht adminstart [2023/09/25 23:37] (aktuell) – admin
Zeile 1: Zeile 1:
 +<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;'>
 +</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 52 Jahren ein eindrucksvolles Lauferlebnis inmitten der Tiroler Zugspitz Arena und der Naturparkregion Reutte.</h4></p>
 +                  
 +                     <p style='margin-left: 20px;'><b>Termin 2024:</b> Sonntag, 29. September 2024 - 50. Jubiläumslauf!<br />
 +                     <b>Startzeit:</b> ab 11 Uhr<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>