<!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>