File: /home/imensosw/public_html/imenso.co/lift-cincy/index.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 -->
<!-- Banner -->
<?php include 'banner.php'; ?>
<!-- Banner -->
<section class="event_section">
<div class="ccontainer">
<div class="crow g-0 mb_1">
<div class="ccol ccol-lg-6 ccol-sm-8 mx-auto py-0">
<h2 class="border-top mb_1">The Lineup</h2>
</div>
</div>
<div class="crow g-0 mb-1 justify-content-center">
<div class="ccol ccol-lg-2">
<div class="event_card event_card_1 mb-2" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>REZZ</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
<div class="event_card event_card_1" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Blood Orange</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-4">
<div class="event_card ml-2" style="background-image:url('images/event_2.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Porter Robinson</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
<div class="crow g-0 justify-content-center">
<div class="ccol ccol-lg-4">
<div class="event_card mr-2" style="background-image:url('images/event_4.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>LAXCITY</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-2">
<div class="event_card event_card_2 mb-2" style="background-image:url('images/event_3.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Jacob Collier</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
<div class="crow g-0 mb-1 justify-content-center">
<div class="ccol ccol-lg-4">
<div class="event_card mr-2" style="background-image:url('images/event_2.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Porter Robinson</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-2">
<div class="event_card event_card_1 mb-2" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>REZZ</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
<div class="event_card event_card_1" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Blood Orange</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
<div class="crow g-0 mb-1 justify-content-center">
<div class="ccol ccol-lg-2">
<div class="event_card event_card_1 mb-2" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>REZZ</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
<div class="event_card event_card_1" style="background-image:url('images/event_1.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Blood Orange</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-2">
<div class="event_card event_card_4 mb-2 ml-2" style="background-image:url('images/event_3.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Jacob Collier</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
<div class="ccol ccol-lg-2">
<div class="event_card event_card_4 mb-2 ml-2" style="background-image:url('images/event_3.jpg')">
<div class="event_card_cnt animate">
<!-- <div class="date">Sept 10, 2022</div> -->
<h3>Jacob Collier</h3>
<a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="volunteer_section">
<div class="ccontainer">
<div class="crow g-0">
<div class="ccol ccol-lg-6 ccol-md-8 mx-auto">
<div class="crow">
<div class="ccol ccol-lg-8 py-0">
<h2 class="border-top">Volunteer Opportunities</h2>
</div>
</div>
<div class="crow">
<div class="ccol ccol-lg-4">
<div class="map_area">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14718.970223205368!2d75.8881536693115!3d22.737808319903124!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m3!3e0!4m0!4m0!5e0!3m2!1sen!2sin!4v1647254326926!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
<div class="ccol ccol-lg-4">
<table class="table">
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a></td>
</tr>
<tr>
<th>Stock Food Pantry</th>
<td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="crow g-0 navigation_cnt">
<div class="ccol ccol-lg-4 mx-auto py-0">
<div class="crow g-0 burger">
<div class="d-flex">
<h3><span>🡢</span>Give back to your community.</h3>
<div class="bannerslider__navigation">
<p>All proceeds from LIFT are reinvested into our community. Support our work with a tax-deductible donation today</p>
<a href="#" class="cbtn cbtn-primary mr-1">Donate <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
<a href="details.php" class="cbtn cbtn-text-primary">Learn more <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sponsors_section bg-primary">
<div class="ccontainer">
<div class="crow g-0">
<div class="ccol ccol-lg-6 mx-auto py-0">
<h2 class="border-top border-white text-white mt-1">Sponsors</h2>
<div class="swiper sponsors_slider burger">
<div class="swiper-wrapper">
<div class="swiper-slide"> <a href="#"><img src="images/client_1.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_2.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_3.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_4.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_5.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_6.png" alt="logo" /></a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="partners_section bg-secondary">
<div class="ccontainer">
<div class="crow g-0">
<div class="ccol ccol-lg-6 mx-auto py-0">
<h2 class="border-top border-white text-white mt-1">Nonprofit Partners</h2>
<div class="swiper partners_slider burger">
<div class="swiper-wrapper">
<div class="swiper-slide"> <a href="#"><img src="images/client_1.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_2.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_3.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_4.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_5.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/client_6.png" alt="logo" /></a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<?php include 'footer.php'; ?>
<!-- Footer -->
<script type="text/javascript">
$(document).ready(function(){
$(".inner_nav a").removeClass("active")
$("#home").addClass("active");
});
/*Banner Slider*/
var swiper = new Swiper(".banner", {
centeredSlides: true,
//effect: "fade",
loop: false,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
/*Sponsors logo*/
var swiper = new Swiper(".sponsors_slider", {
slidesPerView: 2,
spaceBetween: 10,
loop: true,
speed: 2000,
autoplay: {
delay: 0,
disableOnInteraction: false,
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 6,
spaceBetween: 50,
},
},
});
/*Parterner logo*/
var swiper = new Swiper(".partners_slider", {
slidesPerView: 2,
spaceBetween: 10,
loop: true,
speed: 2000,
autoplay: {
delay: 0,
disableOnInteraction: false,
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 6,
spaceBetween: 50,
},
},
});
</script>
</body>
</html>