#good morning niche Disneyland ki website Di gai hai<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🌟 Disney Channel Hub</title>
<style>
body{
margin:0;
font-family:Arial, sans-serif;
background:#0c1445;
color:#fff;
}
/* Header */
header{
text-align:center;
padding:25px;
background:linear-gradient(90deg,#1e3c72,#2a5298);
box-shadow:0 0 25px rgba(42,82,152,0.7);
}
h1{margin:0;}
/* Sections */
section{
padding:40px 20px;
}
.section-title{
text-align:center;
margin-bottom:30px;
font-size:2em;
}
/* Grid */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}
/* Card */
.card{
background:#1a1f6b;
padding:15px;
border-radius:15px;
transition:0.4s;
text-align:center;
box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.card:hover{
transform:translateY(-10px);
box-shadow:0 0 25px #00c3ff;
}
.card img{
width:100%;
border-radius:12px;
}
/* Button */
.btn{
display:inline-block;
margin-top:10px;
padding:10px 20px;
background:#00c3ff;
color:white;
border-radius:8px;
text-decoration:none;
font-weight:bold;
transition:0.3s;
}
.btn:hover{
background:white;
color:black;
}
</style>
</head>
<body>
<header>
<h1>🌟 Disney Channel Hub</h1>
</header>
<!-- Popular Shows -->
<section>
<h2 class="section-title">📺 Popular Disney Shows</h2>
<div class="grid">
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Hannah Montana</h3>
<p>Starring: Miley Cyrus</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>The Suite Life</h3>
<p>Comedy Series</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Wizards of Waverly Place</h3>
<p>Fantasy Series</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
</div>
</section>
<!-- Disney Movies -->
<section>
<h2 class="section-title">🎥 Disney Movies</h2>
<div class="grid">
<div class="card">
<h3>Frozen</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
<div class="card">
<h3>The Lion King</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
<div class="card">
<h3>Aladdin</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
</div>
</section>
<!-- Disney Platforms -->
<section>
<h2 class="section-title">🌐 Disney Platforms</h2>
<div class="grid">
<div class="card">
<h3>Disney+</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Disney Channel</h3>
<a href="https://disneychannel.disney.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Marvel Studios</h3>
<a href="https://www.marvel.com" target="_blank" class="btn">Visit</a>
</div>
</div>
</section>
</body>
</html>
00:11