<?php
/**
* @file kids.php
* @brief Zobrazení informací o dětských pobytech v Oáze Brádlo.
*
* Tento skript:
* - Prezentuje sekce s informacemi o sezónních aktivitách, cvičení, procházkách, vybavení pokojů, stravování (včetně vegetariánských a veganských možností), pronájmu sálů a učeben a dopravě.
* - Obsahuje tipy na výlety (Seč, Chotěboř) s popisy, vzdálenostmi a odkazy na externí zdroje (Kudy z nudy, Google Maps).
* - Využívá externí JavaScript soubor (kids.v-4.js) pro interaktivní funkce, například přepínání obsahu v sekci "Aréal a okolí".
*/
?>
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Dětské pobyty v Oáze Brádlo - zábava, hry a tvoření pro děti. Bezpečné a přátelské prostředí s kvalitním zázemím.">
<title>Dětské pobyty</title>
<link rel="stylesheet" href="css/kids.v-2.css" />
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
rel="stylesheet" />
<link rel="icon" href="media/logo-oaza2.png" type="image/x-icon" />
</head>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-FB7MMZ9KBB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-FB7MMZ9KBB");
</script>
<body>
<section class="first">
<nav>
<div class="container" id="home">
<div class="row navLinks">
<div class="col-md-1 col-lg-1 smallGone"></div>
<div class="col-md-2 col-lg-2 col-12 link">
<a href="domů"> Domů </a>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable">
<a href="domů#akce">Akce</a>
<div class="submenu">
<a href="semináře">Semináře</a>
<a href="rekreace">Ozdravné pobyty</a>
<a href="dětské-pobyty">Dětské pobyty</a>
<a href="firemní">Firemní</a>
<a href="ostatní">Ostatní</a>
</div>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable">
<a href="fotogalerie">Fotogalerie</a>
<div class="submenu">
<a href="blog#tipy-na-výlety">Tipy na výlety</a>
<a href="blog">Aktuality</a>
</div>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable">
<a href="ceník">Ceník</a>
<div class="submenu">
<a href="platební-podmínky">Platební podmínky</a>
</div>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable">
<a href="domů#kontakt">Kontakt</a>
<div class="submenu">
<a href="gdpr">Zpracování údajů</a>
<a href="openPositions.php">Kariéra</a>
</div>
</div>
<div class="col-md-1 col-lg-1 smallGone"></div>
</div>
</div>
<div class="spacer4"></div>
</nav>
<div class="container">
<div class="row forPhone">
<div class="col-12 col-md-3 col-lg-3 tablet">
<img src="media/kids/7.png" alt="© Marisa Howenstine, unsplash" />
<div class="spacer2 smallGone hideSmTablet"></div>
<img src="media/kids/8.png" alt="" />
</div>
<div class="col-6 mainImg smallGone">
<img src="media/kids/artMain.png" alt="" />
</div>
<div class="col-12 col-md-3 col-lg-3 tablet">
<img
src="media/kids/9.png"
alt="https://unsplash.com/de/fotos/madchen-die-tagsuber-auf-der-bank-sitzen-ymVaGKsBQXM" />
<div class="spacer2 smallGone hideSmTablet"></div>
<img
src="media/kids/10.png"
alt="Photo by Jannes Glas on Unsplash" />
</div>
</div>
</div>
<div class="spacer"></div>
</section>
<section class="area">
<div class="heading3">Aréal a okolí</div>
<div class="container">
<div class="row areaTable text-center">
<div class="col-4">
<h1
id="season-heading"
class="clickable-heading selected-heading">
Sezónní ❄
</h1>
</div>
<div class="col-4">
<h1
id="exercise-heading"
class="clickable-heading">
Cvičení
</h1>
</div>
<div class="col-4">
<h1 id="walks-heading" class="clickable-heading">Procházky</h1>
</div>
<div class="col-12">
<div class="row board optionSeason">
<div class="col-6 text-center">
<div class="spacer4"></div>
<ul class="boardList text-left">
<a
href="https://skihluboka.cz/"
style="text-decoration-color: white">
<li>Ski areál Hluboká</li>
</a>
<p> Půjčovna lyží i snowboardu<br> Dětská školička<br> 10km od hotelu</p>
<a
href="https://www.skihlinsko.cz/"
style="text-decoration-color: white">
<li>Ski areál Hlinsko</li>
</a>
<p> Půjčovna lyží i snowboardu<br> Dětská školička<br> Dětský cvičný svah<br> 17km od hotelu</p>
</ul>
</div>
<div class="col-6 smallGone">
<div class="row text-center">
<div class="col-12">
<div class="topPhoto">
<img src="media/kids/skibradlo2.1.jpg" alt="" class="" />
</div>
<div class="botPhoto">
</div>
</div>
</div>
</div>
</div>
<div class="row board optionExercise">
<div class="col-6 text-center">
<div class="spacer4"></div>
<ul class="boardList text-left">
<li>Velký & podkrovní sál</li>
<li>2 pingpongové stoly</li>
<a
href="https://www.hornibradlo.cz/viceucelove-hriste-a-pronajem-sokolovny/ds-1033"
style="text-decoration-color: white">
<li>Horní Br. sokolovna</li>
</a>
<a
href="https://www.hornibradlo.cz/viceucelove-hriste-a-pronajem-sokolovny/ds-1033"
style="text-decoration-color: white">
<li>Horní Br. víceúčelové hřiště</li>
</a>
<li>Orientační běh v okolí</li>
<li>Zahradní plochy pro cvičení</li>
</ul>
</div>
<div class="col-6 smallGone">
<div class="row text-center">
<div class="col-12">
<div class="topPhoto">
<img src="media/hotelArea.png" alt="" class="" />
</div>
<div class="botPhoto">
<img src="media/rent/attic/1.jpg" alt="" class="" />
<img src="media/prochazka4.png" alt="" class="" />
<img src="media/recreation/field.jpg" alt="" class="" />
</div>
</div>
</div>
</div>
</div>
<div class="row board optionWalks" style="display: none">
<div class="col-6 text-center">
<div class="spacer4"></div>
<ul class="boardList text-left">
<li>Hrobka rodiny Kustošů</li>
<li>Jez Horní Bradlo</li>
<li>Kaple Panny Marie (Dolní Bradlo)</li>
<li>Krásné (Zvonička, vysílač)</li>
<li>Studánka Vršov</li>
<li>Vršov</li>
</ul>
</div>
<div class="col-6 smallGone">
<div class="row text-center">
<div class="col-12">
<div class="topPhoto">
<img src="media/prochazka1.png" alt="" class="" />
</div>
<div class="botPhoto">
<img src="media/prochazka2.jpg" alt="" class="" />
<img src="media/prochazka3.png" alt="" class="" />
<img src="media/prochazka4.png" alt="" class="" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spacer"></div>
</section>
<section class="rooms">
<div class="heading3">Zázemí</div>
<div class="container">
<div class="row">
<div class="col-4 position-relative">
<img src="media/roomleft.png" alt="" class="leftRoom" />
<div class="smallGone">
<img src="media/kids/smallWave1.png" alt="" class="smallWave" />
</div>
<div class="biggerGone smallShow">
<img
src="media/kids/smallWavecenter.png"
alt=""
class="smallWave2" />
</div>
<p class="smallName">I.kategorie</p>
<p class="hoverText1">
Pokoj je vybaven:
<br class="mb-1" />
- lůžka
<br />
- vlastní koupelna
<br />
- WC
<br />
- TV
<br />
- Wi-Fi
<br />
- sedací nábytek
<br />
- noční stolky + lampičky
<br />
- el. zásuvky
</p>
</div>
<div class="col-4 position-relative">
<img src="media/roomcenter.png" alt="" class="centerRoom" />
<img
src="media/kids/smallWavecenter.png"
alt=""
class="smallWave2" />
<p class="smallName">II.kategorie</p>
<p class="hoverText2">
Pokoj je vybaven:
<br class="mb-1" />
- lůžka
<br />
- vlastní koupelna
<br />
- WC
<br />
- TV
<br />
- Wi-Fi
<br />
- sedací nábytek
<br />
- noční stolky + lampičky
<br />
- el. zásuvky
</p>
</div>
<div class="col-4 position-relative">
<img src="media/roomright.png" alt="" class="rightRoom" />
<div class="smallGone">
<img
src="media/kids/smallWaveright.png"
alt=""
class="smallWave3" />
</div>
<div class="biggerGone smallShow">
<img
src="media/kids/smallWavecenter.png"
alt=""
class="smallWave2" />
</div>
<p class="smallName">Původní podkrovní</p>
<p class="hoverText3">
Pokoj je vybaven:
<br class="mb-1" />
- lůžka
<br />
- vlastní koupelna
<br />
- TV
<br />
- Wi-Fi
<br />
- sedací nábytek
<br />
- noční stolky + lampičky
<br />
- el. zásuvky
</p>
</div>
</div>
</div>
<div class="spacer"></div>
</section>
<section class="food">
<div class="heading3">Stravování</div>
<div class="container">
<div class="row foodBar">
<div class="col-md-1 col-lg-1 smallGone"></div>
<div class="col-md-2 col-6 foodBtn left" id="vegetarian">
<h4>Vegetariánská</h4>
</div>
<div class="col-md-2 col-lg-2 col-6 foodBtn side" id="vegan">
<h4>Veganská</h4>
</div>
<div class="col-md-2 col-lg-2 col-4 foodBtn center" id="raw">
<h4>Živá / Raw</h4>
</div>
<div class="col-md-2 col-lg-2 col-4 foodBtn side" id="combi">
<h4>Živá / Combi</h4>
</div>
<div class="col-md-2 col-lg-2 col-4 foodBtn right" id="meat">
<h4>Domací masitá</h4>
</div>
<div class="col-md-1 col-lg-1 smallGone"></div>
</div>
<div class="spacer2"></div>
<div class="row diningImg text-center">
<div class="col-2.5 foodPlace">
<img src="media/rent/gastro/bar.jpg" alt="" />
</div>
<div class="col-2.5 foodPlace">
<img src="media/rent/gastro/bigfood.png" alt="" />
</div>
<div class="col-2.5 foodPlace">
<img src="media/rent/gastro/blue.jpg" alt="" />
</div>
<div class="col-2.5 foodPlace">
<img src="media/rent/gastro/red.jpg" alt="" />
</div>
</div>
</div>
<div class="spacer"></div>
</section>
<section class="rent">
<div class="spacer4"></div>
<div class="heading3">Sály</div>
<div class="spacer50"></div>
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-lg-6 smallGone mb-4">
<div class="rentHall2"></div>
<div class="rentHall">
<div class="topRentPhoto">
<img src="media/rent/big/5.png" alt="" />
</div>
<div class="botRentPhoto">
<img src="media/rent/big/6.png" alt="" />
<img src="media/rent/big/8.jpg" alt="" />
<img src="media/rent/big/7.png" alt="" />
</div>
<div class="rentInfo">
<h1>Velký sál</h1>
<p>
Rozměr 12 x 18 m <br />
Kapacita až 120 osob <br />
Cena: 4500,-Kč/den
</p>
<img src="media/rent/bgInfo.png" alt="" />
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-12 biggerGone smallShow">
<div class="rentHall22"></div>
<div class="rentHall12">
<div class="topRentPhoto">
<img src="media/rent/big/5.png" alt="" />
</div>
<div class="botRentPhoto">
<img src="media/rent/big/6.png" alt="" />
<img src="media/rent/big/8.jpg" alt="" />
<img src="media/rent/big/7.png" alt="" />
</div>
<div class="rentInfo">
<h1>Velký sál</h1>
<p>
Rozměr 12 x 18 m <br />
Kapacita až 120 osob <br />
Cena: 4500,-Kč/den
</p>
<img src="media/rent/bgInfo.png" alt="" />
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-12 smallGone mb-4">
<div class="rentHall2"></div>
<div class="rentHall">
<div class="topRentPhoto">
<img src="media/rent/attic/1.jpg" alt="" />
</div>
<div class="botRentPhoto">
<img src="media/rent/attic/3.jpg" alt="" />
<img src="media/rent/attic/4.jpg" alt="" />
<img src="media/rent/attic/2.jpg" alt="" />
</div>
<div class="rentInfo">
<h1>Podkrovní sál</h1>
<p>
Rozměr 12 x 12 m <br />
Kapacita až 40 osob <br />
Cena: 800,-Kč/den
</p>
<img src="media/rent/bgInfo.png" alt="" />
</div>
</div>
</div>
<div class="col-12 spacer4 smallShow biggerGone"></div>
<div class="col-md-6 col-lg-6 col-12 smallShow biggerGone">
<div class="rentHall22"></div>
<div class="rentHall12">
<div class="topRentPhoto">
<img src="media/rent/attic/1.jpg" alt="" />
</div>
<div class="botRentPhoto">
<img src="media/rent/attic/3.jpg" alt="" />
<img src="media/rent/attic/4.jpg" alt="" />
<img src="media/rent/attic/2.jpg" alt="" />
</div>
<div class="rentInfo">
<h1>Podkrovní sál</h1>
<p>
Rozměr 12 x 12 m <br />
Kapacita až 40 osob <br />
Cena: 800,-Kč/den
</p>
<img src="media/rent/bgInfo.png" alt="" />
</div>
</div>
</div>
</div>
<div class="spacer2"></div>
<div class="row">
<div class="col-md-3 col-lg-3 col-3"></div>
<div class="col-md-6 col-lg-6 col-6 rentSmaller text-center">
<div class="heading33">Učebny</div>
</div>
<div class="col-md-3 col-lg-3 col-3"></div>
</div>
<div class="row">
<div class="col-md-6 col-lg-6 col-12 mb-2">
<div class="rentSchooling">
<img
id="schoolingImage"
src="media/rent/schooling/1.png"
alt="" />
<div class="schoolingInfo text-center">
<h1>Velká učebna</h1>
<p>
<span class="hover-text">+ předsálí</span> <br />
Rozměr 10 x 4,5 m <br />Kapacita až 30 osob <br />Cena:
500,-Kč/den
</p>
<img src="media/rent/bgInfoSmaller.png" alt="" />
</div>
</div>
</div>
<div class="col-12 spacer4 smallShow biggerGone"></div>
<div class="col-md-6 col-lg-6 col-12 mb-2">
<div class="rentSchooling">
<img
id="schoolingImage2"
src="media/rent/schooling/2.png"
alt="" />
<div class="schoolingInfo text-center">
<h1>Malá učebna</h1>
<p>
<span class="hover-text2">2.varianta</span> <br />Rozměr 4 x
4,5 m <br />Kapacita až 15 osob <br />Cena: 300,-Kč/den
</p>
<img src="media/rent/bgInfoSmaller.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<div class="spacer"></div>
</section>
<section class="additonals">
<div class="heading3">Zajišťujeme</div>
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-lg-6 col-12">
<h2>Animační program</h2>
<img
src="media/kids/program.jpg"
alt="Foto von Mikhail Nilov von Pexels: https://www.pexels.com/de-de/foto/frau-kunst-kreativ-malerei-8922974/" />
</div>
<div class="col-md-6 col-lg-6 col-12">
<h2>Party stany</h2>
<img
src="media/kids/tent.jpg"
alt="https://unsplash.com/photos/a-large-white-tent-sitting-on-top-of-a-lush-green-field-o0EBWW2kO7w" />
</div>
</div>
</div>
</section>
<section class="transport">
<div class="spacer"></div>
<div class="heading3">Doprava</div>
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-lg-6 col-12 mb-2">
<div class="box">
<div class="spacer50"></div>
<h4>Veřejná doprava</h4>
<p>Horní Bradlo,Vršov,rekr.stř.<br />(zastávka u hotelu)</p>
</div>
</div>
<div class="col-12 spacer4 smallShow biggerGone"></div>
<div class="col-md-6 col-lg-6 col-12">
<div class="box">
<div class="spacer50"></div>
<h4>Pronájem</h4>
<p>V případě zájmu zajistíme společnost pro dopravu</p>
</div>
</div>
</div>
</div>
<div class="spacer"></div>
</section>
<section class="tips">
<div class="heading3">Tipy na výlety</div>
<div class="spacer4"></div>
<div class="container">
<div class="row articleCart">
<div
class="col-md-3 col-lg-3 smallGone hideSmTablet"
style="padding-left: 0">
<div class="tipsPhotoTop mt-1">
<img src="media/articles/trips/sec/sec1.png" alt="" />
</div>
<div class="tipsPhotoBott">
<img
src="media/articles/trips/sec/sec4.png"
alt=""
class="leftPhoto" />
<img src="media/articles/trips/sec/sec2.png" alt="" />
<img
src="media/articles/trips/sec/sec3.png"
alt=""
class="rightPhoto" />
</div>
</div>
<div class="col-9">
<div class="row articleContent">
<div class="col-8">
<h1>Seč</h1>
</div>
<div class="col-md-4 col-lg-4 smallGone">
<a href="trips.php?id=1"><img src="media/articles/infoTransparent.png" alt="" /></a>
<a
href="https://www.kudyznudy.cz/kam-pojedete/pardubicky-kraj/chrudimsko-hlinecko/sec"><img src="media/articles/kudyTransparent.png" alt="" /></a>
<a
href="https://www.google.com/maps/place/Se%C4%8D,+%C4%8Cesko/@49.8361146,15.6632213,11289m/data=!3m1!1e3!4m6!3m5!1s0x470db315bbe4812d:0x400af0f6615d2b0!8m2!3d49.8469374!4d15.6564304!16zL20vMGI4eTcz?entry=ttu&g_ep=EgoyMDI0MTIxMS4wIKXMDSoASAFQAw%3D%3D"><img src="media/articles/mapTransparent.png" alt="" /></a>
</div>
<div class="col-12">
<p><strong>Vzdálenost:</strong> 10km</p>
</div>
<div class="col-12">
<p>
<strong>Co navštívit:</strong> Vodní hráz, koupaliště, kostel
sv. Ant, Stezka lesem
</p>
</div>
<div class="col-12">
<p>
<strong>Popis:</strong> V místě se nachází vodní hráz po které
se lze projít s krásným výhledem do okolí. Nedaleko hráze se
nachází veřejné koupaliště
</p>
</div>
<div class="col-md-4 col-lg-4 smallShow biggerGone">
<a href="trips.php?id=1"><img src="media/articles/infoTransparent.png" alt="" /></a>
<a
href="https://www.kudyznudy.cz/kam-pojedete/pardubicky-kraj/chrudimsko-hlinecko/sec"><img src="media/articles/kudyTransparent.png" alt="" /></a>
<a
href="https://www.google.com/maps/place/Se%C4%8D,+%C4%8Cesko/@49.8361146,15.6632213,11289m/data=!3m1!1e3!4m6!3m5!1s0x470db315bbe4812d:0x400af0f6615d2b0!8m2!3d49.8469374!4d15.6564304!16zL20vMGI4eTcz?entry=ttu&g_ep=EgoyMDI0MTIxMS4wIKXMDSoASAFQAw%3D%3D"><img src="media/articles/mapTransparent.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="spacer4"></div>
<div class="row articleCart">
<div
class="col-md-3 col-lg-3 smallGone hideSmTablet"
style="padding-left: 0">
<div class="tipsPhotoTop mt-1">
<img src="media/articles/trips/chotebor/chotebor1.png" alt="" />
</div>
<div class="tipsPhotoBott">
<img
src="media/articles/trips/chotebor/chotebor2.png"
alt=""
class="leftPhoto" />
<img src="media/articles/trips/chotebor/chotebor3.png" alt="" />
<img
src="media/articles/trips/chotebor/chotebor4.png"
alt=""
class="rightPhoto" />
</div>
</div>
<div class="col-9">
<div class="row articleContent">
<div class="col-8">
<h1>Chotěboř</h1>
</div>
<div class="col-md-4 col-lg-4 smallGone">
<a href="trips.php?id=2"><img src="media/articles/infoTransparent.png" alt="" /></a>
<a
href="https://www.kudyznudy.cz/kam-pojedete/kraj-vysocina/havlickobrodsko/chotebor"><img src="media/articles/kudyTransparent.png" alt="" /></a>
<a
href="https://www.google.com/maps/place/Chot%C4%9Bbo%C5%99,+583+01+Chot%C4%9Bbo%C5%99,+%C4%8Cesko/@49.7059415,15.651671,11320m/data=!3m2!1e3!4b1!4m6!3m5!1s0x470dac1ffa7f67a7:0xf3f39fe6ad8cf15e!8m2!3d49.7206138!4d15.6710415!16zL20vMGdmeWw0?entry=ttu&g_ep=EgoyMDI0MTIxMS4wIKXMDSoASAFQAw%3D%3D"><img src="media/articles/mapTransparent.png" alt="" /></a>
</div>
<div class="col-12">
<p><strong>Vzdálenost:</strong> 17km</p>
</div>
<div class="col-12">
<p>
<strong>Co navštívit:</strong> Zřícenina Sokolov, zámek
Chotěboř, Údolí Doubravy, Vyhlídka Čertův stolek
</p>
</div>
<div class="col-12">
<p>
<strong>Popis:</strong> Skála, na níž se vyhlídka nachází, je
snadno dostupná a nabízí místo pro odpočinek. Legendy spojené
s tímto místem dodávají výletu na zajímavosti.
</p>
</div>
<div class="col-12 smallShow biggerGone">
<a href="trips.php?id=2"><img src="media/articles/infoTransparent.png" alt="" /></a>
<a
href="https://www.kudyznudy.cz/kam-pojedete/kraj-vysocina/havlickobrodsko/chotebor"><img src="media/articles/kudyTransparent.png" alt="" /></a>
<a
href="https://www.google.com/maps/place/Chot%C4%9Bbo%C5%99,+583+01+Chot%C4%9Bbo%C5%99,+%C4%8Cesko/@49.7059415,15.651671,11320m/data=!3m2!1e3!4b1!4m6!3m5!1s0x470dac1ffa7f67a7:0xf3f39fe6ad8cf15e!8m2!3d49.7206138!4d15.6710415!16zL20vMGdmeWw0?entry=ttu&g_ep=EgoyMDI0MTIxMS4wIKXMDSoASAFQAw%3D%3D"><img src="media/articles/mapTransparent.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="spacer smallGone"></div>
<div class="spacer50"></div>
</section>
<footer>
<div class="container">
<div class="row text-center">
<div class="col-4 mt-2">
<p>+420 606 892 843</p>
</div>
<div class="col-4 mt-2"><a href="">©Oáza Srdce</a></div>
<div class="col-4 mt-2"><a href="gdpr">GDPR</a></div>
</div>
</div>
</footer>
<script src="kids.v-4.js"></script>
</body>
</html>