Star fm sri lanka
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>STARFMSRILANKA</title>
<style>
/* Basic CSS for layout */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: #fff;
padding: 1rem;
text-align: center;
}
header img {
max-width: 150px;
margin: 10px;
}
nav ul {
list-style: none;
padding: 0;
text-align: center;
background-color: #444;
}
nav ul li {
display: inline;
margin: 0 15px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
.hero {
background: url('/mnt/data/file-Ghp0Kax1cl4DNanKiFJt5cqW') center/cover no-repeat;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
color: white;
text-align: center;
position: relative;
}
.hero-content {
background: rgba(0, 0, 0, 0.6);
padding: 20px;
border-radius: 8px;
}
.section {
padding: 2rem;
text-align: center;
}
.footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
}
.button {
background-color: #ff5722;
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
margin-top: 10px;
}
</style>
</head>
<body>
<!-- Header -->
<header>
<img src="/mnt/data/file-jJ8qAaIG61h3DPhimNc76fsG" alt="STARFMSRILANKA Logo">
<h1>STARFMSRILANKA</h1>
<p>Your Favorite Sri Lankan Radio Station</p>
</header>
<!-- Navigation -->
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#programs">Programs</a></li>
<li><a href="#live">Live Stream</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<!-- Hero Section -->
<div class="hero">
<div class="hero-content">
<h2>Welcome to STARFMSRILANKA</h2>
<a href="#live" class="button">Listen Live</a>
</div>
</div>
<!-- About Us Section -->
<section id="about" class="section">
<h2>About Us</h2>
<p>STARFMSRILANKA is dedicated to bringing you the best music, news, and entertainment from Sri Lanka and beyond. Tune in for a diverse range of programs and connect with our vibrant community.</p>
</section>
<!-- Programs Section -->
<section id="programs" class="section">
<h2>Our Programs</h2>
<p>Discover our popular shows, hosted by some of the most talented DJs and presenters. From music to talk shows, we have something for everyone.</p>
</section>
<!-- Live Stream Section -->
<section id="live" class="section">
<h2>Live Stream</h2>
<p>Listen to STARFMSRILANKA live online! Click the button below to start streaming:</p>
<a href="#" class="button">Listen Now</a>
<!-- Embed a live stream player here -->
</section>
<!-- Schedule Section -->
<section id="schedule" class="section">
<h2>Schedule</h2>
<p>Check out our weekly schedule to stay updated on when your favorite shows air.</p>
</section>
<!-- News & Updates Section -->
<section id="news" class="section">
<h2>News & Updates</h2>
<p>Stay informed with the latest news and updates from STARFMSRILANKA.</p>
</section>
<!-- Contact Us Section -->
<section id="contact" class="section">
<h2>Contact Us</h2>
<p>Have questions or feedback? Get in touch with us!</p>
<form>
<label for="name">Name:</label><br>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email"><br><br>
<label for="message">Message:</label><br>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="Submit">
</form>
</section>