Untitled

avatar
unknown
plain_text
20 days ago
6.9 kB
7
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