File: /home/imensosw/public_html/imenso.co/lift-cincy-old/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 -->
<!-- Events -->
<section class="events burger">
<div class="container">
<div class="row align-items-center expaneded-row bg_white">
<div class="col-md-5">
<div class="section-title">
<h6 class="subtitle cursive-style">Events</h6>
<h4 class="title">Upcoming Events</h4>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years</p>
<a href="#" class="btn-link">Learn More <i class="fa fa-long-arrow-right"></i> </a>
</div>
</div>
<div class="col-lg-7">
<div class="section pl-0 pl-md-5">
<div class="bg-secondary bg_strip"></div>
<div class="table-responsive pt_10">
<table class="table table-bordered">
<thead class="thead-dark">
<tr>
<th scope="col">Topic</th>
<th scope="col">Speaker</th>
<th scope="col">Time</th>
<th scope="col"></th>
</tr>
</thead>
<tbody class="table-body">
<tr>
<td class="small"><a href="#"><strong>Discussion Topic 1</strong></a></td>
<td class="small"><a href="#">Olive Yew</a></td>
<td class="small">2:00 PM - 5:45 PM </td>
<td class="text-center"><a href="#" class="btn btn-sm btn-primary">Get Ticket</a></td>
</tr>
<tr>
<td class="small"><a href="#"><strong>Discussion Topic 1</strong></a></td>
<td class="small"><a href="#">Allie Grater</a></td>
<td class="small">6:00 PM - 8:30 PM </td>
<td class="text-center"><a href="#" class="btn btn-sm btn-primary">Get Ticket</a></td>
</tr>
<tr>
<td class="small"><a href="#"><strong>Discussion Topic 1</strong></a></td>
<td class="small"><a href="#">Constance Noring</a></td>
<td class="small">2:00 PM - 5:45 PM </td>
<td class="text-center"><a href="#" class="btn btn-sm btn-primary">Get Ticket</a></td>
</tr>
<tr>
<td class="small"><a href="#"><strong>Discussion Topic 1</strong></a></td>
<td class="small"><a href="#">P. Ann O’Recital</a></td>
<td class="small">4:00 PM - 5:45 PM </td>
<td class="text-center"><a href="#" class="btn btn-sm btn-primary">Get Ticket</a></td>
</tr>
<tr>
<td class="small"><a href="#"><strong>Discussion Topic 1</strong></a></td>
<td class="small"><a href="#">Isabelle Ringing</a></td>
<td class="small">10:00 PM - 12:15 PM </td>
<td class="text-center"><a href="#" class="btn btn-sm btn-primary">Get Ticket</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Events -->
<!-- Announce Video -->
<section class="announce_video burger">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-6">
<div class="video">
<iframe src="https://www.youtube.com/embed/JdRI3JQqUWo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="col-sm-6">
<div class="section-title">
<h6 class="subtitle cursive-style">Video</h6>
<h4 class="title">Announce Video</h4>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years</p>
<div class="mt-4">
<a href="#" class="btn-link">More Details <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Announce Video -->
<!-- Latest News -->
<section class="latest_news burger">
<div class="container">
<div class="row align-items-center expaneded-row bg_white">
<div class="col-sm-4">
<div class="section-title">
<h6 class="subtitle cursive-style">Event</h6>
<h4 class="title">Latest Events</h4>
<p>Cras ultricies ligula sed magna dictum porta. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
<div class="mt-4">
<a href="#" class="btn-link">View All <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<div class="px-3 w-100 position-relative">
<div class="swiper news_slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div>
<div class="news_img">
<img src="images/image1.jpg" class="w-100">
</div>
<div class="news_desc">
<span>21Feb2022</span>
<h4>Discussion Topic 1</h4>
<p>Cras ultricies ligula sed magna dictum porta. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
<a href="#" class="btn btn-secondary">Read More</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div>
<div class="news_img">
<img src="images/image2.jpg" class="w-100">
</div>
<div class="news_desc">
<span>21Feb2022</span>
<h4>Discussion Topic 2</h4>
<p>Cras ultricies ligula sed magna dictum porta. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
<a href="#" class="btn btn-secondary">Read More</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div>
<div class="news_img">
<img src="images/image3.jpg" class="w-100">
</div>
<div class="news_desc">
<span>21Feb2022</span>
<h4>Discussion Topic 3</h4>
<p>Cras ultricies ligula sed magna dictum porta. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
<a href="#" class="btn btn-secondary">Read More</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div>
<div class="news_img">
<img src="images/image4.jpg" class="w-100">
</div>
<div class="news_desc">
<span>21Feb2022</span>
<h4>Discussion Topic 4</h4>
<p>Cras ultricies ligula sed magna dictum porta. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
<a href="#" class="btn btn-secondary">Read More</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div>
<div class="news_img">
<img src="images/image5.jpg" class="w-100">
</div>
<div class="news_desc">
<span>21Feb2022</span>
<h4>Discussion Topic 5</h4>
<p>Cras ultricies ligula sed magna dictum porta. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
<a href="#" class="btn btn-secondary">Read More</a>
</div>
</div>
</div>
</div>
<!-- <div class="swiper-pagination"></div> -->
<!-- <div class="swiper_navigation">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div> -->
</div>
</div>
</div>
</div>
</section>
<!-- Latest News -->
<!-- About Us -->
<section class="aboutus burger">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-6 text-center">
<img src="images/img-3.png" class="w-75 m-auto" alt="img" />
</div>
<div class="col-sm-6">
<div class="section-title">
<h6 class="subtitle cursive-style">About</h6>
<h4 class="title">We are a Lift Cincy</h4>
<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</p>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). If you are going to use a passage of Lorem Ipsum.</p>
<div class="mt-4">
<a href="#" class="btn btn-primary">More Details</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Us -->
<!-- partners -->
<section class="partners_logo burger">
<div class="container">
<div class="section-title text-center">
<h6 class="subtitle cursive-style">Partners</h6>
<h4 class="title">Nonprofit Partners</h4>
<!-- <p>Many desktop publishing packages and web page editors now use Lorem Ipsum.</p> -->
</div>
<div class="swiper logo_slider">
<div class="swiper-wrapper">
<div class="swiper-slide"> <a href="#"><img src="images/logos1.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/logos2.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/logos3.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/logos4.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/logos5.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/logos6.png" alt="logo" /></a> </div>
<div class="swiper-slide"> <a href="#"><img src="images/logos7.png" alt="logo" /></a> </div>
</div>
</div>
</div>
</section>
<!-- partners -->
<!-- Gallery -->
<section class="gallery">
<!-- <h2 class="text-center mb-5">Gallery</h2> -->
<div class="swiper gallery_slider">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/image1.jpg" class="w-100"></div>
<div class="swiper-slide"><img src="images/image2.jpg" class="w-100"></div>
<div class="swiper-slide"><img src="images/image3.jpg" class="w-100"></div>
<div class="swiper-slide"><img src="images/image4.jpg" class="w-100"></div>
<div class="swiper-slide"><img src="images/image5.jpg" class="w-100"></div>
<div class="swiper-slide"><img src="images/image2.jpg" class="w-100"></div>
<div class="swiper-slide"><img src="images/image4.jpg" class="w-100"></div>
</div>
<!-- <div class="swiper-pagination"></div> -->
</div>
</section>
<!-- Gallery -->
<!-- News letter -->
<section class="subscribe">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-6">
<h2>SUBSCRIBE FOR NEWSLETTER</h2>
<div class="text">Lorem ipsum dolor sit amet, quo odio atqui tamquam eu, duo ex amet elitr.</div>
</div>
<div class="col-sm-6 text-right">
<form method="get" action="#">
<div class="form-group">
<input type="email" name="email" value="" placeholder="Email" required="">
<button type="submit" class="btn btn-warning">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- News letter -->
<!-- Footer -->
<?php include 'footer.php'; ?>
<!-- Footer -->
<script>
/*Menu Active*/
$(document).ready(function(){
$(".navbar #home").addClass("active");
});
/*Banner Slider*/
var swiper = new Swiper(".banner_slider", {
centeredSlides: true,
//effect: "fade",
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
/*Gallery Slider*/
var swiper = new Swiper(".gallery_slider", {
slidesPerView: 5,
spaceBetween: 0,
loop: true,
// pagination: {
// el: ".swiper-pagination",
// clickable: true,
// },
autoplay: {
delay: 5500,
disableOnInteraction: false,
},
breakpoints: {
500: {
slidesPerView: 2,
spaceBetween: 0,
},
640: {
slidesPerView: 3,
spaceBetween: 0,
},
768: {
slidesPerView: 4,
spaceBetween: 0,
},
1024: {
slidesPerView: 5,
spaceBetween: 0,
},
},
});
/*News Slider*/
var swiper = new Swiper(".news_slider", {
slidesPerView: 3,
spaceBetween: 20,
loop: true,
// pagination: {
// el: ".swiper-pagination",
// clickable: true,
// },
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
// navigation: {
// nextEl: ".swiper-button-next",
// prevEl: ".swiper-button-prev",
// },
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 3,
spaceBetween: 20,
},
},
});
/*Parterner logo*/
var swiper = new Swiper(".logo_slider", {
slidesPerView: 1,
spaceBetween: 10,
loop: true,
speed: 5000,
autoplay: {
delay: 0,
disableOnInteraction: false,
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 6,
spaceBetween: 50,
},
},
});
</script>
</body>
</html>