Sindbad~EG File Manager

Current Path : /home/u625735752/domains/floralwhite-woodpecker-723030.hostingersite.com/public_html/1.8/
Upload File :
Current File : /home/u625735752/domains/floralwhite-woodpecker-723030.hostingersite.com/public_html/1.8/index.php

<!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'?>
<?php include 'hero.php'?>



<section class="motion-features py-5">
  <div class="container">
    <h2 class="display-5 fw-bold text-center mb-4" data-aos="fade-up">News</h2>

    <div class="owl-carousel owl-theme">
      <!-- News 1 -->
      <div class="item d-flex flex-column" data-aos="fade-up" data-aos-delay="0">
        <div class="motion-img mx-auto mt-auto">
          <img src="img/news1.svg" class="img-fluid" alt="Wo findest du uns">
        </div>
        <div class="text-center motion-text-container flex-grow-1 d-flex flex-column align-items-center p-3">
          <h4 class="motion-title">Wo findest du uns?</h4>
          <p class="motion-text">
            Zu hören sind wir in der Schweiz über DAB+ in der Zentralschweiz. <br>
            Du kannst uns auch über unseren Webstream hören. <br>
            Studioblick? Schau auf Twitch: <strong>jamonculture</strong>. <br>
            Verfügbar auf Radio-Apps wie TuneIn. <br>
            Folge uns auch auf unseren Social-Media-Kanälen!
          </p>
        </div>
        <a href="news-detail-page.php" class="btn btn-transparent stretched-link"> </a>
        <div class="d-flex justify-content-between text-muted small mb-2 p-2">
          <span class="text-white">📅 22 June 2025</span>
        </div>
      </div>

      <!-- News 2 -->
      <div class="item d-flex flex-column" data-aos="fade-up" data-aos-delay="100">
        <div class="motion-img mx-auto mt-auto">
          <img src="img/news2.svg" class="img-fluid" alt="Workshops bei Jam On">
        </div>
        <div class="text-center motion-text-container flex-grow-1 d-flex flex-column align-items-center p-3">
          <h4 class="motion-title">Workshops bei Jam On</h4>
          <p class="motion-text">
            Nimm mit deiner Schulklasse eine Sendung auf oder produziere einen Podcast mit Freunden oder deinem Team. <br>
            Wir begleiten dich dabei! <br>
            Kontakt: <a href="mailto:vali.koller@jam-on.ch">vali.koller@jam-on.ch</a>
          </p>
        </div>
        <a href="news-detail-page.php" class="btn btn-transparent stretched-link"> </a>
        <div class="d-flex justify-content-between text-muted small mb-2 p-2">
          <span class="text-white">📅 23 June 2025</span>
        </div>
      </div>

      <!-- News 3 -->
      <div class="item d-flex flex-column" data-aos="fade-up" data-aos-delay="200">
        <div class="motion-img mx-auto mt-auto">
          <img src="img/news3.svg" class="img-fluid" alt="Werde Host bei Jam On Culture">
        </div>
        <div class="text-center motion-text-container flex-grow-1 d-flex flex-column align-items-center p-3">
          <h4 class="motion-title">Werde Host bei Jam On Culture</h4>
          <p class="motion-text">
            Du hast Bock auf Content Creation? <br>
            Egal ob Radio, Podcast oder Streaming – bei uns findest du deinen Platz! <br>
            Kontakt: <a href="mailto:j.roos@jam-on.ch">j.roos@jam-on.ch</a>
          </p>
        </div>
        <a href="news-detail-page.php" class="btn btn-transparent stretched-link"> </a>
        <div class="d-flex justify-content-between text-muted small mb-2 p-2">
          <span class="text-white">📅 24 June 2025</span>
        </div>
      </div>

      <!-- News 4 -->
      <div class="item d-flex flex-column" data-aos="fade-up" data-aos-delay="300">
        <div class="motion-img mx-auto mt-auto">
          <img src="img/news4.svg" class="img-fluid" alt="Neues Studio">
        </div>
        <div class="text-center motion-text-container flex-grow-1 d-flex flex-column align-items-center p-3">
          <h4 class="motion-title">Wir haben ein neues Studio!</h4>
          <p class="motion-text">
            Unsere neue Studioeinrichtung ist da! <br>
            Komm vorbei und mach eine Führung mit uns. <br>
            Kontakt: <a href="mailto:vali.koller@jam-on.ch">vali.koller@jam-on.ch</a>
          </p>
        </div>
        <a href="news-detail-page.php" class="btn btn-transparent stretched-link"> </a>
        <div class="d-flex justify-content-between text-muted small mb-2 p-2">
          <span class="text-white">📅 25 June 2025</span>
        </div>
      </div>

      <!-- News 5 -->
      <div class="item d-flex flex-column" data-aos="fade-up" data-aos-delay="400">
        <div class="motion-img mx-auto mt-auto">
          <img src="img/news5.svg" class="img-fluid" alt="Merch Jam On">
        </div>
        <div class="text-center motion-text-container flex-grow-1 d-flex flex-column align-items-center p-3">
          <h4 class="motion-title">Unterstütze Jam On mit freshem Merch!</h4>
          <p class="motion-text">
            Hol dir unsere freshe Streetwear & Merch im Jam On Shop <br>
            und unterstütze direkt unsere Hosts und Projekte! <br>
            <a href="https://jamonradio.myshopify.com/" target="_blank">Zum Shop</a>
          </p>
        </div>
        <a href="news-detail-page.php" class="btn btn-transparent stretched-link"> </a>
        <div class="d-flex justify-content-between text-muted small mb-2 p-2">
          <span class="text-white">📅 26 June 2025</span>
        </div>
      </div>
    </div>
  </div>
