<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pensacola WAYS</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Favicons
================================================== -->
<link rel="icon" href="img/pways2.png" />
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Slider
================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!--[if lt IE 9] -->
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
</head>
<body>
<!-- Navigation
==========================================-->
<nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.html"><img src="img/navlogo.png" width="180px" height="auto"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#tf-home" class="page-scroll">Home</a></li>
<li><a href="#tf-about" class="page-scroll">About</a></li>
<li><a href="#tf-team" class="page-scroll">Team</a></li>
<li><a href="#tf-gallery" class="page-scroll">Gallery</a></li>
<li><a href="#tf-sponsors" class="page-scroll">Sponsors</a></li>
<li class="dropdown"> <a href="#tf-contact" class="page-scroll">Get Involved</button></a>
<div class="dropdown-content"> <a href="https://www.signupgenius.com/go/20f0c4bacac2fa20-fall2" target="_blank">Volunteer</a> Donate</a> <a href="https://smile.amazon.com/ch/81-3563470" target="_blank">Support While Shopping</a></div>
</li>
<div class="dropdown">
<button class="dropbtn">Resources</button>
<div class="dropdown-content"> <a href="http://www.redcross.org/?scode=RSG00000E017&gclid=Cj0KEQiAuonGBRCaotXoycysvIMBEiQAcxV0nFNsy5IdTbwsRuCfLhKuW7TJKz8Gp2xJBMx6_c47fZQaAo6J8P8HAQ&gclsrc=aw.ds&dclid=CMzLu6bazNICFQ8ehwod6GMBeQ" target="_blank">Red Cross</a> <a href="http://internationalwatersafetyday.org/" target="_blank">International Water Safety Day</a> <a href="http://www.nationalwatersafetymonth.org/" target="_blank">Water Safety Month</a> <a href="https://kidshealth.org/" target="_blank">Kids Health</a> <a href="#">Safer 3</a> <a href="http://www.nsc.org/pages/home.aspx" target="_blank">National Safety Council</a> <a href="https://www.safekids.org/" target="_blank">Safe Kids Worldwide</a> <a href="https://myescambia.com/pensacola-beach/pensacola-beach-lifeguards" target="_blank">Pensacola Beach Lifeguard</a></div>
</div>
</ul>
</div>
</div>
</div>
</nav>
<!-- Home Page
==========================================-->
<div id="tf-home" class="text-center">
<div class="overlay">
<div class="content"> <img id="logo" src="/img/pways2.png">
<p class="lead">Making kids <strong>water smart </strong>to keep them <strong>water safe!</strong></p>
<a href="#tf-about" class="fa fa-angle-down page-scroll"></a>
</div>
</div>
</div>
<!-- About Us Page
==========================================-->
<div id="tf-about">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="about-text">
<div class="section-title">
<h4>About us</h4>
<h2><strong>Water & YOUTH SAFETY PENSACOLA</strong></h2>
<hr>
<div class="clearfix"></div>
</div>
<p class="intro">WAYS is a non-profit organization in Pensacola, Florida, established in the fall of 2016. Our mission is to educate children in our area to make them safer in and around water.
<br>
<br>Pensacola has water everywhere. Our residents not only enjoy the Gulf but we also have multiple bayous, rivers, lakes, ponds, and streams. There are almost 11,000 homes with pools and/or hot tubs and close to 24,000 residences are located on our many waterways.
<br>
<br>While all this water makes Pensacola a wonderful place in which to live it also presents an ever-present danger to our residents, especially our children. Drowning is the 2nd leading cause of unintentional death among children under the age of 14.</p>
<p class="intro">In 2008, the Pensacola Association of Realtors Community Relations Committee recognized there was no organized effort to address this issue and started a free swim program for area 2nd graders. This early effort consisted of a classroom session on water safety and a voucher for free swim lessons.
<br>
<br> In 2012, committee leaders changed the program to its current format. In order to make this change PAR reached out to the Greater Pensacola Aquatic Club, the Escambia County School District and the City of Pensacola Parks and Recreation Department. These founding organizations helped to create WAYS Pensacola.
<br>
<br> </p>
</div>
</div>
<div class="col-md-6">
<div class="about-text">
<div class="section-title" id="sample" tabindex="0">
<div class="section-title" id="h42">
<h4>Where we began</h4>
<h2><strong>How we started</strong></h2>
<hr>
<div class="clearfix"></div>
</div>
<p class="intro"> We still have those classroom sessions but we now also include a hands-on lesson at a local pool. We called the new event Pensacola Water Safety Day and it is part of the worldwide International Water Safety Day. Locally, we have chosen to continue working with 2nd graders.
<br>
<br> In the classroom sessions we cover many items such as where you find water, how deep does water have to be for someone to drown, what do the flags on the beach mean, where to swim when you go to the beach, what items do you take to the beach, how to properly wear a life jacket, what to do if someone you’re with gets into trouble in the water and more.
<br>
<br> The following week the students take a field trip to the pool to put what they learned in the classroom into practice. There are multiple stations at the pool including the Throw Don’t Go station. This is where the kids get a chance to “rescue” a classmate.
<br>
<br> At other stations our volunteers evaluate each child’s ability in the water following a list of activities provided by GPAC and approved by the school district.
<br>
<br> In 2016 we added a second Water Safety Day and we now educate between 800-900 2nd graders a year on how to be safer in and around water. We have also added relationships with the Florida Department of Children and Families, the Florida Department of Health, the Santa Rosa Island Authority lifeguards, the U. S. Navy, and the University of West Florida.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Team Page
==========================================-->
<div id="tf-team" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<h2>Meet <strong>our team</strong></h2>
<div class="line">
<hr> </div>
</div>
<div id="team" class="owl-carousel owl-theme row">
<div class="item">
<div class="thumbnail"> <img src="img/team/Jack.jpg" alt="Jack Lynch WAYS President" class="img-circle team-img">
<div class="caption">
<h3>Jack Lynch</h3>
<p>President</p>
<p></p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail"> <img src="img/team/Greg.jpg" alt="Greg Johson WAYS VP Swim Operations" class="img-circle team-img">
<div class="caption">
<h3>Greg Johnson</h3>
<p>VP Swim Operations</p>
<p></p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail"> <img src="img/team/Harry.jpg" alt="Harry Walker WAYS VP Finance" class="img-circle team-img">
<div class="caption">
<h3>Harry Walker</h3>
<p>VP Finance</p>
<p></p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail"> <img src="img/team/Cassandra.jpg" alt="Casandra Manis WAYS Secretary" class="img-circle team-img">
<div class="caption">
<h3>Casandra Manis</h3>
<p>Secretary</p>
<p></p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail"> <img src="img/team/Steve.jpg" alt="Steve Nissim WAYS Board Member" class="img-circle team-img">
<div class="caption">
<h3>Steve Nissim</h3>
<p>Board Member</p>
<p></p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail"> <img src="img/team/Cheryl.jpg" alt="Cheryl Fox WAYS Board Member" class="img-circle team-img">
<div class="caption">
<h3>Cheryl Fox</h3>
<p>Board Member</p>
<p></p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail"> <img src="img/team/Leah.JPG" alt="Leah Nalty Ralls WAYS Board Member" class="img-circle team-img">
<div class="caption">
<h3>Leah Nalty Ralls</h3>
<p>Board Member</p>
<p></p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail"> <img src="img/team/John.JPG" alt="John Waas WAYS Board Member" class="img-circle team-img">
<div class="caption">
<h3>John Waas</h3>
<p>Board Member</p>
<p></p>
</div>
</div>
</div>
<div class="item"><img src="img/team/Lianne.JPG" alt="Lianne Brown WAYS Board Member" class="img-circle team-img">
<div class="thumbnail">
<div class="caption">
<h3>Lianne Brown</h3>
<p>Board Member</p>
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Gallery Section
==========================================-->
<div id="tf-gallery">
<div class="container">
<div class="section-title text-center center">
<h2><strong>Gallery</strong></h2>
<div class="line">
<hr> </div>
<div class="clearfix"></div> <small><em></em></small> </div>
<div class="categories">
<ul class="cat">
<li class="pull-left">
<h4>Filter by Type:</h4> </li>
<li class="pull-right">
<ol class="type">
<li><a href="#" data-filter="*" class="active">All</a></li>
<li><a href="#" data-filter=".staff">Staff & Volunteers</a></li>
<li><a href="#" data-filter=".students">Students</a></li>
<li><a href="#" data-filter=".pool">Pool</a></li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div id="lightbox" class="row">
<div class="col-sm-6 col-md-3 col-lg-3 photography staff">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>All Smiles</h4> <small>-volunteer-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/gal.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 students">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Learn</h4> <small>-students-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/gaze.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 students">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Interact</h4> <small>-students-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/gaze2.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 pool">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Lend a hand</h4> <small>-pool-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/helping.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 staff">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Fun</h4> <small>-staff-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/mrlynch.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography pool">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Line Up</h4> <small>-pool-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/line.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 pool">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Enjoy</h4> <small>-pool-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/pool.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 pool">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Building Friendships</h4> <small>-pool-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/caught.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 pool">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Dive In</h4> <small>-pool-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/surf.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 pool">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Take A Swim</h4> <small>-pool-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/hand.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 pool">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Have Fun</h4> <small>-pool-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/fun.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 staff">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text">
<h4>Chief Alexander</h4> <small>-volunteer-</small>
<div class="clearfix"></div> <i class=""></i> </div> <img src="img/gallery/chief.jpg" class="img-responsive" alt="..."> </a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sponsors Section
==========================================-->
<div id="tf-sponsors" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<h2><strong>Our Founders</strong></h2>
<div class="line">
<hr> </div>
</div>
<div class="box">
<div class="boxInner"><img src="img/sponsors/par logo.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/GPAC.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/PcolaAlt.png" /> </div>
</div><div class="box">
<div class="boxInner"> <img src="img/sponsors/ECSD.png" /> </div>
</div>
<h2><strong>Our Sponsors</strong></h2>
<div class="line">
<hr> </div>
</div>
<div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/Arbys.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/FloridaBlue.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/SacredHeart.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/UWFNew.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/CumulusNew.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/ServisFirstLogoNew.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/gulfpower.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/SupremeLendingNew.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/ZaxbysNew.png" /> </div>
</div>
<div class="box">
<div class="boxInner"> <img src="img/sponsors/police.png" style="height:180px" /> </div>
</div>
<div class="boxInner"> <img src="img/sponsors/SherrifNew.png" /> </div>
</div>
</div>
</div>
</div>
<!-- Contact Section
==========================================-->
<div id="tf-contact" class="text-center">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="section-title center">
<h2>Any <strong>Questions?</strong></h2>
<div class="line">
<hr> </div>
<div class="clearfix"></div> <small><em>If you need more information, or want to get involved, contact us below.</em></small> </div>
<form method="POST" action="http://formspree.io/prestnedw@gmail.com" method="POST">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Your email"> </div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputName1">Name</label>
<input type="text" name="name" class="form-control" id="name" placeholder="John Example"> </div>
</div>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Message</label>
<textarea name="message" class="form-control" rows="7" id="message" placeholder="Your message"></textarea>
</div>
<button type="submit" class="btn tf-btn btn-default" id="submit">Submit</button>
<button onclick="window.open('http://www.gofundme.com/water-safety-day-fall-2017?utm_medium=wdgt')" type="button" class="btn tf-btn btn-default" id="donate" target="_blank">Donate</button>
<button onclick="window.open('https://smile.amazon.com/ch/81-3563470')" type="button" class="btn tf-btn btn-default" id="amazon">Amazon Smile</button>
<button onclick="window.open('http://www.signupgenius.com/go/20f0c4bacac2fa20-pensacola1')" type="button" class="btn tf-btn btn-default" id="volunteerbtn">Volunteer</button>
</form>
</div>
</div>
</div>
</div>
<!-- Footer Section
==========================================-->
<nav id="footer">
<div class="container">
<div class="pull-left fnav">
<p>© Water & Youth Safety Pensacola</p>
</div>
<div class="pull-right fnav">
<a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">
<p> info@wayspensacola.org</a> | <a href="https://www.facebook.com/PensacolaWaterSafetyDay/" target="_blank">Facebook</a> </p>
</div>
<div class="container" id="onetwo">
<p>
<center>Designed and Developed by Andy M, Micah B, Preston E, and Tatyana W, from the EHS Digital Design Academy</center>
</p>
</div>
</div>
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script src="js/owl.carousel.js"></script>
<!-- Javascripts
================================================== -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
|