File: /home/vmasmheia229/domains/s148287.gridserver.com/_html1/index.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>The OMG Group</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><!-- Menu button responsive-->
</div>
</header><!-- End Header-->
<div class="container">
<nav id="main-nav">
<ul>
<li><a href="index.html" id="one" class="selected">Branding<em>what we do</em></a></li>
<li><a href="about.html" id="two">Craft<em>your digital message</em></a></li>
<li><a href="join.html" id="three">PR Rocket<em>launch your message</em></a></li>
<li><a href="timetable.html" id="four">Brand Social<em>good viral</em></a></li>
<li><a href="plans.html" id="five">Eventus<em>event solution</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="explore-content" class="clearfix">
<!--Arrow Navigation-->
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>
<h1>explore <em>our fitness courses</em></h1>
<article class=" sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha ">
<img src="img/img-explore-1.jpg" class="scale-with-grid" alt="">
<ul class="extra-links">
<li><a href="timetable.html" class="time">Timetable</a></li>
<li><a href="join.html" class="join">Join</a></li>
</ul>
</div>
<div class="nine offset-by-one columns line">
<h3>Cardio <em>/ Right at the heart of your fitness training</em></h3>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<h5>Qui error labitur te</h5>
<p class=" add-bottom_2">Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<ul class="tabs">
<!-- Give href an ID value of corresponding "tabs-content" <li>'s -->
<li><a class="active" href="#firstab-1">Results</a></li>
<li><a href="#firstab-2">Trainer</a></li>
<li><a href="#firstab-3">Timetable</a></li>
</ul>
<!-- Standard <ul> with class of "tabs-content" -->
<ul class="tabs-content">
<!-- Give ID that matches HREF of above anchors -->
<li class="active" id="firstab-1">
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<ul class="bars">
<li><span>Strength </span><em>75%<span class="high"></span></em></li>
<li><span>Aerobic </span><em>100%<span class="full"></span></em></li>
<li><span>Resistance </span><em>50%<span class="medium"></span></em></li>
</ul>
</li>
<li id="firstab-2">
<img src="img/trainer-small.jpg" alt="Trainer" class="pic-trainer">
<h6>Hello, I am Judie</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>
</li>
<li id="firstab-3">
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. </p>
<ul class="timetable">
<li><span>Monday</span> <em>9:00am - 10:00am</em></li>
<li><span>Wednesday</span> <em>9:00am - 10:00am</em></li>
<li><span>Friday</span> <em>9:00am - 9:00am</em></li>
</ul>
</li>
</ul><!-- End tabs-->
</div>
</article><!-- End article-->
<article class=" sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha ">
<img src="img/img-explore-3.jpg" class="scale-with-grid" alt="">
<ul class="extra-links">
<li><a href="timetable.html" class="time">Timetable</a></li>
<li><a href="join.html" class="join">Join</a></li>
</ul>
</div>
<div class="nine offset-by-one columns line">
<h3>Boxing <em>/ Flex up with cable training</em></h3>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<h5>Ex sed inani solet sadipscing</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="tabs">
<!-- Give href an ID value of corresponding "tabs-content" <li>'s -->
<li><a class="active" href="#secondtab-1">Results</a></li>
<li><a href="#secondtab-2">Trainer</a></li>
<li><a href="#secondtab-3">Timetable</a></li>
</ul>
<!-- Standard <ul> with class of "tabs-content" -->
<ul class="tabs-content">
<!-- Give ID that matches HREF of above anchors -->
<li class="active" id="secondtab-1">
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<ul class="bars">
<li><span>Strength </span><em>75%<span class="full"></span></em></li>
<li><span>Aerobic </span><em>100%<span class="full"></span></em></li>
<li><span>Resistance </span><em>50%<span class="medium"></span></em></li>
</ul>
</li>
<li id="secondtab-2">
<img src="img/trainer-small.jpg" alt="Trainer" class="pic-trainer">
<h6>Hello, I am Judie</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>
</li>
<li id="secondtab-3">
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. </p>
<ul class="timetable">
<li><span>Monday</span> <em>9:00am - 10:00am</em></li>
<li><span>Wednesday</span> <em>9:00am - 10:00am</em></li>
<li><span>Friday</span> <em>9:00am - 9:00am</em></li>
</ul>
</li>
</ul><!-- End tabs-->
</div>
</article><!-- End article-->
<article class=" sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha ">
<img src="img/img-explore-4.jpg" class="scale-with-grid" alt="">
<ul class="extra-links">
<li><a href="timetable.html" class="time">Timetable</a></li>
<li><a href="join.html" class="join">Join</a></li>
</ul>
</div>
<div class="nine offset-by-one columns line">
<h3>Pilates <em>/ Stretch yourself</em></h3>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<h5>Ex sed inani solet sadipscing</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="tabs">
<!-- Give href an ID value of corresponding "tabs-content" <li>'s -->
<li><a class="active" href="#thirdtab-1">Results</a></li>
<li><a href="#thirdtab-2">Trainer</a></li>
<li><a href="#thirdtab-3">Timetable</a></li>
</ul>
<!-- Standard <ul> with class of "tabs-content" -->
<ul class="tabs-content">
<!-- Give ID that matches HREF of above anchors -->
<li class="active" id="thirdtab-1">
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<ul class="bars">
<li><span>Strength </span><em>75%<span class="low"></span></em></li>
<li><span>Aerobic </span><em>100%<span class="medium"></span></em></li>
<li><span>Resistance </span><em>50%<span class="full"></span></em></li>
</ul>
</li>
<li id="thirdtab-2">
<img src="img/trainer-small.jpg" alt="Trainer" class="pic-trainer">
<h6>Hello, I am Judie</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>
</li>
<li id="thirdtab-3">
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. </p>
<ul class="timetable">
<li><span>Monday</span> <em>9:00am - 10:00am</em></li>
<li><span>Wednesday</span> <em>9:00am - 10:00am</em></li>
<li><span>Friday</span> <em>9:00am - 9:00am</em></li>
</ul>
</li>
</ul><!-- End tabs-->
</div>
</article><!-- End article-->
<article class=" sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha ">
<img src="img/img-explore-2.jpg" class="scale-with-grid" alt="">
<ul class="extra-links">
<li><a href="timetable.html" class="time">Timetable</a></li>
<li><a href="join.html" class="join">Join</a></li>
</ul>
</div>
<div class="nine offset-by-one columns line">
<h3>Running <em>/ Forget the streets, stay on track</em></h3>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<h5>Ex sed inani solet sadipscing</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="tabs">
<!-- Give href an ID value of corresponding "tabs-content" <li>'s -->
<li><a class="active" href="#fourthtab-1">Results</a></li>
<li><a href="#fourthtab-2">Trainer</a></li>
<li><a href="#fourthtab-3">Timetable</a></li>
</ul>
<!-- Standard <ul> with class of "tabs-content" -->
<ul class="tabs-content">
<!-- Give ID that matches HREF of above anchors -->
<li class="active" id="fourthtab-1">
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<ul class="bars">
<li><span>Strength </span><em>75%<span class="medium"></span></em></li>
<li><span>Aerobic </span><em>100%<span class="full"></span></em></li>
<li><span>Resistance </span><em>50%<span class="full"></span></em></li>
</ul>
<br class="clear">
</li>
<li id="fourthtab-2">
<img src="img/trainer-small.jpg" alt="Trainer" class="pic-trainer">
<h6>Hello, I am Judie</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>
</li>
<li id="fourthtab-3">
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. </p>
<ul class="timetable">
<li><span>Monday</span> <em>9:00am - 10:00am</em></li>
<li><span>Wednesday</span> <em>9:00am - 10:00am</em></li>
<li><span>Friday</span> <em>9:00am - 9:00am</em></li>
</ul>
<br class="clear">
</li>
</ul><!-- End tabs-->
</div>
</article><!-- End article-->
<article class=" sixteen columns add-top-bottom add-bottom">
<div class="four columns offset-by-one alpha ">
<img src="img/img-explore-5.jpg" class="scale-with-grid" alt="">
<ul class="extra-links">
<li><a href="timetable.html" class="time">Timetable</a></li>
<li><a href="join.html" class="join">Join</a></li>
</ul>
</div>
<div class="nine offset-by-one columns line">
<h3>Aqua <em>/ Swimming lessons for all ages</em></h3>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<h5>Ex sed inani solet sadipscing</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>
<p>Vim id causae iriure integre, fugit lobortis salutandi qui at. <strong>Eros dolores tractatos</strong> vix ei, sonet errem qui te. Sed ut animal accusam delicatissimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi mentitum theophrastus vis. Ex utroque eleifend qui.</p>
<hr>
<div class="pictures clearfix add-bottom">
<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>
</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><!-- End 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>