File: /home/imensosw/public_html/imenso.co/lift-cincy/nonprofit.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>LIFT Cincy</title>
<?php include 'head.php'; ?>
</head>
<body class="home">
<!-- Navbar -->
<?php include 'navbar_1.php'; ?>
<!-- Navbar -->
<section class="small_banner burger bg-img" style="background-image: url('images/bg.png');">
<div class="strip_white"><img src="images/bg_strip4.svg" alt="bg image" class="" /></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">
<div class=""><a href="#" class="cbtn cbtn-bdr-light"><span class="back"><img src="images/arrow_back.svg" class="img-svg" /></span>Back</a></div>
<div>
<h1 class="border-bottom-0 text-white pb-2">Nonprofit name</h1>
</div>
<div class="banner_txt d-flex flex-justify-between">
<h3 class="text-white mr-2">123 Venue Location Cincinnati, OH ZIPCODE</h3>
<div>
<p class="text-white mt-0">The Nonprofit Organization prevents and alleviates human suffering in the face of emergencies by mobilizing <a href="" class="readmore">read more <img src="images/next.svg" class="img-svg" /></a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="burger_b pt-2 strip_bg1">
<div class="ccontainer">
<div class="crow">
<div class="ccol ccol-lg-6 mx-auto">
<div class="grid_section">
<span>View:</span>
<a href="#" class="active"><img src="images/grid.svg" alt="grid" class="img-svg" /></a>
<a href="#"><img src="images/image.svg" alt="image" class="img-svg" /></a>
</div>
</div>
</div>
<div class="crow flex-justify-center">
<div class="ccol ccol-lg-2 ccol-md-3 ccol-sm-3">
<div class="sidebar">
<h2>Volunteer Opportunities</h2>
<form>
<div class="form_fld">
<label>Search Near Address</label>
<input type="text" name="" placeholder="Enter Address..." class="fld-control">
</div>
<div class="form_fld">
<label>Search Radius</label>
<select class="fld-control">
<option>1 Mile</option>
</select>
</div>
<div class="form_fld">
<label>Filter by type</label>
<label class="checkbox_container"> <img src="images/food_insecurity.png" alt="" class="img" /> Food insecurity
<input type="checkbox" checked="checked" name="checkbox_1">
<span class="checkmark"></span>
</label>
<label class="checkbox_container"> <img src="images/homelessness.png" alt="" class="img" /> Homelessness
<input type="checkbox" checked="checked" name="checkbox_2">
<span class="checkmark"></span>
</label>
<label class="checkbox_container"> <img src="images/environmental.png" alt="" class="img" /> Environmental
<input type="checkbox" checked="checked" name="checkbox_3">
<span class="checkmark"></span>
</label>
</div>
</form>
</div>
</div>
<div class="ccol ccol-lg-4 ccol-md-5 ccol-sm-5">
<div class="crow g-0">
<div class="ccol ccol-lg-4 ccol-md-4 ccol-sm-4">
<div class="school_grid">
<a href="javascript:;" data-modal="#modal" class="modal_trigger school_grid_img">
<img src="images/image_1.png" alt="image" />
</a>
<div class="d-flex flex-justify-between flex-item-align-center">
<div class="badge badge-black mr-1">1 hour</div>
<div>
<a href="nonprofit.php" target="_blank" class="text-muted small"> Nonprofit Organisation </a>
</div>
</div>
<h3 data-modal="#modal" class="modal_trigger">Donate blood for vampires.</h3>
<div>
<img src="images/food_insecurity.png" alt="" class="img" />
</div>
</div>
</div>
<div class="ccol ccol-lg-4 ccol-md-4 ccol-sm-4">
<div class="school_grid">
<a href="javascript:;" data-modal="#modal" class="modal_trigger school_grid_img">
<img src="images/image_2.jpg" alt="image" />
</a>
<div class="d-flex flex-justify-between flex-item-align-center">
<div class="badge badge-black mr-1">1 hour</div>
<div>
<a href="nonprofit.php" target="_blank" class="text-muted small"> Nonprofit Organisation </a>
</div>
</div>
<h3 data-modal="#modal" class="modal_trigger">Donate blood for vampires.</h3>
<div>
<img src="images/homelessness.png" alt="" class="img" />
<img src="images/environmental.png" alt="" class="img" />
</div>
</div>
</div>
<div class="ccol ccol-lg-4 ccol-md-4 ccol-sm-4">
<div class="school_grid">
<a href="javascript:;" data-modal="#modal" class="modal_trigger school_grid_img">
<img src="images/image_1.png" alt="image" />
</a>
<div class="d-flex flex-justify-between flex-item-align-center">
<div class="badge badge-black mr-1">1 hour</div>
<div>
<a href="nonprofit.php" target="_blank" class="text-muted small"> Nonprofit Organisation </a>
</div>
</div>
<h3 data-modal="#modal" class="modal_trigger">Donate blood for vampires.</h3>
<div>
<img src="images/food_insecurity.png" alt="" class="img" />
</div>
</div>
</div>
<div class="ccol ccol-lg-4 ccol-md-4 ccol-sm-4">
<div class="school_grid">
<a href="javascript:;" data-modal="#modal" class="modal_trigger school_grid_img">
<img src="images/image_2.jpg" alt="image" />
</a>
<div class="d-flex flex-justify-between flex-item-align-center">
<div class="badge badge-black mr-1">1 hour</div>
<div>
<a href="nonprofit.php" target="_blank" class="text-muted small"> Nonprofit Organisation </a>
</div>
</div>
<h3 data-modal="#modal" class="modal_trigger">Donate blood for vampires.</h3>
<div>
<img src="images/homelessness.png" alt="" class="img" />
<img src="images/environmental.png" alt="" class="img" />
</div>
</div>
</div>
<div class="ccol ccol-lg-4 ccol-md-4 ccol-sm-4">
<div class="school_grid">
<a href="javascript:;" data-modal="#modal" class="modal_trigger school_grid_img">
<img src="images/image_1.png" alt="image" />
</a>
<div class="d-flex flex-justify-between flex-item-align-center">
<div class="badge badge-black mr-1">1 hour</div>
<div>
<a href="nonprofit.php" target="_blank" class="text-muted small"> Nonprofit Organisation </a>
</div>
</div>
<h3 data-modal="#modal" class="modal_trigger">Donate blood for vampires.</h3>
<div>
<img src="images/food_insecurity.png" alt="" class="img" />
</div>
</div>
</div>
<div class="ccol ccol-lg-4 ccol-md-4 ccol-sm-4">
<div class="school_grid">
<a href="javascript:;" data-modal="#modal" class="modal_trigger school_grid_img">
<img src="images/image_2.jpg" alt="image" />
</a>
<div class="d-flex flex-justify-between flex-item-align-center">
<div class="badge badge-black mr-1">1 hour</div>
<div>
<a href="nonprofit.php" target="_blank" class="text-muted small"> Nonprofit Organisation </a>
</div>
</div>
<h3 data-modal="#modal" class="modal_trigger">Donate blood for vampires.</h3>
<div>
<img src="images/homelessness.png" alt="" class="img" />
<img src="images/environmental.png" alt="" class="img" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="modal" id="modal">
<div class="modal-content">
<div class="modal-body">
<div class="ccontainer">
<div class="crow">
<div class="ccol ccol-lg-4 ccol-sm-6 mx-auto">
<hr />
<h1>Modal title</h1>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.</p>
<div>
<a href="ticket.php" class="cbtn cbtn-primary">Apply <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
<a href="javascript:;" class="cbtn cbtn-text-primary close">Close <span><img src="images/arrow.svg" alt="arrow" class="img-svg" /></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<?php include 'footer.php'; ?>
<!-- Footer -->
</body>
</html>