File: /home/imensosw/www/imenso.co/lift-cincy-old/index-1.php
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="shortcut icon" href="images/favicon.ico" />
<title>Lift Cincy</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/swiper-bundle.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/font.css" />
</head>
<body class="home">
<header>
<div class="header-top">
<div class="auto-container container-fluid">
<div class="top-left">
<ul class="social-links clearfix">
<li class="social-title">Follow Us:</li>
<li> <a href="#" class="facebook"><i class="fa fa-facebook-f"></i></a> </li>
<li> <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> </li>
<li> <a href="#" class="instagram"><i class="fa fa-instagram"></i></a> </li>
</ul>
</div>
<div class="top-right">
<ul class="info clearfix">
<li><a href="tel:012 3211 4567 213"><i class="icon fa fa-phone"></i> Call : 012 3211 4567 213</a></li>
<li><a href="mailto:support@liftcincy.org"><i class="icon fa fa-envelope"></i> Email : support@liftcincy.org</a></li>
<li class="highlight"><a href="#"><i class="icon fa fa-lock"></i> Login</a></li>
<li class="highlight"><a href="mailto:support@liftcincy.org"><i class="icon fa fa-user"></i> Sign Up</a></li>
</ul>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg bg-none">
<a class="navbar-brand" href="#"><img src="images/liftcincy-black.svg" class="img-svg" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Nonprofit Partners</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Volunteer</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Tickets</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Latest News -->
<section class="banner">
<div class="swiper banner_slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="banner_slide" style="background-image: url('images/banner_1.jpg');">
<div class="container">
<div class="banner_txt">
<h3>Get tickers to the fest</h3>
<h1>Give back to your community</h1>
<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>
<a href="#" class="btn btn-primary mx-2">Get Tickets <!-- <img src="images/arrow-blue.svg" class="arrow animate" /> --></a>
<a href="#" class="btn btn-outline-light mx-2">View Details <!-- <img src="images/arrow-blue.svg" class="arrow animate" /> --></a>
<div class="text-center time2go">
<ul>
<li>
<span>27</span><div>Days</div>
</li>
<li>
<span>15</span><div>Hours</div>
</li>
<li>
<span>56</span><div>Minutes</div>
</li>
<li>
<span>30</span><div>Seconds</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="banner_slide" style="background-image: url('images/banner_2.jpg');">
<div class="container">
<div class="banner_txt">
<h3>Get tickers to the fest</h3>
<h1>Give back to your community</h1>
<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>
<a href="#" class="btn btn-primary mx-2">Get Tickets</a>
<a href="#" class="btn btn-outline-light mx-2">View Details</a>
<div class="text-center time2go">
<ul>
<li>
<span>29</span><div>Days</div>
</li>
<li>
<span>20</span><div>Hours</div>
</li>
<li>
<span>45</span><div>Minutes</div>
</li>
<li>
<span>13</span><div>Seconds</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="container">
<div class="row align-items-center expaneded-row bg_white">
<div class="col-sm-4">
</div>
</div>
</div>
</section>
<!-- Events -->
<section class="events burger">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12">
<ul class="nav nav-pills mb-3 text-center justify-content-center" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="pills-current-tab" data-toggle="pill" href="#pills-current" role="tab" aria-controls="pills-current" aria-selected="true">Current Events</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-upcomming-tab" data-toggle="pill" href="#pills-upcomming" role="tab" aria-controls="pills-upcomming" aria-selected="false">Upcomming Events</a>
</li>
</ul>
</div>
</div>
<div class="tab-content mt-5" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-current" role="tabpanel" aria-labelledby="pills-current-tab">
<div class="row align-items-center expaneded-row">
<div class="col-md-4">
<div class="section-title">
<h6 class="subtitle cursive-style">Events</h6>
<h4 class="title">Current 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-md-8">
<div class="section pl-0 pl-md-5">
<div class="swiper tabevent_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>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-upcomming" role="tabpanel" aria-labelledby="pills-upcomming-tab">
<div class="row align-items-center expaneded-row">
<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="swiper tabevent_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>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</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">
<div class="partner_dtl" style="background: url('../images/img-1.jpg');">
<a href="#"><img src="images/logos1.png" alt="logo" /></a>
</div>
</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 -->
<footer>
<div class="container">
<div class="footer_link">
<div class="row">
<div class="col-sm-3 contact-info">
<h4>Contact Info</h4>
<img src="images/liftcincy-black.svg" class="img-svg" width="80" />
<div class="mb-2">
<i class="fa fa-map-marker"></i>
<span>LIFT Cincy PO BOX 1192 Cincinnati, OH, 45226</span>
</div>
<div class="mb-2">
<i class="fa fa-envelope"></i>
<span><a href="mailto:support@liftcincy.org">support@liftcincy.org</a></span>
</div>
<div>
<i class="fa fa-phone"></i>
<span><a href="tel:012 3211 4567 213">012 3211 4567 213</a></span>
</div>
</div>
<div class="col-sm-2">
<h4>Quick Link</h4>
<ul>
<li> <a href="#">Home</a></li>
<li> <a href="#">About Us</a></li>
<li> <a href="#">Nonprofit Partners</a></li>
<li> <a href="#">Volunteer</a></li>
<li> <a href="#">Teckets</a></li>
</ul>
</div>
<div class="col-sm-3">
<h4>About Us</h4>
<ul>
<li> <a href="#">Partnerships</a></li>
<li> <a href="#">Privacy & Policy</a></li>
<li> <a href="#">Terms & Conditions</a></li>
<li> <a href="#">FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<h4>News & Events</h4>
<div>
<div class="news-post">
<div class="post-thumb">
<a href="#"><img src="images/img-1.jpg" alt="" />
</a>
</div>
<h5><a href="#">School for African Childrens</a></h5>
<div class="date">July 25, 2019</div>
</div>
<div class="news-post">
<div class="post-thumb">
<a href="#"><img src="images/img-2.jpg" alt="" />
</a>
</div>
<h5><a href="#">School for African Childrens</a></h5>
<div class="date">July 25, 2019</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="row">
<div class="col-sm-12 text-center">
<ul>
<li> <a href="#" class="facebook"><i class="fa fa-facebook-f"></i></a> </li>
<li> <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> </li>
<li> <a href="#" class="instagram"><i class="fa fa-instagram"></i></a> </li>
</ul>
<div class="mt-4">Copyright © 2022 All rights reserved </div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer -->
<a href="#" class="gotop"><i class="fa fa-long-arrow-up"></i></a>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery.min.js" type="text/javascript" ></script>
<script src="js/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
<script src="js/custom.js" type="text/javascript" ></script>
<script>
/*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,
},
},
});
/*Tab Event Slider*/
var swiper = new Swiper(".tabevent_slider", {
slidesPerView: 2,
spaceBetween: 20,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
});
/*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>