</section>


<section class="py-2">
  <div class="container-fluid">
    <div class="row g-2 gx-md-2">

      <!-- Left Image -->
      <div class="col-md-2 col-6 order-2 order-md-1 my-auto" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
        <a href="https://www.tiktok.com/@jamon.culture/video/7488006925804784918" target="_blank" rel="noopener noreferrer">
          <img src="img/Trustory Aggu.jpeg" class="img-fluid w-100" alt="Trustory Aggu">
        </a>
      </div>

      <!-- Center Twitch Embed -->
      <div class="col-md-8 order-1 order-md-2 my-auto">
        <div class="collab-section">
          <div class="collab-box" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000">
            <div class="mixcloud-embed-wrapper">
              <iframe
                src="https://player.twitch.tv/?channel=jamonculture&parent=floralwhite-woodpecker-723030.hostingersite.com"
                height="300px"
                width="100%"
                frameborder="0"
                allowfullscreen="true"
                scrolling="no"
              ></iframe>
            </div>
          </div>
        </div>
      </div>

      <!-- Right Image -->
      <div class="col-md-2 col-6 order-3 order-md-3 my-auto" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
        <a href="https://www.instagram.com/jamonradio/reel/DIwLjmZI1zD/" target="_blank" rel="noopener noreferrer">
          <img src="img/AightCyper2025.jpeg" class="img-fluid w-100" alt="AightCyper 2025">
        </a>
      </div>

    </div>
  </div>
</section>

<section class="marquee-section" data-aos="fade-up" data-aos-delay="500" data-aos-duration="1000">
  <div class="container-fluid">
    <div class="marquee-whole-wrap">
      <div class="marquee-wrap">
        <h1 class="marquee-text">JAM ON RADIO – YOUR HOME FOR URBAN CULTURE</h1>
      </div>
      <!--
      <div class="marquee-wrap"><h2 class="marquee-text">Crafting Extraordinary Visuals</h2></div>
      <div class="marquee-wrap"><h2 class="marquee-text">Crafting Extraordinary Visuals</h2></div>
      -->
    </div>
  </div>
