<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Carnival Cruise Line Simulator - Roblox</title>
  <style>
    /* Basic styling */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background: #f4f4f4;
      color: #333;
    }

    header {
      background: #083358;
      color: #fff;
      padding: 1rem 2rem;
      text-align: center;
    }

    header h1 {
      margin: 0;
      font-size: 2rem;
    }

    nav {
      background: #ccc;
      display: flex;
      justify-content: center;
    }

    nav a {
      margin: 0 1rem;
      padding: 0.75rem 1rem;
      text-decoration: none;
      color: #333;
    }

    nav a:hover {
      background: #bbb;
    }

    /* Page content sections */
    .container {
      padding: 2rem;
      max-width: 1200px;
      margin: 0 auto;
      background: #fff;
    }

    .hero {
      text-align: center;
      background: url('https://example.com/cruise-background.jpg') no-repeat center center/cover;
      color: #fff;
      padding: 4rem 2rem;
      margin-bottom: 2rem;
    }

    .hero h2 {
      font-size: 2.5rem;
      margin-bottom: 1rem;
    }

    .hero p {
      font-size: 1.25rem;
      max-width: 600px;
      margin: 0 auto;
    }

    .features {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }

    .feature-item {
      flex: 1 1 250px;
      background: #eaeaea;
      border-radius: 8px;
      text-align: center;
      padding: 1.5rem;
    }

    .feature-item h3 {
      margin-bottom: 1rem;
    }

    /* Footer */
    footer {
      background: #083358;
      color: #fff;
      text-align: center;
      padding: 1rem;
      margin-top: 2rem;
    }
  </style>
</head>
<body>
  <header>
    <h1>Carnival Cruise Line Simulator</h1>
  </header>

  <nav>
    <a href="#home">Home</a>
    <a href="#features">Features</a>
    <a href="#about">About</a>
    <a href="#contact">Contact</a>
  </nav>

  <!-- Hero Section -->
  <section class="hero" id="home">
    <h2>Experience the Ultimate Cruise Adventure</h2>
    <p>Join us on Roblox for a one-of-a-kind cruise adventure. Relax, explore, and have fun on the high seas!</p>
  </section>

  <!-- Main Content Container -->
  <div class="container">
    <!-- Features Section -->
    <section id="features">
      <h2>Game Features</h2>
      <div class="features">
        <div class="feature-item">
          <h3>Realistic Cruise Ship</h3>
          <p>Explore a detailed cruise ship designed to replicate the real-world Carnival experience.</p>
        </div>
        <div class="feature-item">
          <h3>Interactive Mini-Games</h3>
          <p>Participate in onboard activities: trivia, stage shows, and more.</p>
        </div>
        <div class="feature-item">
          <h3>Scenic Ports of Call</h3>
          <p>Discover different destinations. Go on shore excursions and earn rewards.</p>
        </div>
      </div>
    </section>

    <!-- About Section -->
    <section id="about">
      <h2>About Us</h2>
      <p>
        We are a team of Roblox enthusiasts who love designing and simulating real-life experiences. Our Carnival Cruise Line Simulator aims to give players the sense of traveling the seas, enjoying onboard activities, and making friends along the way.
      </p>
    </section>

    <!-- Contact Section -->
    <section id="contact">
      <h2>Get in Touch</h2>
      <p>Have feedback or questions? Send us a message!</p>
      <form>
        <label for="name">Name:</label><br />
        <input type="text" id="name" name="name" /><br /><br />

        <label for="email">Email:</label><br />
        <input type="email" id="email" name="email" /><br /><br />

        <label for="message">Message:</label><br />
        <textarea id="message" name="message" rows="5" cols="33"></textarea><br /><br />

        <button type="submit">Submit</button>
      </form>
    </section>
  </div>

  <footer>
    <p>&copy; 2025 Carnival Cruise Line Simulator on Roblox</p>
  </footer>
</body>
</html>