<!DOCTYPE HTML>
<html>
<head>
<title>Short Codes</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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--Google Fonts-->
<link href='http://fonts.useso.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
<!--google fonts-->
</head>
<body>
<!--banner start here-->
<div class="banner1">
<div class="header">
<div class="container">
<div class="header-main">
<div class="logo">
<h1><a href="index.html">Donate</a></h1>
</div>
<div class="header-icons">
<ul>
<li><a href="#" class="fb"> </a></li>
<li><a href="#" class="twit"> </a></li>
<li><a href="#" class="gmail"> </a></li>
<li><a href="#" class="dri"> </a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="top-nav">
<span class="menu"> <img src="images/icon.png" alt=""></span>
<ul class="res">
<li><a href="index.html"><i class="glyphicon glyphicon-home"> </i>Home</a></li>
<li><a href="about.html"><i class="glyphicon glyphicon-user"> </i>About</a></li>
<li><a class="active" href="shortcodes.html"><i class="glyphicon glyphicon-list-alt"> </i>Short Codes</a></li>
<li><a href="blog.html"><i class="glyphicon glyphicon-picture"> </i>Blog</a></li>
<li><a href="contact.html"><i class="glyphicon glyphicon-envelope"> </i>Contact</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.res" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
</div>
<!--banner end here-->
<!--short codes start here-->
<div class="typrography">
<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" role="tablist">
<li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li>
</ul>
<!--//bages-->
<!--alerts-->
<div class="page-header">
<h1>Alerts</h1>
</div>
<div class="alert alert-success" role="alert">
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-info" role="alert">
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
<div class="alert alert-warning" role="alert">
<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>
<div class="alert alert-danger" role="alert">
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
<!--//alerts-->
<!--nav-->
<div class="page-header">
<h3>
爱心互助公益网站宽屏风格的模板下载.zip （43个子文件） 
js 
responsiveslides.min.js 3KB jquery-1.11.0.min.js 94KB wow.min.js 5KB css style.css 46KB animate.css 67KB bootstrap.css 138KB
index.html 11KB contact.html 7KB about.html 11KB single.html 11KB images 
h1.png 96KB s2.png 18KB themes.png 3KB tw.png 3KB
c1.jpg 89KB kid1.jpg 158KB c2.jpg 70KB s3.png 18KB kid.jpg 251KB d3.jpg 13KB t3.jpg 12KB t1.jpg 12KB testimo.jpg 59KB d1.jpg 6KB t4.jpg 10KB 1m.jpg 87KB c3.jpg 86KB t2.jpg 14KB head-icons.png 7KB t-icn.png 7KB s1.png 12KB d2.jpg 16KB c4.jpg 5KB c5.jpg 4KB bann-strip.jpg 45KB icon.png 4KB shortcodes.html 24KB blog.html 9KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