</section>


  <section class="py-5 d-none">
    <div class="container mb-5">
    <div class="row justify-content-center">
    <div class="col-lg-10">
    <div class="row justify-content-center">
    <div class="col-lg-8" data-aos="fade-right">
      <h4 class="font-02 mb-1">Our Showcase</h4>
    <h2 class="display-5 fw-bold text-center mb-4">Shows</h2>  
    </div>
    <div class="col-lg-4" data-aos="fade-left">
      <a href="#" class="btn btn-outline-light btn-sm rounded-pill px-4 mt-3 browse-btn">View All Projects</a>

    </div>
    </div>
      <div class="row justify-content-center g-4">
        <div class="col-md-6 col-lg-6" data-aos="fade-up" data-aos-delay="100">
          <div class="card bg-transparent text-white border-0 rounded-4 p-3 h-100 shadow-sm">
            <img src="https://i.ibb.co/L5Q2p9F/work-video-1.webp" class="card-img-top rounded-4 mb-3" alt="Behind the scenes of a film shoot">
            <div class="d-flex justify-content-between text-muted small mb-2 px-1">
              <!--span class="text-orange">⏱ 7 Min</span-->
              <span class="text-white">📅 22 June 2025</span>
            </div>
            <h5 class="card-title px-1">
              <span class=" fw-light ">The Art of</span> <strong>Cinematography:</strong><br>
              <span class=" fw-light ">A Deep</span> <strong>Dive</strong>
            </h5>
            <div class="px-1 mt-3">
              <a href="#" class="btn btn-light btn-sm rounded-pill watch-btn">Watch Video <span class="dot"></span></a>
            </div>
          </div>
        </div>

        <div class="col-md-6 col-lg-6" data-aos="fade-up" data-aos-delay="200">
          <div class="card bg-transparent text-white border-0 rounded-4 p-3 h-100 shadow-sm">
            <img src="https://i.ibb.co/1q20t5R/work-video-2.webp" class="card-img-top rounded-4 mb-3" alt="Creative video editing on screen">
            <div class="d-flex justify-content-between text-muted small mb-2 px-1">
              <span class="text-orange">⏱ 9 Min</span>
              <span class="text-white">📅 15 April 2024</span>
            </div>
            <h5 class="card-title px-1">
              <span class=" fw-light ">Post-Production</span> <strong>Magic:</strong><br>
              <strong>The Editor's Vision</strong>
            </h4>
            <div class="px-1 mt-3">
              <a href="#" class="btn btn-light btn-sm rounded-pill watch-btn">Watch Video <span class="dot"></span></a>
            </div>
          </div>
        </div>


        <div class="col-md-6 col-lg-6" data-aos="fade-up" data-aos-delay="300">
          <div class="card bg-transparent text-white border-0 rounded-4 p-3 h-100 shadow-sm">
            <img src="https://i.ibb.co/g3130zY/work-video-3.webp" class="card-img-top rounded-4 mb-3" alt="Director guiding actors on set">
            <div class="d-flex justify-content-between text-muted small mb-2 px-1">
              <span class="text-orange">⏱ 6 Min</span>
              <span class="text-white">📅 01 March 2024</span>
            </div>
            <h5 class="card-title px-1">
              <span class=" fw-light ">Directing for</span> <strong>Impact:</strong><br>
              <strong>Bringing Scripts to Life</strong>
            </h5>
            <div class="px-1 mt-3">
              <a href="#" class="btn btn-light btn-sm rounded-pill watch-btn">Watch Video <span class="dot"></span></a>
            </div>
          </div>
        </div>


        <div class="col-md-6 col-lg-6" data-aos="fade-up" data-aos-delay="400">
          <div class="card bg-transparent text-white border-0 rounded-4 p-3 h-100 shadow-sm">
            <img src="https://i.ibb.co/zX7V9Q0/work-video-4.webp" class="card-img-top rounded-4 mb-3" alt="Visual effects artist at work">
            <div class="d-flex justify-content-between text-muted small mb-2 px-1">
              <span class="text-orange">⏱ 11 Min</span>
              <span class="text-white">📅 18 Feb 2024</span>
            </div>
            <h5 class="card-title px-1">
              <span class=" fw-light ">VFX & Animation:</span> <strong>Crafting</strong><br>
              <strong>Unreal Worlds</strong>
            </h5>
            <div class="px-1 mt-3">
              <a href="#" class="btn btn-light btn-sm rounded-pill watch-btn">Watch Video <span class="dot"></span></a>
            </div>
          </div>
        </div>

	  </div>
    </div>
    </div>
    </div>
  </section>


  <section class="trending-section py-5">
  <div class="bg-st">
  <div class="container text-center">

    <div class="heading-area py-5" data-aos="fade-up">
      <!--h4 class="font-02 mb-1">Sendungan</h4-->
    <h2 class="display-5 fw-bold text-center mb-4">Programmes</h2>  
    </div>


    <div class="owl-carousel owl-theme" data-aos="fade-up" data-aos-delay="200">
      <div class="item">
        <div class="doc-card">
          <img src="img/track1.jpg" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5 title="Title"> </h5>
            <p>  </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/track2.jpg" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
       <div class="item">
        <div class="doc-card">
          <img src="img/track5.png" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/track6.jpg" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/track8.jpg" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/track10.jpg" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/album1.png" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/album2.png" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/album3.png" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/album4.png" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="doc-card">
          <img src="img/album5.png" class="img-fluid rounded" alt=" ">
          <div class="overlay">
            <h5> </h5>
            <p> </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</section>








