new images and info added
This commit is contained in:
189
www/index.html
189
www/index.html
@@ -1,9 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<title>Kolem Kalů //23</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Kolem Kalů //24</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||
@@ -12,89 +10,140 @@
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
|
||||
</head>
|
||||
<style>
|
||||
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif;}
|
||||
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif; margin:0px; padding:0px;}
|
||||
.napdis{height: 80px;}
|
||||
.icon-32{width: 32px; height:32px;}
|
||||
@media (max-width: 1450px){
|
||||
.nadpis{margin-left:50px; margin-right:50px;}
|
||||
.nadpis{margin-left:50px; margin-right:50px;}
|
||||
#title{margin:0px; padding: 2% 20% 2% 20%;}
|
||||
.fill{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.fill img{
|
||||
flex-shrink: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
</style>
|
||||
<body class="w3-content" style="max-width:1400px">
|
||||
<body>
|
||||
|
||||
<!-- First Grid: Logo & About -->
|
||||
<div class="w3-row">
|
||||
<div class="w3-full w3-center">
|
||||
<h1>Kalské Borec <span class="w3-green">//24</span> BUDE</h1>
|
||||
<h1>23.3.2024</h1>
|
||||
<h2>Trasy, časy a organizační pokyny se připravují</h2>
|
||||
<div class="w3-row w3-black" id="title">
|
||||
<div class="w3-full w3-center w3-black">
|
||||
<div class="w3-green w3-round-xxlarge">
|
||||
<h1>Kalské Borec <span class="w3-green">//24</span></h1>
|
||||
<h2>23.3.2024 9:00</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Third Grid: Swing By & Contact -->
|
||||
<div class="w3-row">
|
||||
<div class="w3-half w3-black w3-center" style="min-height:800px" id="work">
|
||||
<div class="w3-padding-64 w3-left-align w3-padding-large">
|
||||
<div class="w3-center" style="padding-bottom:50px;"><h2><span class="w3-green">//</span> FOTO</h2></div>
|
||||
</div>
|
||||
<!--
|
||||
<div class="w3-row w3-container w3-center">
|
||||
<div class="w3-container w3-third">
|
||||
<img src="./photo/img2.jpg" onclick="document.getElementById('modal02').style.display='block'" class="w3-hover-opacity w3-image">
|
||||
<div id="modal02" class="w3-modal w3-animate-zoom" onclick="this.style.display='none'">
|
||||
<img class="w3-modal-content" src="./photo/img2.jpg">
|
||||
</div>
|
||||
<div class="w3-row w3-black">
|
||||
<div class="w3-third w3-padding-large">
|
||||
<div class="w3-center w3-display-container fill w3-round-xxlarge">
|
||||
<img src="./img/registrace.jpg">
|
||||
<div class="w3-padding w3-display-middle">
|
||||
<button class="w3-button w3-round-xlarge w3-border w3-border-black w3-xxlarge w3-green w3-padding-16 w3-hover-black">Přihlaš se</button>
|
||||
</div>
|
||||
<div class="w3-container w3-third">
|
||||
<img src="./photo/img3.jpg" onclick="document.getElementById('modal03').style.display='block'" class="w3-hover-opacity w3-image">
|
||||
<div id="modal03" class="w3-modal w3-animate-zoom" onclick="this.style.display='none'">
|
||||
<img class="w3-modal-content" src="./photo/img3.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-container w3-third">
|
||||
<img src="./photo/img5.jpg" onclick="document.getElementById('modal05').style.display='block'" class="w3-hover-opacity w3-image">
|
||||
<div id="modal05" class="w3-modal w3-animate-zoom" onclick="this.style.display='none'">
|
||||
<img class="w3-modal-content" src="./photo/img5.jpg">
|
||||
</div>
|
||||
<div class="w3-padding w3-green w3-display-middle">
|
||||
Registrace od 1.3.2024
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-row w3-container">
|
||||
<div class="w3-container w3-third">
|
||||
<img src="./photo/img6.jpg" onclick="document.getElementById('modal06').style.display='block'" class="w3-hover-opacity w3-image">
|
||||
<div id="modal06" class="w3-modal w3-animate-zoom" onclick="this.style.display='none'">
|
||||
<img class="w3-modal-content" src="./photo/img6.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-container w3-third">
|
||||
<img src="./photo/img7.jpg" onclick="document.getElementById('modal07').style.display='block'" class="w3-hover-opacity w3-image">
|
||||
<div id="modal07" class="w3-modal w3-animate-zoom" onclick="this.style.display='none'">
|
||||
<img class="w3-modal-content" src="./photo/img7.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-container w3-third">
|
||||
<img src="./photo/img8.jpg" onclick="document.getElementById('modal08').style.display='block'" class="w3-hover-opacity w3-image">
|
||||
<div id="modal08" class="w3-modal w3-animate-zoom" onclick="this.style.display='none'">
|
||||
<img class="w3-modal-content" src="./photo/img8.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="w3-half w3-container" style="height:800px">
|
||||
<div class="w3-padding-64 w3-padding-large">
|
||||
<div class="w3-center" style="padding-bottom:0px;"><h2>// KONTAKT</h2></div>
|
||||
<p>Pokuď potřebujete poradit, nebo se zeptat, napište mi. Všichni mi říkají Ventil.</p>
|
||||
<h3>// TELEFON na Ventila</h3>
|
||||
<p>+420 775 003 122</p>
|
||||
<h3>// EMAIL</h3>
|
||||
<p>ventil@spoton.cz</p>
|
||||
<h3>// Účast bude elektronicky od 1.3.2024 do 21.3.2024.</h3>
|
||||
<p>Přispěvek k registraci 400,-</p>
|
||||
<h3>// Občerstvení:</h3>
|
||||
<p>k Pití Nealko Pivo, Vorkloster 10°<br></p>
|
||||
<p>k zakousnutí Guláš, párky</p>
|
||||
<h3>// Ceny:</h3>
|
||||
<p>Servis od Ventila, Gripy, lahve, blikačky...<br></p>
|
||||
<div class="w3-twothird w3-padding-large">
|
||||
<div class="w3-padding-64 w3-padding-large w3-white w3-border-green w3-round-xxlarge">
|
||||
<div class="w3-center" style="padding-left:0px;"><h2><span class="w3-green">//</span> ZÁVOD</h2></div>
|
||||
<div class="w3-display-container w3-leftbar w3-border-green w3-padding-large">
|
||||
<h3><span class="w3-green">//</span> CO?</h3>
|
||||
<p>Cyklistický závod s názvem <b>"Kalské Borec"</b> pro širokou veřejnost s několika okruhama.
|
||||
Od rodin s dětma po drsné Enduráře.</p>
|
||||
<p>4 okruhy po cca 10 kilometrech.</p>
|
||||
<p>Různé kategorie závodu</p>
|
||||
<p>"Kalské Borec" musí zajet všechny okruhy po sobě</p>
|
||||
<h3><span class="w3-green">//</span> KDY?</h3>
|
||||
<ul>
|
||||
<li><b>23.3.2024</b></li>
|
||||
<ul><li>Borci 9:00</li>
|
||||
<li>Bušiči 10:00</li>
|
||||
<li>Junior + Rodiny 12:00</li>
|
||||
</ul>
|
||||
</ul>
|
||||
<h3><span class="w3-green">//</span> KDE?</h3>
|
||||
<p>Kaly 62, Na Špici -> <a href="https://mapy.cz/s/henosaseca">// MAPA</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-row w3-black">
|
||||
<div class="w3-twothird w3-padding-large">
|
||||
<div class="w3-padding-64 w3-padding-large w3-white w3-round-xxlarge">
|
||||
<div class="w3-center" style="padding-left:0px;"><h2><span class="w3-green">//</span> KATEGORIE</h2></div>
|
||||
<div class="w3-display-container w3-leftbar w3-border-green w3-padding-large">
|
||||
<span class="w3-green">//</span> RODINA
|
||||
<p>
|
||||
Je libovolné seskupení savců, přičemž alespoň jeden bude mít za sebou méně než 10 let. V této kategorii se počítá celý team, ať už ho táhne, nebo brzdí ten nejmladší. Rodina má jasně daný okruh, //RODINNÝ
|
||||
</p>
|
||||
<span class="w3-green">//</span> JUNIOR
|
||||
<p>
|
||||
S rodinou se mu už táhnout nechce, svoji vlastní zatím nemá. A to je vlastne dobře, protože 12 let mu už bylo a do 18 to ještě taky potrvá. Junioři si fláknou okruh //JUNIOR
|
||||
</p>
|
||||
<span class="w3-green">//</span> BUŠIČ
|
||||
<p>
|
||||
Kdo nebuší nejede. Ať z kopce, nebo do kopce, vždy naplno. Odhodlání, ani chuť mu nechybí. Alespoň jeden okruh s věkem nad 18 by měl mít v kapse. // BUŠIČ si vybere, jestli se chce zničit na // ENDURO okruhu, nebo na // CROSS-COUNTRY. Na vybraném okruhu pak s ostatníma // BUŠIČama soutěží o nejlepší čas.
|
||||
</p>
|
||||
<span class="w3-green">//</span> KALSKÉ BOREC
|
||||
<p>
|
||||
Je smetánkou Kalské cyklistiky. Lamač srdcí všech pohlaví s vyrýsovanou postavou, ktéremu žádný kopec není příliš strmý a sjezd dost náročný. Ti, co se pyšní tímhle titulem se poperou se všema okruhama v časovém limitu 6 hodin v následujícím pořadí: // ENDURO -> // CROSS-COUNTRY -> // JUNIOR -> // RODINNÝ. I proto startují v 9:00
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-third w3-padding-large">
|
||||
<div class="w3-center w3-display-container fill w3-round-xxlarge">
|
||||
<img src="./img/borci.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w3-row w3-black">
|
||||
<div class="w3-third w3-padding-large">
|
||||
<div class="w3-center w3-display-container fill w3-round-xxlarge">
|
||||
<img src="./img/vyhlaseni.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-twothird w3-padding-large">
|
||||
<div class="w3-padding-64 w3-padding-large w3-white w3-round-xxlarge">
|
||||
<div class="w3-center" style="padding-left:0px;"><h2>// KONTAKT</h2></div>
|
||||
<div class="w3-display-container w3-leftbar w3-border-green w3-padding-large">
|
||||
Pokuď potřebujete poradit, nebo se zeptat, napište mi. Všichni mi říkají Ventil.
|
||||
<h2><span class="w3-green">//</span> TELEFON na Ventila</h2>
|
||||
<p>+420 775 003 122</p>
|
||||
<h2><span class="w3-green">//</span> EMAIL</h2>
|
||||
|
||||
<p>ventil@spoton.cz</p>
|
||||
<h2><span class="w3-green">//</span> Účast bude elektronicky od 1.3.2024 do 21.3.2024.</h2>
|
||||
<p>Přispěvek k registraci 400,-</p>
|
||||
<p>Příspěvek je použit na občerstvení, ceny, </p>
|
||||
<h2><span class="w3-green">//</span> Občerstvení:</h2>
|
||||
<p><ul>
|
||||
<li>Nealko Pivo Vorkloster Cero</li>
|
||||
<li>Vorkloster 10°</li>
|
||||
<li>Ionťáky, Magnézka, Limo</li>
|
||||
<li>Guláš</li>
|
||||
<li>Párek / Klobása</li>
|
||||
</ul>
|
||||
</p>
|
||||
<h2><span class="w3-green">//</span> Ceny:</h2>
|
||||
<p>
|
||||
Servis od Ventila, Gripy, lahve, blikačky...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="w3-container w3-black w3-padding-16">
|
||||
|
||||
Reference in New Issue
Block a user