<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Tulipmania Studios – Film Portfolio</title>

  <meta name="description" content="Tulipmania Studios: Film projects, portfolio, and production highlights.">


  <!-- Google Fonts -->

  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">


  <!-- External CSS -->

  <link rel="stylesheet" href="style.css">

</head>

<body>


  <!-- Sidebar -->

  <div class="sidebar">

    <a href="index.html">Home</a>

    <a href="portfolio.html">Portfolio</a>

    <a href="about.html">About Us</a>

    <a href="contact.html">Contact</a>

  </div>


  <!-- Main content -->

  <div class="main">

    <h1>Welcome to Tulipmania Studios</h1>

    <p>This is our film portfolio website. Explore our projects, watch videos, and see our production highlights.</p>


    <h2>Featured Project</h2>

    <div class="portfolio-item">

      <img src="https://upload.wikimedia.org/wikipedia/commons/3/3f/Tulip_-_floriade_canberra.jpg" alt="Film Project 1">

      <a href="portfolio.html" class="btn">View More Projects</a>

    </div>


    <h2>Trailer</h2>

    <div class="portfolio-item">

      <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>

    </div>


    <footer>

      <p>© 2026 Tulipmania Studios</p>

    </footer>

  </div>


</body>

</html>