<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - Young Life</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<!--<div onclick="noblur"; id="blur">-->
<body style="z-index: 2;">
<div class="BigBar">
<div class="navigator">
<i onclick="shownav()" class="fa fa-bars"></i>
<ul id="navbar" style="display: none;">
<li><a href="index.html">Home</a></li>
<li><a href="Camp.html">Camp</a></li>
<li><a href="Contact_Us.html">Contact Us</a></li>
<li><a href="Club.html">Club</a></li>
<li><a href="Donate.html">Donate</a></li>
<li><a href="FAQ's.html">FAQ's</a></li>
</ul>
</div>
<div class="header">
Young Life
</div>
<!--carousel beginning-->
<div style="z-index:-1;;" id="carouselExampleIndicators" class="carousel slide, behind" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="img/Carousel1.jpeg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img\Carousel3.jpeg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img\Carousel2.jpeg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--carousel Ending-->
<script>
function shownav() {
let x = document.getElementById("navbar");
if ( x.style.display === "none") {
x.style.display = "block";
}
else{
x.style.display = "none";
}
}
function noblur() {
document.getElementById("blur").display = "none";
}
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!--Scrolld down once-->
<section class="quote1">
<div>
<img style="border: solid #f77f00 7px;" class="person1" src="img\person1.jpeg" width="450px" height="450px">
<p>
- "ALTHOUGH THE WORLD SHUTDOWN DUE TO COVID - 19, MY YOUNG LIFE LEADER SAFELY KEPT IN TOUCH AND NEVER STOPPED PURSUING ME."
</p>
</div>
</section>
<section class="quote2">
<div>
<img style="border: #f77f00 solid 7px;" class="person2" src="img\person2.jpeg" width="425px" height="425px">
<p>
"Young Life has changed my life BIG time and I'm loving it!" -
</p>
</div>
</section>
<section class="luke">
<h2 style="border: solid 7px #f77f00;">Our Mission:</h2>
<br>
<br>
<span>
<img class="pic-luke" style="border: solid 12px #f77f00;" src="img\Luke Sadler.jpeg" width="325px" height="500px">
<div>
<p class="simple">
-"Here at Young Life, It is a guarantee that you will enjoy our beautiful community of young teens like you!
Young Life is a place where you can escape from overall stress, rather that is from school, home, or in general,
you can have a super fun time here at Young Life and you will also learn about God's scripture and you will grow
a stronger bond with him and walk on the path he has set for you."
</p>
</div>
</span>
</section>
<section class="last">
<div>
<img style="border: #f77f00 solid 7px;" class="group" src="img\GroupPicture1.PNG" width="825px" height="500px">
<span>
<h3>
At Young Life, EVERYONE Is Welcome. We Are More Than Pleased To See
New Faces Everyday. THE QUESTION IS, When Will You Join Us On The Young Life Path?
</h3>
</span>
</div>
</section>
<br>
<br>
<br>
<br>
<br>
<br>
<footer>
<h1 class="footer">
Young Life
</h1>
</footer>
</div>
</html>