<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Dream Destination: Santorini, Greece</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        }

        /* Hero Section */
        .hero {
            width: 100%;
            height: 85vh;
            background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('https://picsum.photos/id/1018/1920/1080');
            background-size: cover;
            background-position: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            text-align: center;
            padding: 0 20px;
        }
        .hero h1 {
            font-size: 3.8rem;
            margin-bottom: 1.2rem;
            text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
            letter-spacing: 1px;
        }
        .hero p {
            font-size: 1.6rem;
            max-width: 750px;
            text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
            font-weight: 300;
        }

        /* Content Container */
        .content {
            max-width: 1200px;
            margin: 5rem auto;
            padding: 0 25px;
        }
        .content h2 {
            color: #2c3e50;
            font-size: 2.4rem;
            text-align: center;
            margin-bottom: 2rem;
        }
        .content > p {
            color: #555;
            line-height: 1.9;
            font-size: 1.15rem;
            text-align: center;
            max-width: 900px;
            margin: 0 auto 3rem;
        }

        /* Destination Cards Grid */
        .card-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2.2rem;
            margin: 4rem 0;
        }
        .destination-card {
            background: #ffffff;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 6px 18px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .destination-card:hover {
            transform: translateY(-7px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.12);
        }
        .card-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
        }
        .card-body {
            padding: 1.8rem;
        }
        .card-body h3 {
            color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.5rem;
        }
        .card-body p {
            color: #666;
            line-height: 1.7;
            font-size: 1rem;
        }

        /* Footer */
        footer {
            background: #2c3e50;
            color: white;
            text-align: center;
            padding: 2.2rem;
            margin-top: 5rem;
        }
        footer p {
            font-size: 1rem;
            opacity: 0.85;
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.6rem;
            }
            .hero p {
                font-size: 1.2rem;
            }
            .content h2 {
                font-size: 2rem;
            }
        }
    </style>
</head>
<body>
    <!-- Hero Banner -->
    <section class="hero">
        <h1>Santorini, Greece</h1>
        <p>Where whitewashed cliffs meet azure seas, and sunsets paint the sky in gold and rose</p>
    </section>

    <!-- Main Content -->
    <section class="content">
        <h2>My Ultimate Dream Travel Destination</h2>
        <p>For years, Santorini has been at the top of my travel bucket list. This volcanic Greek island in the Aegean Sea isn’t just a destination—it’s a postcard come to life, with iconic blue-domed churches, cliffside villages, ancient history, and sunsets that draw visitors from around the world.</p>

        <div class="card-grid">
            <!-- Card 1: Architecture -->
            <div class="destination-card">
                <img src="https://picsum.photos/id/1015/600/400" alt="Santorini Blue Domes" class="card-img">
                <div class="card-body">
                    <h3>Iconic Architecture</h3>
                    <p>The island’s signature cubic white buildings and vibrant blue accents, carved into volcanic cliffs, create a timeless, picturesque landscape at every turn.</p>
                </div>
            </div>

            <!-- Card 2: Sunsets -->
            <div class="destination-card">
                <img src="https://picsum.photos/id/1019/600/400" alt="Santorini Sunset" class="card-img">
                <div class="card-body">
                    <h3>Magical Sunsets</h3>
                    <p>Watching the sunset from Oia village is a legendary experience, as the sky transforms into a canvas of orange, pink, and purple hues over the caldera.</p>
                </div>
            </div>

            <!-- Card 3: Cuisine -->
            <div class="destination-card">
                <img src="https://picsum.photos/id/1026/600/400" alt="Greek Cuisine" class="card-img">
                <div class="card-body">
                    <h3>Delicious Local Flavors</h3>
                    <p>Fresh seafood, volcanic-grown tomatoes, fava beans, and crisp Assyrtiko wine make Santorini’s cuisine a delight for every food lover.</p>
                </div>
            </div>
        </div>

        <p>Beyond its beauty, Santorini offers rich history: the ancient Minoan site of Akrotiri (often called the "Pompeii of the Aegean"), quiet black-sand beaches, and warm, welcoming locals. It’s the perfect blend of romance, relaxation, and adventure—exactly why it’s my dream destination.</p>
    </section>

    <!-- Footer -->
    <footer>
        <p>Designed for travel dreamers • 2024</p>
    </footer>
</body>
</html>

作者声明:本文包含人工智能生成内容。