Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Jam-On FM | Nonstop Hits & Vibes</title>
<meta name="description" content="Jam-On FM brings you the best in nonstop music, fresh hits, and smooth vibes. Tune in anytime, anywhere.">
<link rel="icon" href="img/favicon.png" type="image/png"><link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/>
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="css4.css" rel="stylesheet">
</head>
<body>
<?php include 'header.php'?>
<section class=" py-5">
<!-- About Section -->
<div class="container-fluid py-5">
<h1 class="display-4 fw-bold">About Jam On</h1>
<p class="lead">Jam On bridges culture, music, and community through creative expression and collaboration. We connect creators and audiences through dynamic shows, storytelling, and events.</p>
</div>
<!-- About Us Section -->
<div class="container-fluid py-5">
<div class="row align-items-center g-5">
<div class="col-md-6">
<img src="img/album1.png" class="img-fluid rounded w-100" alt="Jam On team">
</div>
<div class="col-md-6">
<h4 class="fw-bold mb-5">Who we are and what we stand for</h4>
<div class="row g-5 ">
<div class="col-md-6">
<img src="img/album2.png" class="img-fluid rounded w-100 mb-5" alt="People talking">
</div>
<div class="col-md-6">
<img src="img/album3.png" class="img-fluid rounded w-100 mb-5" alt="Teamwork">
</div>
</div>
<p class=" mb-5">Where culture, music, and technology collide. We deliver immersive content, creative shows, and authentic stories from diverse voices across our community.</p>
<a href="#" class="btn btn-outline-light btn-sm rounded-pill px-4 browse-btn ">View More</a>
</div>
</div>
</div>
<!-- Mission & Vision -->
<div class="container-fluid py-5">
<h4 class="fw-bold mb-5">Our Mission & Vision</h4>
<div class="row align-items-center g-4">
<div class="col-md-6">
<p>Our mission is to empower emerging artists, creators, and storytellers. Through our platform, we bring music, multimedia, and events that reflect the spirit of collaboration and expression.</p>
</div>
<div class="col-md-6">
<p>We aim to break boundaries and build bridges through innovative broadcasting, fresh perspectives, and community-led programming.</p>
</div>
<div class="col-md-12">
<img src="img/album4.png" class="img-fluid rounded w-100" alt="Creative session">
</div>
</div>
</div>
<!-- Meet Our Team -->
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-8" data-aos="fade-right">
<h4 class="font-02 mb-1">Meet </h4>
<h2 class="display-5 fw-bold mb-4">Our Team</h2>
</div>
<div class="col-lg-4 text-end" data-aos="fade-left">
<a href="#" class="btn btn-outline-light btn-sm rounded-pill px-4 mt-3 browse-btn "> View more</a>
</div>
</div>
<div class="row text-center g-4">
<div class="col-6 col-md-3">
<img src="img/album5.png" class="rounded-circle w-75 mb-2" alt="" >
<h6 class="mb-0 text-white">Alex Turner</h6><small class="text-secondary">Station Director</small>
</div>
<div class="col-6 col-md-3">
<img src="img/album2.png" class="rounded-circle w-75 mb-2" alt="" >
<h6 class="mb-0 text-white">Maya Lee</h6><small class="text-secondary">Music Curator</small>
</div>
<div class="col-6 col-md-3">
<img src="img/album3.png" class="rounded-circle w-75 mb-2" alt="" >
<h6 class="mb-0 text-white">Liam Smith</h6><small class="text-secondary">Video Producer</small>
</div>
<div class="col-6 col-md-3">
<img src="img/album4.png" class="rounded-circle w-75 mb-2" alt="" >
<h6 class="mb-0 text-white">Sarah Kim</h6><small class="text-secondary">Community Manager</small>
</div>
</div>
</div>
</section>
<section class="followus-features py-5 ">
<!-- Follow Us -->
<div class="container-fluid py-5 text-center ">
<h5 class="fw-bold mb-4">Follow us @jamon.radio</h5>
<div class="row g-3 justify-content-center">
<div class="col-6 col-sm-4 col-md-2">
<div class="position-relative overflow-hidden rounded image-wrapper">
<img src="img/album1.png" class="img-fluid w-100" alt="Album 1">
<div class="overlay d-flex align-items-center justify-content-center">
<i class="fab fa-instagram fa-2x text-white"></i>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-2">
<div class="position-relative overflow-hidden rounded image-wrapper">
<img src="img/album2.png" class="img-fluid w-100" alt="Album 2">
<div class="overlay d-flex align-items-center justify-content-center">
<i class="fab fa-instagram fa-2x text-white"></i>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-2">
<div class="position-relative overflow-hidden rounded image-wrapper">
<img src="img/album3.png" class="img-fluid w-100" alt="Album 3">
<div class="overlay d-flex align-items-center justify-content-center">
<i class="fab fa-instagram fa-2x text-white"></i>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-2">
<div class="position-relative overflow-hidden rounded image-wrapper">
<img src="img/album4.png" class="img-fluid w-100" alt="Album 4">
<div class="overlay d-flex align-items-center justify-content-center">
<i class="fab fa-instagram fa-2x text-white"></i>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-2">
<div class="position-relative overflow-hidden rounded image-wrapper">
<img src="img/album5.png" class="img-fluid w-100" alt="Album 5">
<div class="overlay d-flex align-items-center justify-content-center">
<i class="fab fa-instagram fa-2x text-white"></i>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="motion-features d-none py-5 ">
<div class="container">
<header class="text-center mb-5">
<h2 class="display-5 fw-bold">Crafting Extraordinary Audio Experiences</h2>
<p class="lead">
Dive into the world of immersive sound, creative storytelling, and community-driven radio programming.
</p>
</header>
<div class="row text-center g-4">
<div class="col-md-4">
<div class="p-4 border rounded h-100">
<i class="bi bi-mic-fill fs-1 text-primary mb-3"></i>
<h3 class="h5 fw-semibold">Live FM Shows</h3>
<p>
Tune in to our diverse lineup of shows featuring local talent, underground sounds, and global beats—broadcasted live from our studio.
</p>
</div>
</div>
<div class="col-md-4">
<div class="p-4 border rounded h-100">
<i class="bi bi-headphones fs-1 text-success mb-3"></i>
<h3 class="h5 fw-semibold">Curated Music & Culture</h3>
<p>
From deep cuts to fresh drops, our music curation spans genres and generations, highlighting the pulse of underground culture.
</p>
</div>
</div>
<div class="col-md-4">
<div class="p-4 border rounded h-100">
<i class="bi bi-people fs-1 text-warning mb-3"></i>
<h3 class="h5 fw-semibold">Community Collaborations</h3>
<p>
We amplify voices that matter. Our platform promotes grassroots collaboration and creative freedom across communities.
</p>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'?>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists