File: /home/vmasmheia229/www/_html1/join.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" >
<!-- 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" class="selected">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">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="join-content" >
<!--Arrow Navigation-->
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>
<h1>join <em>to Olimpia center</em></h1>
<br class="clear">
<article class="one-third column plan add-bottom">
<div class="wrapper">
<h2>Bronze<em>From 59$ monthly</em></h2>
<p>Nam ei solum indoctum, reque dolorem persecuti ea qui. Doctus nominati ne pri, oratio propriae assueverit ex pri. Vim graeco expetenda ne, te suas mazim utroque pri. Nullam aliquid appetere ne his, ius no.</p>
<p><a href="plans.html">- read more -</a></p>
</div>
</article>
<article class="one-third column plan add-bottom">
<div class="wrapper">
<h2>Silver<em>From 89$ monthly</em></h2>
<p>Nam ei solum indoctum, reque dolorem persecuti ea qui. Doctus nominati ne pri, oratio propriae assueverit ex pri. Vim graeco expetenda ne, te suas mazim utroque pri. Nullam aliquid appetere ne his, ius no.</p>
<p><a href="plans.html">- read more -</a></p>
</div>
</article>
<article class="one-third column plan add-bottom">
<div class="wrapper">
<h2>Gold<em>From 99$ monthly</em></h2>
<p>Nam ei solum indoctum, reque dolorem persecuti ea qui. Doctus nominati ne pri, oratio propriae assueverit ex pri. Vim graeco expetenda ne, te suas mazim utroque pri. Nullam aliquid appetere ne his, ius no.</p>
<p><a href="#">- read more -</a></p>
</div>
</article>
<br class="clear">
<article class="clearfix">
<div class=" seven columns msg alpha">
<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. So step inside and you'll experience a health club that's actively different from all the rest. Come and have a look for yourself.</p>
<p class="badge"><img src="img/join-badge.png" width="201" height="126" alt="Join"></p>
</div>
</div>
<div class="seven columns offset-by-one add-top-bottom">
<div id="message-join"></div>
<form method="post" action="assets/join.php" name="joinform" id="joinform">
<label for="name_join" >Name <span class="required">*</span></label>
<input name="name_join" type="text" id="name_join" value="" class="name">
<label for="email_join" >Email <span class="required">*</span> </label>
<input name="email_join" type="email" id="email_join" value="" class="email">
<label for="phone_join" >Phone <span class="required">*</span></label>
<input name="phone_join" type="text" id="phone_join" value="" class="phone">
<label for="subject_join" >Preferred Plan</label>
<select name="subject_join" id="subject_join">
<option value="Bronze">Bronze</option>
<option value="Silver">Silver</option>
<option value="Gold">Gold</option>
</select>
<label for="message_join" >Message <span class="required">*</span></label>
<textarea name="message_join" cols="40" rows="3" id="message_join" ></textarea>
<label class="verify_txt"><span class="required">*</span> Are you human? 3 + 1 =</label>
<input name="verify_join" type="text" id="verify_join" size="4" value="" class="verify_form" >
<hr>
<input type="submit" id="submit-join" value="Join" >
</form>
</div>
</article>
</section><!-- End join-content -->
<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/bg_images.js"></script>
<script src="js/func.js"></script>
<script src="assets/validate.js"></script>
</body>
</html>