<!DOCTYPE html>
<html>
<head>
<title>Short Codes</title>
<!-- 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="Toys Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod 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>
<!-- //Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/styles.css?v=1.6" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/scripts.js?v=1.7"></script>
<!-- //js -->
<!-- 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-->
</head>
<body>
<!-- header -->
<div class="banner about-bnr">
<div class="navigation">
<div class="container-fluid">
<nav class="pull">
<ul class="nav">
<li><a href="index.html"> Home</a></li>
<li><a href="about.html"> About</a></li>
<li><a href="#" class="menu">Portfolio<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a></li>
<ul class="nav-sub">
<li><a href="portfolio.html">Portfolio 1</a></li>
<li><a href="portfolio.html">Portfolio 2</a></li>
<li><a href="portfolio.html">Portfolio 3</a></li>
</ul>
<script>
$( "li a.menu" ).click(function() {
$( "ul.nav-sub" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<li><a href="codes.html" class="active"> Codes</a></li>
<li><a href="contact.html"> Mail us</a></li>
</ul>
</nav>
</div>
</div>
<div class="header-top">
<div class="container">
<div class="head-logo">
<h1><a href="index.html">Toys</a></h1>
</div>
<div class="top-nav">
<div class="hero fa-navicon fa-2x nav_slide_button" id="hero">
<a href="#"><img src="images/menu-icon.png" alt=""></a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//header -->
<!--Shortcodes-page -->
<div class="codes">
<div class="container">
<h3 class="hdng">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 class="hdg" >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="#"><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>
</h5>
<h6>
<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>
</h6>
</div>
<div class="grid_3 grid_5">
<h3 class="hdg" >Progress Bars</h3>
<div class="tab-content">
<div class="tab-pane active" id="domprogress">
<div class="progress">
<div class="progress-bar progress-bar-primary" style="width: 20%"></div>
</div>
<p>Info with <code>progress-bar-info</code> class.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" style="width: 60%"></div>
</div>
<p>Success with <code>progress-bar-success</code> class.</p>
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: 30%"></div>
</div>
<p>Warning with <code>progress-bar
没有合适的资源?快使用搜索试试~ 我知道了~
紫色儿童摄影工作室bootstrap模板- 整站 可爱 少儿 培训 大图.rar
共67个文件
jpg:31个
js:10个
png:9个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 197 浏览量
2022-11-11
21:07:23
上传
评论
收藏 1.35MB RAR 举报
温馨提示
紫色儿童摄影工作室bootstrap模板_粉色 儿童 摄影 工作室 bootstrap 响应式 手机 紫色 整站 可爱 少儿 培训 大图.rar
资源推荐
资源详情
资源评论
收起资源包目录
紫色儿童摄影工作室bootstrap模板_粉色 儿童 摄影 工作室 bootstrap 响应式 手机 紫色 整站 可爱 少儿 培训 大图.rar (67个子文件)
紫色儿童摄影工作室bootstrap模板_粉色 儿童 摄影 工作室 bootstrap 响应式 手机 紫色 整站 可爱 少儿 培训 大图
cpts_396_pf
css
bootstrap.css 138KB
styles.css 19KB
common.css 4KB
chocolat.css 2KB
style.css 31KB
images
img18.jpg 32KB
baner.jpg 206KB
img9.jpg 30KB
img1.jpg 23KB
img14.jpg 56KB
img17.jpg 21KB
img10.jpg 6KB
img2.jpg 12KB
img16.png 285KB
img20.jpg 38KB
f4.jpg 18KB
right.png 3KB
img22.jpg 42KB
f6.jpg 18KB
slid.jpg 21KB
img4.jpg 8KB
img21.jpg 20KB
icons.png 3KB
img13.jpg 5KB
close.png 295B
menu-icon.png 3KB
img19.jpg 37KB
f1.jpg 2KB
img8.jpg 11KB
f3.jpg 17KB
slid1.jpg 18KB
icon1.png 3KB
move-up.png 3KB
img11.jpg 8KB
img7.jpg 10KB
img16.jpg 24KB
left.png 3KB
img12.jpg 5KB
f2.jpg 15KB
img5.jpg 9KB
img3.jpg 26KB
sprite.png 4KB
f5.jpg 16KB
img6.jpg 10KB
img15.jpg 29KB
fonts
glyphicons-halflings-regular.woff 23KB
Roboto-Regular.ttf 159KB
glyphicons-halflings-regular.woff2 18KB
MedulaOne-Regular.ttf 33KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB
index.html 12KB
js
move-top.js 1KB
easing.js 5KB
scripts.js 134B
jquery-1.11.1.min.js 94KB
jquery.hoverdir.js 5KB
jquery.chocolat.js 10KB
modernizr.custom.97074.js 8KB
responsiveslides.min.js 3KB
bootstrap.js 66KB
jquery.flexisel.js 8KB
portfolio.html 10KB
about.html 13KB
codes.html 31KB
contact.html 9KB
共 67 条
- 1
资源评论
reg183
- 粉丝: 1817
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功