File: /home/imensosw/public_html/imenso.co/lift-cincy/details.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>LIFT Cincy</title>
<?php include 'head.php'; ?>
</head>
<body class="home">
<!-- Navbar -->
<?php include 'navbar.php'; ?>
<!-- Navbar -->
<section class="small_banner burger bg-warning p-relative v_hidden">
<div class="bg_strip3">
<img src="images/bg_strip4.svg" class="img-svg" />
</div>
<div class="ccontainer">
<div class="crow g-0">
<div class="ccol ccol-xl-3 ccol-lg-4 ccol-md-7 ccol-sm-8 mx-auto">
<div class="bannerslider__content border-bottom">
<div class="badge badge-light">Details</div>
<h1 class="border-bottom-0">LIFT Cincy</h1>
<div class="d-flex navigation_cnt">
<h3><span>🡢</span>October 8th, 2022<br />3:00PM - 11:00PM</h3>
<div class="bannerslider__navigation">
<p>123 Venue Location<br />Cincinnati, OH ZIPCODE</p>
<!-- <a href="ticket.php" class="cbtn cbtn-primary">Get Ticket <span>🡢</span></a>
<a href="ticket.php" class="cbtn cbtn-text-primary">Learn more <span>🡢</span></a> -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="details_page burger p-relative">
<div class="ccontainer">
<div class="crow g-0">
<div class="ccol ccol-lg-6 ccol-sm-8 mx-auto">
<!-- accordion (start) -->
<div class="accordion mb-4">
<!-- accordion section 1 -->
<h2 id="accordionhead_1"><span class="number"></span><span>About LIFT</span></h2>
<div id="accordioncontent_1" class="accordion-content">
Content 1
</div>
<!-- accordion section 2 -->
<h2 id="accordionhead_2"><span class="number"></span><span>Getting Here</span></h2>
<div id="accordioncontent_2" class="accordion-content">
Content 2
</div>
<!-- accordion section 3 -->
<h2 id="accordionhead_3"><span class="number"></span><span>FAQ</span></h2>
<div id="accordioncontent_3" class="accordion-content">
Content 3
</div>
<!-- accordion section 4 -->
<h2 id="accordionhead_4"><span class="number"></span><span>Posting a Volunteer Opportunity</span></h2>
<div id="accordioncontent_4" class="accordion-content">
Content 4
</div>
</div>
<!-- accordion (end) -->
</div>
</div>
</div>
</section>
<!-- Footer -->
<?php include 'footer.php'; ?>
<!-- Footer -->
<script>
$(document).ready(function(){
$(".inner_nav a").removeClass("active")
$("#details").addClass("active");
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".accordion h2").click(function(){
$(this).toggleClass("open")
var id = this.id; /* getting heading id */
/* looping through all elements which have class .accordion-content */
$(".accordion-content").each(function(){
if($("#"+id).next()[0].id != this.id){
$(this).slideUp("slow");
}
});
$(this).next().slideToggle(); /* Selecting div after h1 */
});
});
</script>
</body>
</html>