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
Nächste ÜberarbeitungBeide Seiten, nächste Überarbeitung
start [2018/05/17 23:34] – angelegt adminstart [2020/08/16 23:20] 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: right; margin-left: 8px;"><img src="lib/tpl/bootstrap3/logo_zugspitzarena_neu_small.jpg" class="responsive_logo"></div> 
 +<p> 
 + 
 +<WRAP round important 60%> 
 +**VERANSTALTUNG 2020 ABGESAGT!** 
 +\\ Aufgrund der nach wie vor umfangreichen Covid-19 Bestimmungen und Vorgaben/Einschränkungen, mussten wir uns bedauerlicherweise dazu entschließen den Heiterwanger-See-Lauf 2020 ausfallen zu lassen.  Wir hoffen den Lauf im Jahr 2021 wieder wie gewohnt durchführen zu können! 
 +</WRAP> 
 + 
 +<h4>Der Heiterwanger-See-Lauf. Seit stolzen 48 Jahren ein eindrucksvolles Lauferlebnis inmitten der Tiroler Zugspitz Arena und der Naturparkregion Reutte.</h4></p> 
 + 
 +                      
 +                     <p style='margin-left: 20px;'><b>Datum:</b> 2020 abgesagt!<br /> 
 +                     <b>Startzeit:</b> -<br /> 
 +                     <b>Ort:</b> Hotel "Fischer am See", Heiterwang in Tirol<br />&nbsp;</p> 
 +                     <!--<p style='margin-left: 20px'><b>Nachmeldungen sind noch am Start möglich!</b></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>