<!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="Koně Řásná - vyjížďky do přírody, tréninky a ustájení v srdci Vysočiny. Olinka, Nero a Chip se na vás těší.">
<title>Koně Řásná | Vyjížďky a tréninky na Vysočině</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400&family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<div class="logo">Koně Řásná</div>
<ul>
<li><a href="#kone">Naši koně</a></li>
<li><a href="#sluzby">Služby</a></li>
<li><a href="#novinky">Aktuality</a></li>
<li><a href="#kontakt">Kontakt</a></li>
</ul>
</nav>
<header class="hero">
<div class="hero-content">
<h1>Jezdecká stáj Řásná</h1>
<p>Pohoda, příroda a koně v srdci Vysočiny.</p>
<a href="#kontakt" class="cta-button">Domluvit termín</a>
</div>
</header>
<section id="kone" class="container">
<h2>Seznamte se se stádem</h2>
<div class="horses-grid">
<div class="horse-card">
<div class="horse-img" style="background-image: url('img/olinka.jpg');"></div>
<h3>Olinka</h3>
<p>Naše spolehlivá dáma. Je klidná, trpělivá a ideální parťák pro začátečníky i děti, které se teprve učí důvěře ke koním.</p>
</div>
<div class="horse-card">
<div class="horse-img" style="background-image: url('img/nero.jpg');"></div>
<h3>Nero</h3>
<p>Elegantní sportovec s velkým srdcem. Pro pokročilejší jezdce, kteří si chtějí užít svižnější vyjížďku nebo pilovat techniku.</p>
</div>
<div class="horse-card">
<div class="horse-img" style="background-image: url('img/chip.jpg');"></div>
<h3>Chip</h3>
<p>Náš nejmenší člen a velký rošťák. Miláček dětí, skvělý na procházky a mazlení, ale umí ukázat i svou poníkovskou hlavu.</p>
</div>
</div>
</section>
<section id="sluzby" class="bg-light">
<div class="container">
<h2>Nabídka a Ceník</h2>
<div class="services-grid">
<div class="service-item">
<h3>🌲 Vyjížďky do přírody</h3>
<p>Relaxační jízda krásnou přírodou v okolí Řásné a Velkého pařezitého rybníka. Vhodné pro duševní odpočinek.</p>
<span class="price">500 Kč / hodina</span>
</div>
<div class="service-item">
<h3>🏇 Pravidelné tréninky</h3>
<p>Individuální lekce na jízdárně zaměřené na sed, pobídky a komunikaci s koněm. Pro začátečníky i pokročilé.</p>
<span class="price">600 Kč / lekce</span>
</div>
<div class="service-item">
<h3>🐴 Vodění a kontakt</h3>
<p>Pro nejmenší děti nebo lidi, kteří se chtějí s koňmi jen seznámit, vyčistit si je a svézt se v kroku.</p>
<span class="price">300 Kč / 30 min</span>
</div>
</div>
</div>
</section>
<section id="novinky" class="container">
<h2>Co se u nás děje</h2>
<p style="text-align: center; color: #666; margin-bottom: 20px;">Zprávy přímo ze stáje a od koní.</p>
<div id="news-container">
</div>
</section>
<section id="kontakt" class="bg-dark">
<div class="container contact-wrapper">
<div class="contact-info">
<h2>Kde nás najdete</h2>
<p>
<strong>Adresa stáje:</strong><br>
Řásná 19<br>
588 56 (u Telče)
</p>
<br>
<p>
📞 <strong><a href="tel:+420777798422" title="Zavolat">+420 777 798 422</a></strong>
</p>
<p>
📧 <a href="mailto:konerasna@gmail.com" title="Napsat email">konerasna@gmail.com</a>
</p>
<br>
<div class="contact-note">
<p><em>Pro objednání prosím volejte nebo pište SMS/WhatsApp. Nejlépe alespoň den předem, abychom pro vás měli koně připravené.</em></p>
</div>
</div>
<div class="map">
<iframe
width="100%"
height="350"
id="gmap_canvas"
src="https://maps.google.com/maps?q=%C5%98%C3%A1sn%C3%A1+19&t=&z=15&ie=UTF8&iwloc=&output=embed"
frameborder="0"
scrolling="no"
marginheight="0"
marginwidth="0"
title="Mapa Koně Řásná">
</iframe>
</div>
</div>
</section>
<footer>
<p>© 2025 Koně Řásná. Těšíme se na vaši návštěvu.</p>
</footer>
<script src="script.js"></script>
</body>
</html>