<!DOCTYPE html>
<html>
<head>
<title>Services</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Jim Guide Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--//end-smoth-scrolling-->
<!--menu js-->
<script type="text/javascript" src="js/flexy-menu.js"></script>
<script type="text/javascript">$(document).ready(function(){$(".flexy-menu").flexymenu({speed: 400, indicator: true});});</script>
<!--//menu js-->
</head>
<body>
<!--banner-->
<div class="banner">
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html">Jim <span>Guide</span></a>
</div>
<div class="top-nav">
<ul class="flexy-menu orange nav1">
<li><a href="index.html">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="about.html">Lorem1</a></li>
<li><a href="about.html">Lorem2</a></li>
<li><a href="about.html">Lorem3</a></li>
<li><a href="about.html">Lorem4</a></li>
</ul>
</li>
<li><a class="active" href="services.html">Services</a></li>
<li><a href="#">Gallery</a>
<ul>
<li><a href="gallery.html">Gallery 1</a></li>
<li><a href="gallery.html">Gallery 2</a></li>
<li><a href="gallery.html">Gallery 3</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="slider">
<div class="caption">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li><h1>TECHNIQUE <br>MUSCLE</h1></li>
<li><h1>LORIPSUM <br>LETTERS</h1></li>
<li><h1>VEROACCUS<br>DUCIMUS</h1></li>
</ul>
<h4>' lorem ipsum ' will uncover many</h4>
<a class="readmore" href="#">MORE</a>
</div>
</div>
</div>
</div>
<!--//banner-->
<!--typography-page -->
<div class="typo">
<div class="container">
<h3 class="typo-title">Typography</h3>
<div class="grid_3 grid_4">
<h3>Headings</h3>
<div class="bs-example">
<table class="table">
<tbody>
<tr>
<td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td>
<td class="type-info">Semibold 36px</td>
</tr>
<tr>
<td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td>
<td class="type-info">Semibold 30px</td>
</tr>
<tr>
<td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td>
<td class="type-info">Semibold 24px</td>
</tr>
<tr>
<td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td>
<td class="type-info">Semibold 18px</td>
</tr>
<tr>
<td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td>
<td class="type-info">Semibold 14px</td>
</tr>
<tr>
<td><h6>h6. Bootstrap heading</h6></td>
<td class="type-info">Semibold 12px</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="grid_3 grid_5">
<h3>Buttons</h3>
<h1>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h1>
<h2>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h2>
<h3>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h3>
<h4>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h4>
<h5>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h5>
<h6>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h6>
</div>
<div class="grid_3 grid_5">
<h3>Progress Bars</h3>
<div class="tab-content">
<div class="tab-pane active" id="domprogress">
<div class="progress">
<div class="progress-bar progress-bar-primary" style="widt
肌肉健身CSS网站模板是一款适合健身运动器材销售网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （50个子文件） 
肌肉健身CSS网站模板是一款适合健身运动器材销售网站模板下载。 moban709 js 
bootstrap.js 66KB flexy-menu.js 7KB responsiveslides.min.js 3KB grid.js 14KB easing.js 5KB move-top.js 1KB modernizr.custom.js 8KB jquery-1.11.1.min.js 94KB jquery.flexisel.js 8KB css style.css 33KB component.css 7KB bootstrap.css 138KB
services.html 17KB index.html 8KB contact.html 6KB about.html 10KB images 
img18.jpg 34KB
icon6.png 3KB img6.jpg 8KB icon1a.png 3KB icon1.png 3KB icon4.png 4KB banner.jpg 192KB img2.jpg 29KB img5.jpg 19KB img13.jpg 20KB img10.jpg 8KB move-up.png 3KB icon2a.png 3KB img11.jpg 7KB img4.jpg 21KB icon5.png 4KB img15.jpg 25KB img1.jpg 25KB img16.jpg 19KB img7.jpg 7KB img3.jpg 22KB img8.jpg 7KB icon3.png 4KB img17.jpg 25KB icons.png 4KB img14.jpg 33KB img19.jpg 23KB img12.jpg 25KB img9.jpg 8KB icon2.png 3KB fonts FugazOne-Regular.ttf 27KB Roboto-Regular.ttf 159KB PathwayGothicOne-Regular.ttf 26KB gallery.html 12KB资源评论
