File size: 21.15Kb
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Gym for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Home :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="mobile/css/style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrap">
<!-- start header_top -->
<div class="header">
<div class="header-text">
<h1>Fitness</h1>
<div class="banner_btn">
<a href="#">Read More</a>
</div>
</div>
<div class="header-arrow">
<a href="#menu" class="class scroll"><span> </span </a>
</div>
</div>
<!-- end header_top -->
<!-- start header_bottom -->
<div class="header-bottom">
<div class="header-bottom_left">
<i class="phone"> </i><span>1-200-346-2986</span>
</div>
<div class="social">
<ul>
<li class="facebook"><a href="#"><span> </span></a></li>
<li class="twitter"><a href="#"><span> </span></a></li>
<li class="pinterest"><a href="#"><span> </span></a></li>
<li class="google"><a href="#"><span> </span></a></li>
<li class="tumblr"><a href="#"><span> </span></a></li>
<li class="instagram"><a href="#"><span> </span></a></li>
<li class="rss"><a href="#"><span> </span></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- end header_bottom -->
<!-- start menu -->
<div class="menu" id="menu">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
</div>
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="index.html">Home</option>
<option value="about.html">About</option>
<option value="trainers.html">Trainers</option>
<option value="classes.html">Classes</option>
<option value="blog.html">Blog</option>
<option value="pricing.html">Pricing</option>
<option value="contact.html">Contact</option>
</select>
</div>
<div class="clear"></div>
</div>
</div>
<!-- end menu -->
<div class="main">
<!-- start content-top -->
<div class="row content-top">
<div class="col-md-5">
<img src="mobile/images/pic.png" alt=""/>
</div>
<div class="col-md-7 content_left_text">
<h3>Lorem ipsum dolor sit!</h3>
<p>aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<!-- end content-top -->
<div class="row content-middle">
<!-- start content-middle -->
<div class="col-md-4"><a href="pricing.html">
<ul class="spinning">
<li class="live">live <span class="m_1">Spinning</span></li>
<li class="room">Room 2</li>
<div class="clear"></div>
</ul>
<div class="view">
<img src="mobile/images/pic3.jpg" alt=""/>
</div>
</a></div>
<div class="col-md-4"><a href="pricing.html">
<ul class="spinning">
<li class="live">live <span class="m_1">Gym</span></li>
<li class="room">Room 1</li>
<div class="clear"></div>
</ul>
<div class="view">
<img src="mobile/images/pic2.jpg" alt=""/>
</div>
</a></div>
<div class="col-md-4"><a href="pricing.html">
<ul class="spinning">
<li class="live">live <span class="m_1">Pilates</span></li>
<li class="room">Room 4</li>
<div class="clear"></div>
</ul>
<div class="view">
<img src="mobile/images/pic1.jpg" alt=""/>
</div>
</a></div>
<div class="clear"></div>
</div>
<!-- end content-middle -->
<div class="row about">
<div class="col-md-8">
<h3 class="m_2">All Classes</h3>
<div class="classes">
<div class="cardio_list">
<div class="cardio_sublist">
<ul class="cardio">
<li><i class="clock"> </i><span>Cardio Fitness</span></li>
</ul>
<div class="social-media">
<ul>
<li> <span class="simptip-position-bottom simptip-movable" data-tooltip="timetable"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="Send to"><a href="#" target="_blank"> </a> </span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="like it"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="share"><a href="#" target="_blank"> </a></span></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="cardio_sublist">
<ul class="cardio">
<li><i class="clock"> </i><span>Spinning</span></li>
</ul>
<div class="social-media">
<ul>
<li> <span class="simptip-position-bottom simptip-movable" data-tooltip="timetable"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="Send to"><a href="#" target="_blank"> </a> </span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="like it"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="share"><a href="#" target="_blank"> </a></span></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="cardio_sublist">
<ul class="cardio">
<li><i class="clock"> </i><span>Pilates</span></li>
</ul>
<div class="social-media">
<ul>
<li> <span class="simptip-position-bottom simptip-movable" data-tooltip="timetable"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="Send to"><a href="#" target="_blank"> </a> </span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="like it"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="share"><a href="#" target="_blank"> </a></span></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="cardio_sublist">
<ul class="cardio">
<li><i class="clock"> </i><span>Boxing</span></li>
</ul>
<div class="social-media">
<ul>
<li> <span class="simptip-position-bottom simptip-movable" data-tooltip="timetable"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="Send to"><a href="#" target="_blank"> </a> </span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="like it"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="share"><a href="#" target="_blank"> </a></span></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="cardio_list1">
<div class="cardio_sublist">
<ul class="cardio">
<li><i class="clock"> </i><span>Aerobics</span></li>
</ul>
<div class="social-media">
<ul>
<li> <span class="simptip-position-bottom simptip-movable" data-tooltip="timetable"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="Send to"><a href="#" target="_blank"> </a> </span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="like it"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="share"><a href="#" target="_blank"> </a></span></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="cardio_sublist">
<ul class="cardio">
<li><i class="clock"> </i><span>Kik Boxing</span></li>
</ul>
<div class="social-media">
<ul>
<li> <span class="simptip-position-bottom simptip-movable" data-tooltip="timetable"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="Send to"><a href="#" target="_blank"> </a> </span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="like it"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="share"><a href="#" target="_blank"> </a></span></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="cardio_sublist">
<ul class="cardio">
<li><i class="clock"> </i><span>CrossFit</span></li>
</ul>
<div class="social-media">
<ul>
<li> <span class="simptip-position-bottom simptip-movable" data-tooltip="timetable"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="Send to"><a href="#" target="_blank"> </a> </span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="like it"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="share"><a href="#" target="_blank"> </a></span></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="cardio_sublist">
<ul class="cardio">
<li><i class="clock"> </i><span>Yoga</span></li>
</ul>
<div class="social-media">
<ul>
<li> <span class="simptip-position-bottom simptip-movable" data-tooltip="timetable"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="Send to"><a href="#" target="_blank"> </a> </span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="like it"><a href="#" target="_blank"> </a></span></li>
<li><span class="simptip-position-bottom simptip-movable" data-tooltip="share"><a href="#" target="_blank"> </a></span></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-md-4">
<h3 class="m_4">Membership Prices</h3>
<div class="members">
<h4 class="m_3">25% Discount of for all members</h4>
<p>Discount on services and treatments at the GymBase.</p>
<div class="btn1">
<a href="#">More</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="row content_middle_bottom">
<div class="col-md-4">
<h3 class="m_2">Our Trainers</h3>
<div class="course_demo">
<ul id="flexiselDemo3">
<li><img src="mobile/images/pic4.jpg" /><div class="desc">
<h3>Lorem Ipsum<br><span class="m_text">Spinning</span></h3>
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
<div class="coursel_list">
<i class="heart1"> </i>
<i class="like"> </i>
</div>
<div class="coursel_list1">
<i class="twt"> </i>
<i class="fb"> </i>
</div>
<div class="clear"></div>
</div></li>
<li><img src="mobile/images/pic5.jpg" /><div class="desc">
<h3>Lorem Ipsum<br><span class="m_text">Kik Boxing</span></h3>
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
<div class="coursel_list">
<i class="heart2"> </i>
<i class="like1"> </i>
</div>
<div class="coursel_list1">
<i class="twt"> </i>
<i class="fb"> </i>
</div>
<div class="clear"></div>
</div></li>
</ul>
</div>
</div>
<div class="col-md-4">
<h3 class="m_2">Next Events</h3>
<div class="events">
<div class="event-top">
<ul class="event1">
<h4>26 April, 2014</h4>
<img src="mobile/images/pic.jpg" alt=""/>
</ul>
<ul class="event1_text">
<span class="m_5">h.12.00-h.13.00</span>
<h4>Aerobics</h4>
<p>Lorem ipsum dolor. </p>
<div class="btn2">
<a href="#">Reservation</a>
</div>
</ul>
<div class="clear"></div>
</div>
<div class="event-bottom">
<ul class="event1">
<h4>26 April, 2014</h4>
<img src="mobile/images/pic.jpg" alt=""/>
</ul>
<ul class="event1_text">
<span class="m_5">h.12.00-h.13.00</span>
<h4>Spinning</h4>
<p>Lorem ipsum dolor</p>
<div class="btn2">
<a href="#">Reservation</a>
</div>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="col-md-4">
<h3 class="m_2">From the blog</h3>
<div class="blog_events">
<ul class="tab-left1">
<span class="tab1-img"><img src="mobile/images/pic7.jpg" alt=""></span>
<div class="tab-text1">
<p><a href="#">nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip</a></p>
<span class="m_date">25 April, 2014</span>
</div>
<div class="clear"></div>
</ul>
<ul class="tab-left1">
<span class="tab1-img"><img src="mobile/images/pic6.jpg" alt=""></span>
<div class="tab-text1">
<p><a href="#">soluta nobis eleifend option congue nihil imperdiet doming id</a></p>
<span class="m_date">25 April, 2014</span>
</div>
<div class="clear"></div>
</ul>
<ul class="tab-last1">
<span class="tab1-img"><img src="mobile/images/pic8.jpg" alt=""></span>
<div class="tab-text1">
<p><a href="#">quod mazim placerat facer possim assum. Typi non habent</a></p>
<span class="m_date">25 April, 2014</span>
</div>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div class="row about">
<div class="col-md-8">
<h3 class="m_2">Gallery</h3>
<ul class="gallery">
<li><img src="mobile/images/pic12.jpg" alt=""/></li>
<li><img src="mobile/images/pic10.jpg" alt=""/></li>
<li><img src="mobile/images/pic15.jpg" alt=""/></li>
<li><img src="mobile/images/pic9.jpg" alt=""/></li>
<li><img src="mobile/images/pic11.jpg" alt=""/></li>
<li><img src="mobile/images/pic13.jpg" alt=""/></li>
<li><img src="mobile/images/pic14.jpg" alt=""/></li>
<li><img src="mobile/images/pic16.jpg" alt=""/></li>
<li><img src="mobile/images/pic17.jpg" alt=""/></li>
<div class="clear"></div>
</ul>
</div>
<div class="col-md-4">
<h3 class="m_2">Partner</h3>
<ul class="partner">
<li><img src="mobile/images/p6.png" alt=""/></li>
<li><img src="mobile/images/p5.png" alt=""/></li>
<li><img src="mobile/images/p4.png" alt=""/></li>
<li><img src="mobile/images/p3.png" alt=""/></li>
<li><img src="mobile/images/p2.png" alt=""/></li>
<li><img src="mobile/images/p1.png" alt=""/></li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="map">
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=United+Kingdom&aq=0&oq=un&sll=37.0625,-95.677068&sspn=48.956293,107.138672&ie=UTF8&hq=&hnear=United+Kingdom&ll=55.378051,-3.435973&spn=135.795411,68.554687&t=m&z=2&output=embed"> </iframe><br /><small><a href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=United+Kingdom&aq=0&oq=un&sll=37.0625,-95.677068&sspn=48.956293,107.138672&ie=UTF8&hq=&hnear=United+Kingdom&ll=55.378051,-3.435973&spn=135.795411,68.554687&t=m&z=2" style="color:#666;font-size:12px;text-align:left"> </a></small>
<div class="opening_hours">
<ul class="times">
<h3>Opening <span class="opening">Hours</span></h3>
<li><i class="calender"> </i><span class="week">Monday</span><div class="hours">h.6:00-h.24:00</div> <div class="clear"></div></li>
<li><i class="calender"> </i><span class="week">Tuesday</span><div class="hours">h.6:00-h.24:00</div> <div class="clear"></div></li>
<li><i class="calender"> </i><span class="week">Wednesday</span><div class="hours">h.6:00-h.24:00</div> <div class="clear"></div></li>
<li><i class="calender"> </i><span class="week">Thrusday</span><div class="hours">h.6:00-h.24:00</div> <div class="clear"></div></li>
<li><i class="calender"> </i><span class="week">Friday</span><div class="hours">h.6:00-h.24:00</div> <div class="clear"></div></li>
<li><i class="calender"> </i><span class="week">Saturday</span><div class="hours">h.6:00-h.24:00</div> <div class="clear"></div></li>
<li><i class="calender"> </i><span class="week">Sunday</span><div class="hours">h.6:00-h.24:00</div> <div class="clear"></div></li>
<p>Lorem ipsum dolor sit amet</p>
<h4>Enjoy it!</h4>
</ul>
</div>
</div>
<div class="footer-top">
<ul class="twitter_footer">
<li>
<i class="twt_icon"> </i><p>aliquam erat volutpat. Ut wisi enim ad minim veniam <span class="m_6">2 days ago</span></p>
<div class="clear"></div>
</li>
</ul>
</div>
<div class="footer-bottom">
<div class="row section group">
<div class="col-md-4">
<h4 class="m_7">Newsletter Signup</h4>
<p class="m_8">Lorem ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonummy.</p>
<form class="subscribe">
<input type="text" value="Insert Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Insert Email';}">
</form>
<div class="subscribe1">
<a href="#">Submit Email<i class="but_arrow"> </i></a>
</div>
</div>
<div class="col-md-4">
<div class="f-logo">
<img src="mobile/images/logo.png" alt=""/>
</div>
<p class="m_9">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis</p>
<p class="address">Phone : <span class="m_10">(00) 222 666 444</span></p>
<p class="address">Email : <span class="m_10">info[at]mycompany.com</span></p>
</div>
<div class="col-md-4">
<div class="footer_lists">
<ul class="list">
<h4 class="m_7">Menu</h4>
<li><a href="#">About</a></li>
<li><a href="#">Trainers</a></li>
<li><a href="#">Classes</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="list1">
<h4 class="m_7">Community</h4>
<li><a href="#">Blog</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="copyright">
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
</div>
<div class="social">
<ul>
<li class="facebook"><a href="#"><span> </span></a></li>
<li class="twitter"><a href="#"><span> </span></a></li>
<li class="pinterest"><a href="#"><span> </span></a></li>
<li class="google"><a href="#"><span> </span></a></li>
<li class="tumblr"><a href="#"><span> </span></a></li>
<li class="instagram"><a href="#"><span> </span></a></li>
<li class="rss"><a href="#"><span> </span></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>