File: /home/vmasmheia229/public_html/_html1/plans.html
<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<title>Olimpia Responsive Fitness Center</title>
<meta name="description" content="Responsive Fitness Center site template only 15$">
<meta name="author" content="Ansonika">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/supersized.css" type="text/css" >
<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" >
<!-- prettyPhoto -->
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen">
<!-- Favicons-->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- HTML5 and CSS3-in older browsers-->
<script src="js/modernizr.2.5.3.js"></script>
</head>
<body>
<header >
<div class="container">
<div class=" four columns" id="logo"><a href="index.html"><span>Olimpia</span> Center</a></div><!-- Your text logo-->
<div class="twelve columns" id="top-nav">
<ul>
<li><a href="#" data-reveal-id="newsletter-modal">Newsletter</a></li>
<li><a href="#">Purchase</a></li>
</ul>
</div>
<a class="trigger" href="#"></a>
</div>
</header><!-- End Header-->
<div class="container">
<nav id="main-nav">
<ul>
<li><a href="index.html" id="one">Explore<em>our fitness courses</em></a></li>
<li><a href="about.html" id="two">Read<em> about the center</em></a></li>
<li><a href="join.html" id="three">Join <em>to Olimpia center</em></a></li>
<li><a href="timetable.html" id="four">Timetable<em>our fitness courses</em></a></li>
<li><a href="plans.html" id="five" class="selected">Member<em>plans of Olimpia</em></a></li>
<li><a href="contact.html" id="six">Contact us <em>for more info</em></a></li>
</ul>
</nav><!-- End Main nav-->
<section id="slidecaption"></section> <!--Slide caption. Open bg_images.js to edit the copy-->
<section id="plans-content" class="clearfix">
<!--Arrow Navigation-->
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>
<!--Arrow Navigation-->
<h1>member <em>plans of olimpia</em></h1>
<article class="sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha">
<div class="plan-stick"><img src="img/bronze.png" alt="" ></div>
<h3><strong>Bronze plan</strong> 59$</h3>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Cu offendit principes adversarium mel, nec etiam aliquid ei.</p>
<p><a href="#" class="button full-width">Join to Bronze plan</a></p>
</div>
<div class="nine offset-by-one columns line">
<h5>What's included</h5>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<ul class="list_3">
<li>In varius tincidunt elit.</li>
<li>Eros dolores tractatos vix ei, sonet errem qui te.</li>
<li>Vocent tincidunt ea qui, id qui justo vidisse docendi.</li>
<li>Etiam fermentum</li>
<li>In varius tincidunt elit.</li>
<li>Eros dolores tractatos vix ei, sonet errem qui te.</li>
</ul>
<h6>Additional information</h6>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<hr>
<div class="pictures">
<div class="three columns alpha">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group1]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
<div class="three columns">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group1]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
<div class="three columns omega">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group1]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
</div>
</div><!-- end nine columns -->
</article><!-- end article -->
<article class="sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha">
<div class="plan-stick"><img src="img/silver.png" alt="" ></div>
<h3><strong>Silver plan</strong> 89$</h3>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Cu offendit principes adversarium mel, nec etiam aliquid ei.</p>
<p><a href="#" class="button full-width">Join to Silver plan</a></p>
</div>
<div class="nine offset-by-one columns line">
<h5>What's included</h5>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<ul class="list_4">
<li>In varius tincidunt elit.</li>
<li>Eros dolores tractatos vix ei, sonet errem qui te.</li>
<li>Vocent tincidunt ea qui, id qui justo vidisse docendi.</li>
<li>Etiam fermentum</li>
<li>In varius tincidunt elit.</li>
<li>Eros dolores tractatos vix ei, sonet errem qui te.</li>
<li>Etiam fermentum</li>
<li>In varius tincidunt elit.</li>
<li>Eros dolores tractatos vix ei, sonet errem qui te.</li>
</ul>
<h6>Additional information</h6>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<hr>
<div class="pictures">
<div class="three columns alpha">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group2]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
<div class="three columns">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group2]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
<div class="three columns omega">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group2]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
</div>
</div><!-- end nine columns -->
</article><!-- end article -->
<article class="sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha">
<div class="plan-stick"><img src="img/gold.png" alt="" ></div>
<h3><strong>Gold plan</strong> 99$</h3>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Cu offendit principes adversarium mel, nec etiam aliquid ei.</p>
<p><a href="#" class="button full-width">Join to Silver plan</a></p>
</div>
<div class="nine offset-by-one columns line">
<h5>What's included</h5>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<ul class="list_5">
<li>In varius tincidunt elit.</li>
<li>Eros dolores tractatos vix ei, sonet errem qui te.</li>
<li>Vocent tincidunt ea qui, id qui justo vidisse docendi.</li>
<li>Etiam fermentum</li>
<li>In varius tincidunt elit.</li>
<li>Eros dolores tractatos vix ei, sonet errem qui te.</li>
<li>Etiam fermentum</li>
<li>In varius tincidunt elit.</li>
<li>Eros dolores tractatos vix ei, sonet errem qui te.</li>
</ul>
<h6>Additional information</h6>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<hr>
<div class="pictures">
<div class="three columns alpha">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group3]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
<div class="three columns">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group3]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
<div class="three columns omega">
<a href="img/img-explore-4.jpg" data-rel="prettyPhoto[group3]" title=""><span class="magnify"></span><img src="img/img-explore-4.jpg" class="scale-with-grid" alt="" ></a>
</div>
</div>
</div><!-- end nine columns -->
</article><!-- end article -->
<article class="sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha">
<h3>General questions</h3>
</div>
<div class="nine offset-by-one columns line">
<h6><em>Where do I collect my membership card?</em></h6>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<h6><em>Do I need to bring anything with me when I join?</em></h6>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<h6><em>Are there any costs other than the membership fee?</em></h6>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
<h6><em>Will there be any support to help me get started?</em></h6>
<p>Vocibus accumsan referrentur ex mel. Cu qui ludus mollis admodum, erant soluta mei ex. Cu offendit principes adversarium mel, nec etiam aliquid ei. Tale animal qui ei. Vis dico solet an. Alia congue eu eam. Qui error labitur te.</p>
</div>
</article><!-- end article -->
<section class="sixteen columns" id="highlight">
<div class="eight columns omega">
<h2>Join to Olimpia</h2>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. </p>
<p><a href="#" class="button">Become a member</a></p>
</div>
<div class="eight columns alpha ">
<h2>Plan a visit </h2>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. </p>
<p><a href="#" class="button">Plan a visit</a></p>
</div>
</section><!-- End section highlight-->
</section>
<footer>
<nav class="eleven columns">
<ul id="nav-footer">
<li><a href="#">Follow us on Facebook</a></li>
<li><a href="#">Follow us on Twitter</a></li>
</ul>
</nav>
<div class="five columns copy">© 2012. All Rights Reserved.</div>
</footer><!-- end footer -->
</div><!--End container-->
<div id="shadow"> </div><!--End Shadow-->
<!--Start Newsletter modal -->
<div id="newsletter-modal" class="reveal-modal container">
<div class="five columns alpha msg-modal" >
<div class="wrapper extra">
<h2>Everyone's welcome at Olimpia fitness center</h2>
<p>Young or old. Fit or unfit. It's all good. We love helping our members to be active.</p>
</div>
</div>
<div class="seven columns offset-by-one alpha add-bottom add-top-news">
<div id="message-newsletter"></div>
<form method="post" action="assets/newsletter.php" name="newsletter" id="newsletter">
<label for="name_newsletter" >Name <span class="required">*</span></label>
<input name="name_newsletter" type="text" id="name_newsletter" value="" class="name">
<label for="email_newsletter" >Email <span class="required">*</span> </label>
<input name="email_newsletter" type="email" id="email_newsletter" value="" class="email">
<label class="verify_txt"><span class="required">*</span> Are you human? 3 + 1 =</label>
<input name="verify_newsletter" type="text" id="verify_newsletter" size="4" value="" class="verify_form" >
<hr>
<input type="submit" id="submit-newsletter" value="Submit" class="btn btn-info" >
</form>
<a class="close-reveal-modal">×</a>
</div>
</div><!--End Newsletter modal-->
<!-- JS ================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery.reveal.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/supersized.3.2.6.min.js"></script>
<script src="theme/supersized.shutter.min.js"></script>
<script src="js/tabs.js"></script>
<script src="js/bg_images.js"></script>
<script src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script>
$("a[data-rel^='prettyPhoto']").prettyPhoto({
social_tools: '',
overlay_gallery: false
});
</script>
<script src="js/func.js"></script>
<script src="assets/validate.js"></script>
</body>
</html>