<!DOCTYPE html>
<html>
<head>
<title>Short Codes</title>
<!-- for-mobile-apps -->
<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>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/jquery-ui.css" />
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/numscroller-1.0.js"></script>
<!-- //js -->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
<!-- fonts -->
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=Viga' 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>
<!-- start-smoth-scrolling -->
<script src="js/responsiveslides.min.js"></script>
</head>
<body>
<!-- header -->
<div class="header wow zoomIn">
<div class="container">
<div class="header_left" data-wow-duration="2s" data-wow-delay="0.5s">
<ul>
<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>+123 456 7890</li>
<li><a href="mailto:info@example.com"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>info@example.com</a></li>
</ul>
</div>
<div class="header_right">
<div class="login">
<ul>
<li><a href="#" data-toggle="modal" data-target="#myModal4"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>Login</a></li>
<li><a href="#" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>Signup</a></li>
<li>
<div class="search-bar">
<div class="search">
<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i class="glyphicon glyphicon-search"> </i> </a>
</div>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<div id="small-dialog" class="mfp-hide">
<div class="search-top">
<div class="login_pop">
<form action="#" method="post">
<input type="submit" value="">
<input type="text" name="Type something..." value="Type something..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
</form>
</div>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //header -->
<div class="header-bottom">
<div class="container">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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>
<div class="logo grid">
<div class="grid__item color-3">
<h1><a class="link link--nukun" href="index.html"><i></i>INFI<span>R</span>MARY</a></h1>
</div>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil links" id="bs-example-navbar-collapse-1">
<nav class="menu menu--horatio">
<ul class="nav navbar-nav menu__list">
<li class="menu__item "><a href="index.html" class="menu__link">Home</a></li>
<li class="menu__item"><a href="about.html" class="menu__link">About</a></li>
<li class="menu__item menu__item--current"><a href="codes.html" class="menu__link">Short Codes</a></li>
<li class="menu__item"><a href="gallery.html" class="menu__link">Gallery</a></li>
<li class="menu__item "><a href="contact.html" class="menu__link">Contact</a></li>
</ul>
</nav>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</div>
<!-- banner -->
<div class="banner page_head">
</div>
<!-- //banner -->
<div class="typrography">
<div class="container">
<h3 class="tittle">Short Codes</h3>
<div class="grid_3 grid_4 wow fadeInLeft animated" data-wow-delay=".5s">
<h3 class="bars">Headings</h3>
<div class="bs-example">
<div class=" mb-60">
<h1>Heading H1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita saepe veniam quo consequuntur ad totam rem aliquid voluptates hic eos ullam, sequi nihil necessitatibus beatae perspiciatis perferendis, eveniet at esse vero molestiae debitis distinctio sunt modi. Repellat, eligendi, eius! Veritatis in veniam, tempora tempore ratione provident. Sunt nulla similique voluptates magni labore maxime tempore error sed necessitatibus ab. Quisquam, nisi.</p>
<h2>Heading H2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita saepe veniam quo consequuntur ad totam rem aliquid voluptates hic eos ullam, sequi nihil necessitatibus beatae perspiciatis perferendis, eveniet at esse vero molestiae debitis distinctio sunt modi. Repellat, eligendi, eius! Veritatis in veniam, tempora tempore ratione provident. Sunt nulla similique voluptates magni labore maxime tempore error sed necessitatibus ab. Quisquam, nisi.</p>
<h3>Heading H3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita saepe veniam quo consequuntur ad totam rem aliquid voluptates hic eos ullam, sequi nihil necessitatibus beatae perspiciatis perferendis, eveniet at esse vero molestiae debitis distinctio sunt modi. Repellat, eligendi, eius! Veritatis in veniam, tempora tempore ratione provident. Sunt nulla similique voluptates magni labore maxime tempore error sed necessitatibus ab. Quisquam, nisi.</p>
<h4>Heading H4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita saepe veniam quo consequuntur ad totam rem aliquid voluptates hic eos ullam, sequi nihil necessitatibus beatae perspiciatis perferendis, eveniet at esse vero molestiae debitis distinctio sunt modi. Repellat, eligendi, eius! Veritatis in veniam, tempora tempore ratione provident. Sunt nulla similique voluptates magni labore maxime tempore error sed necessitatibus ab. Quisquam, nisi.</p>
<h5>Heading H5</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita saepe veniam quo consequuntur ad totam rem aliquid voluptates hic eos ullam, sequi nihil neces
蓝色医疗行业网站模板里面包含5个子页面，适合医院网站整站模板使用。_html网站模板_网页源码移动端前端_H5模板_自.rar （55个子文件） 
蓝色医疗行业网站模板里面包含5个子页面，适合医院网站整站模板使用。 moban1416 
codes.html 41KB js 
jquery.magnific-popup.js 45KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB numscroller-1.0.js 4KB bootstrap-3.1.1.min.js 28KB easing.js 5KB move-top.js 1KB wow.min.js 5KB jquery-2.1.4.min.js 82KB jquery-ui.js 440KB css style.css 56KB popuo-box.css 6KB jquery-ui.css 31KB animate.css 71KB bootstrap.css 138KB swipebox.css 4KB index.html 24KB contact.html 13KB about.html 15KB images 
pic5.jpg 20KB pic6.jpg 17KB g2.jpg 33KB c1.jpg 21KB Thumbs.db 222KB
3.png 21KB c2.jpg 14KB g8.jpg 34KB 12.png 286B banner3.jpg 131KB pic4.jpg 20KB img-sp.png 3KB social.png 4KB pic2.jpg 61KB g7.jpg 37KB search.png 3KB pic1.jpg 22KB 13.png 167B
icons.svg 1KB banner1.jpg 105KB c3.jpg 16KB ar1.png 3KB 4.png 27KB mark1.png 3KB c4.jpg 15KB 3.jpg 3KB clinic.png 825B g1.jpg 32KB 4.jpg 5KB 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 gallery.html 16KB资源评论
