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> </title>
<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="news-section py-5 bg-dark text-white">
<div class="container">
<!-- Title -->
<div class="row align-items-center mb-4">
<div class="col-lg-8">
<h2 class="display-5 fw-bold mb-0">News</h2>
</div>
<div class="col-lg-4 text-lg-end text-start mt-3 mt-lg-0">
<select class="form-select w-auto bg-dark text-white border-light" aria-label="Sort news">
<option selected>Sort by</option>
<option value="latest">Latest</option>
<option value="popular">Popular</option>
</select>
</div>
</div>
<div class="row">
<!-- Sidebar -->
<div class="col-lg-3 mb-4 mb-lg-0">
<div class="d-lg-block d-none">
<h5 class="fw-bold mb-3">Filter by</h5>
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">All</a>
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">Workshops</a>
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">Streaming</a>
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">Studio</a>
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">Merch</a>
</div>
</div>
<!-- Mobile Accordion -->
<div class="accordion d-lg-none" id="newsFilterAccordion">
<div class="accordion-item bg-dark text-white border-light">
<h2 class="accordion-header" id="filterHeading">
<button class="accordion-button bg-dark text-white collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filterCollapse" aria-expanded="false" aria-controls="filterCollapse">
Filter by
</button>
</h2>
<div id="filterCollapse" class="accordion-collapse collapse" aria-labelledby="filterHeading" data-bs-parent="#newsFilterAccordion">
<div class="accordion-body p-0">
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">All</a>
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">Workshops</a>
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">Streaming</a>
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">Studio</a>
<a href="#" class="list-group-item list-group-item-action bg-dark text-white border-light">Merch</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- News Cards -->
<div class="col-lg-9">
<div class="row g-4">
<!-- News 1 -->
<div class="col-md-6">
<div class="card bg-secondary text-white h-100 border-0">
<img src="img/news1.svg" class="card-img-top p-3" alt="Wo findest du uns?">
<div class="card-body">
<h5 class="card-title">Wo findest du uns?</h5>
<p class="card-text small">
Zu hören sind wir in der Schweiz über DAB+ in der Zentralschweiz.<br>
Auch über unseren Webstream oder Twitch <strong>jamonculture</strong>. <br>
Verfügbar in Radio-Apps wie TuneIn.
</p>
</div>
</div>
</div>
<!-- News 2 -->
<div class="col-md-6">
<div class="card bg-secondary text-white h-100 border-0">
<img src="img/news2.svg" class="card-img-top p-3" alt="Workshops bei Jam On">
<div class="card-body">
<h5 class="card-title">Workshops bei Jam On</h5>
<p class="card-text small">
Nimm mit deiner Schulklasse eine Sendung auf oder produziere einen Podcast mit Freunden. <br>
Kontakt: <a href="mailto:vali.koller@jam-on.ch" class="text-info">vali.koller@jam-on.ch</a>
</p>
</div>
</div>
</div>
<!-- News 3 -->
<div class="col-md-6">
<div class="card bg-secondary text-white h-100 border-0">
<img src="img/news3.svg" class="card-img-top p-3" alt="Werde Host">
<div class="card-body">
<h5 class="card-title">Werde Host bei Jam On Culture</h5>
<p class="card-text small">
Egal ob Radio, Podcast oder Streaming – bei uns findest du deinen Platz!<br>
Kontakt: <a href="mailto:j.roos@jam-on.ch" class="text-info">j.roos@jam-on.ch</a>
</p>
</div>
</div>
</div>
<!-- News 4 -->
<div class="col-md-6">
<div class="card bg-secondary text-white h-100 border-0">
<img src="img/news4.svg" class="card-img-top p-3" alt="Neues Studio">
<div class="card-body">
<h5 class="card-title">Wir haben ein neues Studio!</h5>
<p class="card-text small">
Unsere neue Studioeinrichtung ist da!<br>
Mach eine Führung mit uns. <br>
<a href="mailto:vali.koller@jam-on.ch" class="text-info">vali.koller@jam-on.ch</a>
</p>
</div>
</div>
</div>
<!-- News 5 -->
<div class="col-md-6">
<div class="card bg-secondary text-white h-100 border-0">
<img src="img/news5.svg" class="card-img-top p-3" alt="Merch Jam On">
<div class="card-body">
<h5 class="card-title">Unterstütze Jam On mit freshem Merch!</h5>
<p class="card-text small">
Hol dir unsere Streetwear & Merch im <a href="https://jamonradio.myshopify.com/" target="_blank" class="text-info">Jam On Shop</a> <br>
und unterstütze unsere Projekte direkt!
</p>
</div>
</div>
</div>
</div>
</div> <!-- End col-lg-9 -->
</div>
</div>
</section>
<?php include 'footer.php'?>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists