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/05/17 23:34] – angelegt adminstart [2023/09/25 23:37] (aktuell) – 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;'> 
 +</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>