<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Club - YoungLife</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"> <style> h1 {text-align: center; color: #21ff00; font-size: 125px;} p {text-align: center;} img:hover { transform: scaleX(-1); } </style> </head> <body> <!--navbar beginning--> <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> <!--navbar Ending--> <div class="header"> YoungLife </div> </div> <div class="heading"> <h1><b>CLUB</b></h1> </div> <br> <div class="davis"> <p> Club is a place where teens can have fun and also grow in their faith with Jesus. <br> <hr> At YoungLife our mission is to introduce adolescents to Jesus Christ and help them grow in their faith. <br> <hr> Our staff will welcome anyone who comes to club. </p> </div> <div class="club-one"> <img src="./img/thumbnail_Image1.jpg" width="300px" height="300px"> </div> <div class="club-two"> <img src="./img/thumbnail_Image2.jpg" width="300px" height="300px"> </div> <div class="club-three"> <img src="./img/thumbnail_Image3.jpg" width="300px" height="300px"> </div> <div class="club-four"> <img src="./img/thumbnail_Image4.jpg" width="300px" height="300px"> </div> <br> <div class="heading"> <h1><b>YOU BELONG HERE<b></h1> </div> </body> </html> <script> function shownav() { let x = document.getElementById("navbar"); if ( x.style.display === "none"){ x.style.display = "block"; } else{ x.style.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> <footer> <h1 class="footer"> Young Life </h1> </footer>