<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kroužky – Rozvíjíme se</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, sans-serif;
}
body{
background:#f4f7fb;
color:#333;
}
header{
background:linear-gradient(135deg,#3949ab,#5c6bc0);
color:white;
text-align:center;
padding:70px 20px;
}
header h1{
font-size:3rem;
margin-bottom:15px;
}
header p{
max-width:850px;
margin:auto;
font-size:1.2rem;
}
.container{
width:90%;
max-width:1200px;
margin:60px auto;
}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:35px;
}
.card{
background:white;
border-radius:22px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.12);
transition:0.3s;
}
.card:hover{
transform:translateY(-10px);
}
.card img{
width:100%;
height:240px;
object-fit:cover;
}
.card-content{
padding:28px;
}
.card h2{
color:#3949ab;
margin-bottom:15px;
font-size:1.8rem;
}
.card p{
margin-bottom:20px;
line-height:1.7;
}
.button{
display:inline-block;
background:#3949ab;
color:white;
padding:12px 24px;
border-radius:12px;
text-decoration:none;
transition:0.3s;
font-weight:bold;
}
.button:hover{
background:#283593;
}
footer{
background:#283593;
color:white;
text-align:center;
padding:25px;
margin-top:60px;
}
</style>
</head>
<body>
<header>
<h1>Kroužky – Rozvíjíme se</h1>
<p>
Moderní technologie, kreativita, robotika, 3D tisk,
programování a objevování světa hravou formou.
</p>
</header>
<div class="container">
<div class="cards">
<!-- 3D dílna -->
<div class="card">
<img src="https://images.unsplash.com/photo-1581092160607-ee22731d8a08?q=80&w=1200&auto=format&fit=crop">
<div class="card-content">
<h2>3D dílna</h2>
<p>
Tvoříme vlastní 3D modely, učíme se pracovat
v Tinkercadu a sledujeme celý proces od návrhu
až po skutečný výrobek na 3D tiskárně.
</p>
<a href="#3ddilna" class="button">
Vstoupit do 3D dílny
</a>
</div>
</div>
<!-- Minecraft -->
<div class="card">
<img src="https://images.unsplash.com/photo-1627856013091-fed6e4e30025?q=80&w=1200&auto=format&fit=crop">
<div class="card-content">
<h2>Minecraft Education</h2>
<p>
Učíme se prostřednictvím hry.
Stavíme, programujeme, spolupracujeme
a objevujeme možnosti gamifikace ve vzdělávání.
</p>
<a href="#minecraft" class="button">
Objevit Minecraft
</a>
</div>
</div>
<!-- Robohrátky -->
<div class="card">
<img src="https://images.unsplash.com/photo-1581092919535-7146ff1a5906?q=80&w=1200&auto=format&fit=crop">
<div class="card-content">
<h2>Hrátky s robůtky</h2>
<p>
Programujeme Ozoboty a Codey Rocky,
učíme se algoritmy, logické myšlení
a základy robotiky hravou formou.
</p>
<a href="#roboti" class="button">
Vyzkoušet robotiku
</a>
</div>
</div>
</div>
</div>
<footer>
© 2026 Kroužky – Rozvíjíme se
</footer>
</body>
</html>
3D dílna – tvoříme, co si představíš
Chceš si vyrobit vlastní klíčenku, postavičku nebo originální ozdobu? V naší 3D dílně děti objevují svět 3D modelování a tisku. Naučí se, jak navrhnout vlastní výrobek v počítači, a pak ho pomocí 3D tiskárny přenést do reality. Fantazii se meze nekladou – co vymyslíš, to můžeš mít v ruce!
Vše se u nás naučíš, nic nemusíš umět!
Nápady, které ožívají v 3D.
Od návrhu až po hotový výrobek.
Tvoř, tiskni, vezmi si domů.
KDY? Čtvrtek 15:00 – 16:30 hod.
PRO KOHO? Žáci 5. – 9. ročníků