<!DOCTYPE HTML>
<html>
<head>
<title>Short Codes</title>
<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="Politics Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 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>
<link href="css/bootstrap-3.1.1.min.css" rel="stylesheet" type="text/css">
<!-- Custom Theme files -->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"> </script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!--/script-->
<link href='#css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href='#css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
</head>
<body>
<div class="header" id="home">
<div class="content white">
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Politics</a>
</div>
<!--/.navbar-header-->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">The Party<b class="caret"></b></a>
<ul class="dropdown-menu multi-column columns-2">
<div class="row">
<div class="party">
<ul class="multi-column-dropdown">
<li><a href="about.html">History</a></li>
<li class="divider"></li>
<li><a href="about.html">Philosophy</a></li>
<li class="divider"></li>
<li><a href="about.html">Photo Gallery</a></li>
<li class="divider"></li>
<li><a href="typography.html">Short codes</a></li>
</ul>
</div>
</div>
</ul>
</li>
<li class="active"><a href="typography.html">Politics</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Leadership<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="leadership.html">Martin</a></li>
<li class="divider"></li>
<li><a href="leadership.html">Sanders</a></li>
<li class="divider"></li>
<li><a href="leadership.html">Brush Willium</a></li>
<li class="divider"></li>
<li><a href="leadership.html">Ben Mark</a></li>
<li class="divider"></li>
<li><a href="leadership.html">Bruise Alley</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="social-icons">
<ul>
<li><a href="#" class="facebook"> </a></li>
<li><a href="#" class="p"> </a></li>
<li><a href="#" class="g"> </a></li>
<li><a href="#" class="twitter"> </a></li>
</ul>
</div>
</div>
<!--/.navbar-collapse-->
<!--/.navbar-->
</div>
</nav>
</div>
</div>
<!--/start-banner-->
<div class="banner1">
<div class="container">
</div>
</div>
<!--//end-banner-->
<!--typography-page -->
<div class="typo">
<div class="container">
<h3 class="title">Short Codes</h3>
<div class="grid_3 grid_4">
<h3 class="hdg">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="#"><s
国内外时事政治网站模板是一款html5模板，适合国内外新闻网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar （49个子文件） 
国内外时事政治网站模板是一款html5模板，适合国内外新闻网站模板下载。 moban833 js 
bootstrap.js 66KB responsiveslides.min.js 3KB bootstrap-3.1.1.min.js 28KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.flexisel.js 8KB jquery.min.js 91KB
leadership.html 15KB typography.html 32KB css style.css 53KB flexslider.css 4KB owl.carousel.css 4KB bootstrap-3.1.1.min.css 98KB index.html 21KB contact.html 9KB about.html 17KB single.html 18KB images 
pic.jpg 21KB a2.jpg 12KB 2.jpg 19KB f4.jpg 14KB f2.jpg 14KB mg4.jpg 5KB mg6.jpg 9KB
arrow.png 3KB f1.jpg 18KB banner.jpg 64KB mg7.jpg 9KB a1.jpg 13KB 1.jpg 81KB mg2.jpg 9KB img-sp.png 8KB f3.jpg 11KB 1.png 3KB pic2.jpg 14KB pic1.jpg 22KB move-top.png 3KB mg3.jpg 12KB mg1.jpg 10KB p2.jpg 16KB tech.jpg 16KB p33.jpg 20KB p1.jpg 17KB 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资源评论
