<!DOCTYPE HTML>
<html>
<head>
<title>Shortcodes</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" 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="Training Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--Google Fonts-->
<link href='#css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Kreon:400,700,300' rel='stylesheet' type='text/css'>
<!-- 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 -->
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<!--header start here-->
<div class="banner1">
<div class="container">
<div class="header">
<div class="col-md-7 logo">
<a href="index.html"><h1>Training</h1></a>
</div>
<div class="col-md-5 details">
<div class="addre">
<span class="location"> </span>
<div class="detail-para">
<p>One reject</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="addre ad-para">
<span class="tel-ph"> </span>
<div class="detail-para">
<p> Email: <a href="mailto:info@example.com">@lorem.com</a></p>
</div>
<div class="clearfix"> </div>
</div>
<div class="addre addres-mes">
<span class="mess"> </span>
<div class="detail-para">
<p>+648 4859</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="top-nav">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="home"><a href="index.html">Home</a></li>
<li class=""><a href="about.html">About</a></li>
<li class=""><a href="shortcodes.html">Short Codes</a></li>
<li class=""><a href="gallery.html">Gallery</a></li>
<li class=""><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--header strat here-->
<!--short codes start here-->
<div class="shortcodes">
<div class="container">
<div class="page">
<h3 class="typo1">Short Codes</h3>
<!--button-->
<div class="grid_3 grid_4">
<div class="page-header">
<h3>Headings</h3>
</div>
<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 id="h6-bootstrap-heading">h6. Bootstrap heading</h6></td>
<td class="type-info">Semibold 12px</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--buttons-->
<div class="page-header">
<h3>Buttons</h3>
</div>
<p class="grid1">
<button type="button" class="btn btn-lg btn-default">Default</button>
<button type="button" class="btn btn-lg btn-primary">Primary</button>
<button type="button" class="btn btn-lg btn-success">Success</button>
<button type="button" class="btn btn-lg btn-info">Info</button>
<button type="button" class="btn btn-lg btn-warning">Warning</button>
<button type="button" class="btn btn-lg btn-danger">Danger</button>
<button type="button" class="btn btn-lg btn-link">Link</button>
</p>
<p class="grid1 ">
<button type="button" class="btn btn-1 btn-default">Default</button>
<button type="button" class="btn btn-1 btn-primary">Primary</button>
<button type="button" class="btn btn-1 btn-success">Success</button>
<button type="button" class="btn btn-1 btn-info">Info</button>
<button type="button" class="btn btn-1 btn-warning">Warning</button>
<button type="button" class="btn btn-1 btn-danger">Danger</button>
<button type="button" class="btn btn-1 btn-link">Link</button>
</p>
<p class="grid1">
<button type="button" class="btn btn-sm btn-default">Default</button>
<button type="button" class="btn btn-sm btn-primary">Primary</button>
<button type="button" class="btn btn-sm btn-success">Success</button>
<button type="button" class="btn btn-sm btn-info">Info</button>
<button type="button" class="btn btn-sm btn-warning">Warning</button>
<button type="button" class="btn btn-sm btn-danger">Danger</button>
<button type="button" class="btn btn-sm btn-link">Link</button>
</p>
<p class="grid1">
<button type="button" class="btn btn-xs btn-default">Default</button>
<button type="button" class="btn btn-xs btn-primary">Primary</button>
<button type="button" class="btn btn-xs btn-success">Success</button>
<button type="button" class="btn btn-xs btn-info">Info</button>
<button type="button" class="btn btn-xs btn-warning">Warning</button>
<button type="button" class="btn btn-xs btn-danger">Danger</button>
<button type="button" class="btn btn-xs btn-link">Link</button>
</p>
<!--//button-->
<!--bages-->
<div class="page-header">
<h3>Badges</h3>
</div>
<p>
<a href="#">Inbox <span class="badge">42</span></a>
</p>
<ul class="nav nav-pills" r
培训教育类别Bootstrap模板是一款超棒免费的Bootstrap网站模板下载。_html网站模板_网页源码移动端前.rar （42个子文件） 
培训教育类别Bootstrap模板是一款超棒免费的Bootstrap网站模板下载。 moban1048 js 
bootstrap.min.js 36KB jquery.chocolat.js 10KB jquery-1.11.0.min.js 94KB css style.css 26KB bootstrap.css 138KB chocolat.css 2KB
index.html 9KB contact.html 6KB about.html 8KB images 
graduation.jpg 48KB g3.jpg 33KB
telephone.png 3KB g2.jpg 65KB w5.jpg 22KB pin.png 3KB w2.jpg 18KB g8.jpg 31KB a1.jpg 45KB quot2.png 4KB t3.jpg 20KB phone.png 3KB g7.jpg 64KB left.png 328B g6.jpg 45KB t1.jpg 16KB w3.jpg 16KB email.png 3KB t4.jpg 11KB g5.jpg 41KB w6.jpg 20KB close.png 3KB location.png 4KB t2.jpg 28KB right.png 321B g4.jpg 49KB quot1.png 4KB books.jpg 258KB g1.jpg 49KB g9.jpg 39KB h2.jpg 51KB shortcodes.html 24KB gallery.html 9KB资源评论
