Untitled
unknown
plain_text
8 days ago
6.9 kB
6
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HYTC Hamburg Experience</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, sans-serif;
}
body{
background:#f4f7fa;
color:#333;
line-height:1.6;
}
header{
background:linear-gradient(135deg,#004c99,#0077cc);
color:white;
text-align:center;
padding:80px 20px;
}
header h1{
font-size:3rem;
}
header p{
font-size:1.2rem;
margin-top:10px;
}
nav{
background:#003366;
position:sticky;
top:0;
z-index:100;
padding:15px;
text-align:center;
}
nav a{
color:white;
text-decoration:none;
margin:0 15px;
font-weight:bold;
}
nav a:hover{
color:#ffd700;
}
.container{
width:90%;
max-width:1200px;
margin:auto;
}
.intro{
text-align:center;
padding:50px 0;
}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-bottom:50px;
}
.card{
background:white;
padding:25px;
border-radius:15px;
text-align:center;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
}
.day-section{
background:white;
margin:40px 0;
padding:30px;
border-radius:15px;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
}
.day-section h2{
color:#004c99;
margin-bottom:10px;
}
.day-section p{
margin-bottom:20px;
}
table{
width:100%;
border-collapse:collapse;
}
th{
background:#004c99;
color:white;
}
th, td{
padding:12px;
border:1px solid #ddd;
}
footer{
background:#003366;
color:white;
text-align:center;
padding:30px;
margin-top:50px;
}
</style>
</head>
<body>
<header>
<h1>HYTC Hamburg Experience</h1>
<p>5-Day Personalised Itinerary for Five Unique Children</p>
</header>
<nav>
<a href="#day1">Hipster Shopper</a>
<a href="#day2">Academic</a>
<a href="#day3">Foodie</a>
<a href="#day4">Adventurist</a>
<a href="#day5">Environmentalist</a>
</nav>
<div class="container">
<section class="intro">
<h2>Welcome to Hamburg!</h2>
<p>
Each child receives a dedicated day tailored to their interests,
creating unforgettable experiences while exploring Hamburg.
</p>
</section>
<div class="cards">
<div class="card">
<h3>🛍️ Hipster Shopper</h3>
<p>Independent boutiques, vintage stores and local culture.</p>
</div>
<div class="card">
<h3>📚 Academic</h3>
<p>Museums, learning experiences and university life.</p>
</div>
<div class="card">
<h3>🍔 Foodie</h3>
<p>Food markets, local dishes and cooking experiences.</p>
</div>
<div class="card">
<h3>🚴 Adventurist</h3>
<p>Outdoor challenges, cycling and exploration.</p>
</div>
<div class="card">
<h3>🌱 Environmentalist</h3>
<p>Sustainability, nature and conservation.</p>
</div>
</div>
<section id="day1" class="day-section">
<h2>🛍️ Day 1 – The Hipster Shopper</h2>
<p>Exploring Hamburg's independent shops, creative districts and hidden gems.</p>
<table>
<tr><th>Time</th><th>Activity</th></tr>
<tr><td>09:00</td><td>Breakfast at a local independent café</td></tr>
<tr><td>10:00</td><td>Explore vintage clothing stores</td></tr>
<tr><td>12:00</td><td>Visit artisan and handmade craft shops</td></tr>
<tr><td>13:00</td><td>Lunch at a family-owned restaurant</td></tr>
<tr><td>14:30</td><td>Browse independent bookstores and record shops</td></tr>
<tr><td>16:00</td><td>Free shopping time</td></tr>
<tr><td>18:00</td><td>Photography walk through creative districts</td></tr>
<tr><td>19:30</td><td>Dinner featuring regional cuisine</td></tr>
</table>
</section>
<section id="day2" class="day-section">
<h2>📚 Day 2 – The Academic</h2>
<p>A day focused on learning, discovery and intellectual curiosity.</p>
<table>
<tr><th>Time</th><th>Activity</th></tr>
<tr><td>09:00</td><td>Breakfast</td></tr>
<tr><td>10:00</td><td>Visit a science and nature museum</td></tr>
<tr><td>12:30</td><td>Lunch near the university district</td></tr>
<tr><td>14:00</td><td>University campus tour</td></tr>
<tr><td>15:30</td><td>Educational workshop</td></tr>
<tr><td>17:00</td><td>Library visit and research activity</td></tr>
<tr><td>19:00</td><td>Dinner and reflection session</td></tr>
</table>
</section>
<section id="day3" class="day-section">
<h2>🍔 Day 3 – The Foodie</h2>
<p>Discovering Hamburg through flavours, markets and culinary traditions.</p>
<table>
<tr><th>Time</th><th>Activity</th></tr>
<tr><td>09:00</td><td>Traditional German breakfast</td></tr>
<tr><td>10:30</td><td>Explore Hamburg's famous food market</td></tr>
<tr><td>12:30</td><td>Street food tasting</td></tr>
<tr><td>14:00</td><td>Cooking or baking workshop</td></tr>
<tr><td>16:00</td><td>Dessert tasting experience</td></tr>
<tr><td>17:30</td><td>Meet local food vendors</td></tr>
<tr><td>19:00</td><td>Special dinner featuring local dishes</td></tr>
</table>
</section>
<section id="day4" class="day-section">
<h2>🚴 Day 4 – The Adventurist</h2>
<p>An action-packed day of adventure and exploration.</p>
<table>
<tr><th>Time</th><th>Activity</th></tr>
<tr><td>09:00</td><td>Breakfast</td></tr>
<tr><td>10:00</td><td>High ropes course or climbing challenge</td></tr>
<tr><td>12:30</td><td>Picnic lunch</td></tr>
<tr><td>14:00</td><td>Hamburg harbour boat tour</td></tr>
<tr><td>16:00</td><td>Cycling along the Elbe River</td></tr>
<tr><td>18:00</td><td>Team scavenger hunt</td></tr>
<tr><td>19:30</td><td>Dinner by the waterfront</td></tr>
</table>
</section>
<section id="day5" class="day-section">
<h2>🌱 Day 5 – The Environmentalist</h2>
<p>Exploring sustainability, biodiversity and nature in Hamburg.</p>
<table>
<tr><th>Time</th><th>Activity</th></tr>
<tr><td>09:00</td><td>Breakfast</td></tr>
<tr><td>10:00</td><td>Visit botanical gardens</td></tr>
<tr><td>12:30</td><td>Sustainable lunch</td></tr>
<tr><td>14:00</td><td>Environmental education workshop</td></tr>
<tr><td>15:30</td><td>Nature walk and biodiversity study</td></tr>
<tr><td>17:00</td><td>Climate action discussion</td></tr>
<tr><td>18:30</td><td>Farewell celebration</td></tr>
<tr><td>19:30</td><td>Final group dinner</td></tr>
</table>
</section>
</div>
<footer>
<h3>HYTC Hamburg 2026</h3>
<p>Creating personalised experiences for every child.</p>
</footer>
</body>
</html>Editor is loading...
Leave a Comment