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 | Your Home For Urban Music</title>
<meta name="description" content="Jam-On FM brings you the best in nonstop music, fresh hits, and smooth vibes. Tune in anytime, anywhere.">
<?php include 'head.php'?>
</head>
<body>
<?php include 'header.php'?>
<section class=" py-5">
<?php
include "conn.php";
// Load all content as key-value pairs
$res = $mysqli->query("SELECT section_key, content FROM about_content");
$content = [];
while ($row = $res->fetch_assoc()) {
$content[$row['section_key']] = $row['content'];
}
?>
<div class="container py-5">
<h1 class="display-4 fw-bold"><?= $content['about_heading'] ?></h1>
<p class="lead"><?= $content['about_intro'] ?></p>
</div>
<div class="container py-5">
<div class="row align-items-center g-5">
<div class="col-md-6">
<img src="<?= $content['jam_image1'] ?>" class="img-fluid rounded w-100" alt="Jam On Team">
</div>
<div class="col-md-6">
<h4 class="fw-bold mb-5"><?= $content['jam_heading'] ?></h4>
<div class="row g-5">
<div class="col-md-6">
<img src="<?= $content['jam_image2'] ?>" class="img-fluid rounded w-100 mb-5" alt="Gespräch">
</div>
<div class="col-md-6">
<img src="<?= $content['jam_image3'] ?>" class="img-fluid rounded w-100 mb-5" alt="Teamwork">
</div>
</div>
<p class="mb-5"><?= $content['jam_paragraph'] ?></p>
</div>
</div>
</div>
<div class="container py-5">
<div class="row align-items-center g-5">
<div class="col-md-12">
<h4 class="fw-bold mb-5"><?= $content['young_heading'] ?></h4>
<p class="mb-5"><?= $content['young_paragraph'] ?></p>
<h4 class="fw-bold mb-5"><?= $content['culture_heading'] ?></h4>
<p class="mb-5"><?= $content['culture_paragraph'] ?></p>
</div>
</div>
</div>
<div class="container py-5 ">
<h1 class="display-4 fw-bold">ÜBER UNS</h1>
<p class="lead">
Jam On Radio bietet ein Zuhause für Urban Music. Direkt aus Zug in
die Welt präsentieren junge und jung-gebliebene das Beste, was die
Urban Music Kultur zu bieten hat. Interviews, Live- Jams, Cyphers und
Live-DJs. Von Rap und Hip Hop über Reggae, Dancehall, Afro Beats,
R&B bis hin zu Jungle.<br><br>
Jam On Radio entstand Anfangs 2017 aus dem Jugendradio
RadioIndustrie, welches seinen Sitz in der industrie45 in Zug hat. Als
einziges Schweizer Urban Music Radio sind wir über DAB+ in Zug,
Zürich, der ganzen Zentralschweiz hörbar. Über das Internet-Radio
erreichen wir täglich tausende Urban Lover. Die Spezialisierung auf
den Urban Music Bereich, hebt uns deutlich von den anderen,
alternativen und kommerziellen Radiostationen in den Sendegebieten
ab.
</p>
</div>
<div class="container py-5">
<div class="row align-items-center g-5">
<div class="col-md-6">
<img src="img/abb1.jpg" class="img-fluid rounded w-100" alt="Jam On Team">
</div>
<div class="col-md-6">
<h4 class="fw-bold mb-5">Jam On – Das Radio aus der Industrie45</h4>
<div class="row g-5">
<div class="col-md-6">
<img src="img/abb2.jpg" class="img-fluid rounded w-100 mb-5" alt="Gespräch">
</div>
<div class="col-md-6">
<img src="img/abb3.jpg" class="img-fluid rounded w-100 mb-5" alt="Teamwork">
</div>
</div>
<p class="mb-5">
Jam On ist ein unabhängiges Internetradio mitten aus Zug. Wir
senden live aus der Industrie45 – mit Fokus auf Musik, Community
und jungen Perspektiven. Unsere Sendungen sind so vielfältig wie die
Leute dahinter: Urban, roh, nahbar.
</p>
<!--a href="#" class="btn btn-outline-light btn-sm rounded-pill px-4 browse-btn">Mehr erfahren</a-->
</div>
</div>
</div>
<div class="container py-5">
<div class="row align-items-center g-5">
<div class="col-md-12">
<h4 class="fw-bold mb-5">Ein Raum für junge Stimmen</h4>
<p class="mb-5">
Bei uns geht’s nicht um Perfektion, sondern um echten Ausdruck. Jam
On bietet eine Plattform für junge Menschen, die ihre Stimme erheben
wollen – sei es mit Musik, Podcasts oder Talks. Wir zeigen, wie
Radiomachen funktioniert, und begleiten euch auf dem Weg dahin.
</p>
<h4 class="fw-bold mb-5">Kulturarbeit mit Haltung</h4>
<p class=" mb-5"> Jam On ist mehr als nur ein Radiosender – wir verstehen uns als
kulturelles Projekt für Zug und darüber hinaus. Wir setzen uns ein für
Vielfalt, Nachwuchsförderung und lokale Szene. Und wir freuen uns
über jede Partnerschaft, die diesen Weg mit uns geht.</p>
</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/team.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/team.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/team.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/team.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="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>
<!--section class="followus-features py-5 ">
<div class="container 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-->
<?php include 'footer.php'?>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists