<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>KG Radio - Home</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background: #0d0d0d;
color: white;
}
header {
background: #111;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid #ff4d00;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #ff4d00;
}
nav a {
color: white;
margin-left: 20px;
text-decoration: none;
font-size: 16px;
}
.hero {
text-align: center;
padding: 100px 20px;
background: url('https://images.unsplash.com/photo-1511379938547-c1f69419868d') center/cover no-repeat;
background-blend-mode: overlay;
background-color: rgba(0,0,0,0.6);
}
.hero h1 {
font-size: 48px;
margin-bottom: 10px;
}
.hero p {
font-size: 20px;
margin-bottom: 20px;
}
.listen-btn {
background: #ff4d00;
padding: 12px 25px;
border: none;
color: white;
font-size: 18px;
border-radius: 6px;
cursor: pointer;
}
.section {
padding: 50px 20px;
text-align: center;
}
.footer {
background: #111;
padding: 20px;
text-align: center;
border-top: 2px solid #ff4d00;
margin-top: 40px;
}
</style>
</head>
<body>
<header>
<div class="logo">KG Radio</div>
<nav>
<a href="#home">Home</a>
<a href="#shows">Shows</a>
<a href="#djs">DJs</a>
<a href="#contact">Contact</a>
</nav>
</header> <section class="hero" id="home">
<h1>Welcome to KG Radio</h1>
<p>Your #1 source for music, entertainment & live shows!</p>
<button class="listen-btn">â–¶ Listen Live</button>
</section> <section class="section" id="shows">
<h2>Our Shows</h2>
<p>Catch the hottest programs, live mixes, entertainment news and more on KG Radio.</p>
</section> <section class="section" id="djs">
<h2>Meet Our DJs</h2>
<p>Professional DJs bringing you fresh vibes every day.</p>
</section> <section class="section" id="contact">
<h2>Contact Us</h2>
<p>Email: info@kgradio.com | Phone: +256 700 000000</p>
</section> <footer class="footer">
<p>© 2025 KG Radio. All Rights Reserved.</p>
</footer>
</body>
</html>
