good morning #good morning <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>📺 Cartoon Network Movies</title><link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet"><style>*{ margin:0; padding:0; box-sizing:border-box; scroll-behavior:smooth; font-family: 'Bangers', cursive;}body{ background:#000; color:white;}/* Navbar */nav{ display:flex; justify-content:space-between; align-items:center; padding:15px 50px; background:#111; position:sticky; top:0; z-index:1000; box-shadow:0 0 15px yellow;}nav h2{ color:yellow; letter-spacing:2px;}nav ul{ list-style:none; display:flex; gap:25px;}nav ul li a{ text-decoration:none; color:white; transition:0.3s;}nav ul li a:hover{ color:yellow;}/* Hero Section */.hero{ height:80vh; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url("https://images.unsplash.com/photo-1608889175652-4c94c36c7c70"); background-size:cover; background-position:center;}.hero h1{ font-size:3.5em; margin-bottom:20px; color:yellow;}.hero p{ font-size:1.3em; margin-bottom:20px;}.btn{ padding:12px 25px; background:yellow; color:black; text-decoration:none; border-radius:8px; transition:0.3s; font-weight:bold;}.btn:hover{ background:white;}/* Section */section{ padding:60px 50px;}.section-title{ text-align:center; font-size:2.5em; margin-bottom:40px; color:yellow;}/* Grid */.grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px;}/* Card */.card{ background:#1a1a1a; padding:20px; border-radius:15px; text-align:center; transition:0.4s; box-shadow:0 0 20px rgba(0,0,0,0.5);}.card:hover{ transform:translateY(-12px); box-shadow:0 0 30px yellow;}.card img{ width:100%; border-radius:12px; margin-bottom:15px;}/* Footer */footer{ background:#111; text-align:center; padding:20px; margin-top:40px; color:#aaa;}</style></head><body><nav> <h2>CartoonNetwork Movies</h2> <ul> <li><a href="#movies">Movies</a></li> <li><a href="#studios">Studios</a></li> <li><a href="#watch">Watch Online</a></li> </ul></nav><div class="hero"> <h1>Welcome to Cartoon Movie World 🎬</h1> <p>Enjoy Your Favorite Cartoon Network Movies Anytime!</p> <a href="#movies" class="btn">Explore Now</a></div><section id="movies"> <h2 class="section-title">🔥 Popular Movies</h2> <div class="grid"> <div class="card"> <img src="https://via.placeholder.com/300x200"> <h3>The Powerpuff Girls Movie</h3> <p>Genre: Superhero / Comedy</p> <a href="#" class="btn">Watch</a> </div> <div class="card"> <img src="https://via.placeholder.com/300x200"> <h3>Ben 10: Secret of the Omnitrix</h3> <p>Genre: Action / Sci-Fi</p> <a href="#" class="btn">Watch</a> </div> <div class="card"> <img src="https://via.placeholder.com/300x200"> <h3>Teen Titans Go! To the Movies</h3> <p>Genre: Comedy / Action</p> <a href="#" class="btn">Watch</a> </div> </div></section><section id="studios"> <h2 class="section-title">🏭 Cartoon Studios</h2> <div class="grid"> <div class="card"> <h3>Cartoon Network Studios</h3> <a href="https://www.cartoonnetworkstudios.com" target="_blank" class="btn">Visit</a> </div> <div class="card"> <h3>Warner Bros. Animation</h3> <a href="https://www.warnerbros.com" target="_blank" class="btn">Visit</a> </div> <div class="card"> <h3>DC Animation</h3> <a href="#" class="btn">Visit</a> </div> </div></section><section id="watch"> <h2 class="section-title">🌐 Watch Online</h2> <div class="grid"> <div class="card"> <h3>Netflix</h3> <a href="https://www.netflix.com" target="_blank" class="btn">Explore</a> </div> <div class="card"> <h3>Amazon Prime Video</h3> <a href="https://www.primevideo.com" target="_blank" class="btn">Explore</a> </div> <div class="card"> <h3>HBO Max</h3> <a href="#" class="btn">Explore</a> </div> </div></section><footer> © 2026 Cartoon Network Movies | Designed by Maharajya 👑</footer></body></html> video Bhavesh Navgire - ShareChat