File: /home/vmasmheia229/www/_html1/contact.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">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" class="selected">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="contact-content" class="clearfix add-bottom">
<!--Arrow Navigation-->
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>
<h1>contact us <em>for more info</em></h1>
<article class=" sixteen columns">
<div class=" seven columns alpha">
<div class="map_canvas" data-lat="39.621557" data-lng="0.370233" data-address="Palma, Spain" data-zoom="10" data-maptitle="Olimpia Center"></div><!-- end map-->
</div>
<div class="seven columns offset-by-one alpha" style="padding-top:50px;">
<ul>
<li><strong>Street Number & Name</strong>, Postal Code 2034 BXU</li>
<li>+353 1 234 566 78 / +353 1 234 566 78</li>
<li><a href="#">info@emailaddress.com</a> - <a href="#">www.yourdomain.com</a></li>
</ul>
<hr>
<div id="message-contact"></div>
<form method="post" action="assets/contact.php" name="contactform" id="contactform">
<label for="name_contact">Name <span class="required">* </span></label>
<input name="name_contact" type="text" id="name_contact" value="" class="name">
<label for="email_contact">Email <span class="required">*</span></label>
<input name="email_contact" type="email" id="email_contact" value="" class="email">
<label for="phone_contact">Phone</label>
<input name="phone_contact" type="text" id="phone_contact" value="" class="phone">
<label for="subject_contact">Subject</label>
<select name="subject_contact" id="subject_contact">
<option value="General Enquire">General Enquire</option>
<option value="Membership plans">Membership plans</option>
<option value="Fitness Courses">Fitness Courses</option>
</select>
<label for="message_contact" >Message <span class="required">*</span></label>
<textarea name="message_contact" cols="40" rows="3" id="message_contact" ></textarea>
<label class="verify_txt"><span class="required">*</span> Are you human? 3 + 1 =</label>
<input name="verify_contact" type="text" id="verify_contact" size="4" value="" class="verify_form" >
<hr>
<p><input type="submit" id="submit-contact" value="Submit" class="btn" ></p>
</form>
</div>
</article>
</section><!-- End contact-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 type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/google_map.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>