<?php
include "conn.php";

function getBlogs($mysqli) {
    $q = "SELECT * FROM blogs ORDER BY created_at DESC LIMIT 3";

    if ($res = $mysqli->query($q)) {
        return $res->fetch_all(MYSQLI_ASSOC);
    }
    return [];
}
 
$blogs = getBlogs($mysqli);
?>
 

 <section class="blog-section py-5">
  <div class="container">
    <div class="row align-items-center mb-4">
      <div class="col-lg-8" data-aos="fade-right">
          
          <!--h4 class="font-02 mb-1">Read. Discover. Learn.</h4--> 
    <h2 class="display-5 fw-bold mb-4">Blog</h2> 


      </div>
      <div class="col-lg-4 text-lg-end text-start" data-aos="fade-left">
        <a href="blog.php" class="btn btn-outline-light btn-sm rounded-pill px-4 mt-3 browse-btn">View All Blogs</a>
      </div>
    </div>

    <div class="row g-4">
      <?php if (!empty($blogs)): ?>
        <?php foreach ($blogs as $blog): ?>
          <div class="col-md-4" data-aos="fade-up">
            <div class="blog-post position-relative">
              <div class="blog-image">
                <img src="images/<?= htmlspecialchars($blog['image']) ?>" alt="Blog Image" class="img-fluid">
                <span class="blog-date"><?= date('F j, Y', strtotime($blog['date'])) ?></span>
              </div>
              <div class="blog-content p-3">
                <h5 class="text-white">
                  <?= htmlspecialchars($blog['heading_normal']) ?>
                  <strong><?= htmlspecialchars($blog['heading_bold']) ?></strong>
                </h5>
                <p class="text-light"><?= htmlspecialchars($blog['intro']) ?></p>
              </div>
              <a href="blog-detail-page.php?id=<?= $blog['id'] ?>" class="stretched-link"></a>
            </div>
          </div>
        <?php endforeach; ?>
      <?php else: ?>
        <div class="col-12">
          <p class="text-light">No blogs available at the moment.</p>
        </div>
      <?php endif; ?>
    </div>

  </div>
</section>







<section class="blog-section py-5">
  <div class="container">
    <div class="row align-items-center mb-4">
      <div class="col-lg-8" data-aos="fade-right">
        <h2 class="display-5 fw-bold mb-4">Latest Tracks</h2>
      </div>
      <!--div class="col-lg-4 text-lg-end text-start" data-aos="fade-left">
        <a href="latest-shows.php" class="btn btn-outline-light btn-sm rounded-pill px-4 mt-3 browse-btn">Go</a>
      </div-->
    </div>
  </div>

  <div class="container"> 
    
	
	


<?php include 'shows-api.php'?>


  </div>
</section>




<?php include 'footer.php'?>



</body>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists