<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Viscerous a Interior Category Flat Bootstrap Responsive Website Template | Short Codes :: w3layouts</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="Viscerous 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>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.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>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200' 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 -->
</head>
<body>
<!-- banner1 -->
<div class="banner1 w3agile">
<div class="container">
<div class="banner-main">
<div class="banner-main1">
<div class="logo">
<h1><a href="index.html">Viscerous</a></h1>
</div>
<div class="header-right">
<div class="shy-menu">
<a class="shy-menu-hamburger">
<span class="layer top"></span>
<span class="layer mid"></span>
<span class="layer btm"></span>
</a>
<div class="shy-menu-panel">
<nav class="menu menu--horatio">
<ul class="menu__list">
<li class="menu__item"><a href="index.html" class="menu__link"><i class="glyphicon glyphicon-home" aria-hidden="true"></i>Home</a></li>
<li class="menu__item"><a href="about.html" class="menu__link"><i class="glyphicon glyphicon-user"> </i>About</a></li>
<li class="menu__item"><a href="services.html" class="menu__link"><i class="glyphicon glyphicon-cog" aria-hidden="true"></i>Services</a></li>
<li class="menu__item"><a href="gallery.html" class="menu__link"><i class="glyphicon glyphicon-picture" aria-hidden="true"></i>Gallery</a></li>
<li class="menu__item menu__item--current"><a href="codes.html" class="menu__link"><i class="glyphicon glyphicon-list-alt"> </i>Short Codes</a></li>
<li class="menu__item"><a href="contact.html" class="menu__link"><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>Contact</a></li>
</ul>
</nav>
</div>
<div class="clearfix"> </div>
</div>
<div class="menu open">
<a class="hamburger">
<span class="layer top"></span>
<span class="layer mid"></span>
<span class="layer btm"></span>
</a>
</div>
<script>
$(function() {
initDropDowns($("div.shy-menu"));
});
function initDropDowns(allMenus) {
allMenus.children(".shy-menu-hamburger").on("click", function() {
var thisTrigger = jQuery(this),
thisMenu = thisTrigger.parent(),
thisPanel = thisTrigger.next();
if (thisMenu.hasClass("is-open")) {
thisMenu.removeClass("is-open");
} else {
allMenus.removeClass("is-open");
thisMenu.addClass("is-open");
thisPanel.on("click", function(e) {
e.stopPropagation();
});
}
return false;
});
}
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- /banner1 -->
<div class="container">
<div class="page agile-1">
<div class="ser-top ser-top-c">
<h2 class="tittle">Short Codes</h2>
<div class="ser-t">
<b></b>
<span><i></i></span>
<b class="line"></b>
</div>
</div>
<!--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 wthree-7">
<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 bt
网站模板-设计工作室展示响应式网站模板-适配移动端界面-HTML源码.zip
版权申诉
36 浏览量
2024-03-24
15:03:07
上传
评论
收藏 2.27MB ZIP 举报
网站模板-设计工作室展示响应式网站模板-适配移动端界面-HTML源码.zip （58个子文件） 
网站模板-设计工作室展示响应式网站模板-适配移动端界面-HTML源码 html 
codes.html 25KB js 
bootstrap.js 66KB modernizr.custom.97074.js 8KB jquery.chocolat.js 10KB jquery.flexslider.js 40KB bars.js 2KB jquery.hoverdir.js 5KB easing.js 5KB move-top.js 1KB wow.min.js 5KB jquery-2.1.4.min.js 82KB css style.css 42KB flexslider.css 5KB bootstrap.css 138KB chocolat.css 2KB animate.min.css 68KB services.html 11KB index.html 21KB contact.html 9KB about.html 11KB images 
g3.jpg 66KB
plus.png 3KB g2.jpg 98KB 2.jpg 65KB w2.jpg 33KB s1.jpg 23KB s2.jpg 39KB arrow.png 3KB g8.jpg 86KB banner.jpg 206KB 1.jpg 286KB t3.jpg 13KB w4.jpg 32KB img-sp.png 6KB a3.jpg 229KB g7.jpg 109KB left.png 3KB g6.jpg 108KB t1.jpg 13KB w3.jpg 30KB
icons.svg 1KB t4.jpg 32KB g5.jpg 72KB img-sprite.png 4KB close.png 1KB t2.jpg 37KB right.png 3KB a4.jpg 318KB g4.jpg 69KB g1.jpg 118KB w1.jpg 29KB g9.jpg 132KB 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 9KB资源评论
DTcode7
- 粉丝: 4614
- 资源: 4100
