<!DOCTYPE html>
<html xmlns="http//www.w3.org/1999/xhtml">
<head>
<title>Piccolo Theme</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- CSS
================================================== -->
<link href='http//fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="./css/bootstrap.css" />
<link rel="stylesheet" href="./css/bootstrap-responsive.css" />
<link rel="stylesheet" href="./css/flexslider.css" />
<link rel="stylesheet" href="./css/custom-styles.css" />
<!--[if lt IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="./css/style-ie.css" />
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="./img/favicon.ico" />
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="./img/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="./img/apple-touch-icon-114x114.png" />
<!-- JS
================================================== -->
<script src="http//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/jquery.flexslider.js"></script>
<script src="./js/jquery.custom.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
slideshow: true,
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div class="color-bar-1"></div>
<div class="color-bar-2 color-bg"></div>
<div class="container main-container">
<div class="row header"><!-- Begin Header -->
<!-- Logo
================================================== -->
<div class="span5 logo">
<a href="./index.htm.html"><img src="./img/piccolo-logo.png" alt="" /></a>
<h5>Big Things... Small Packages</h5>
</div>
<!-- Main Navigation
================================================== -->
<div class="span7 navigation">
<div class="navbar hidden-phone">
<ul class="nav">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="./index.htm.html">Home <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="./index.htm.html">Full Page</a></li>
<li><a href="./index-gallery.htm.html">Gallery Only</a></li>
<li><a href="./index-slider.htm.html">Slider Only</a></li>
</ul>
</li>
<li class="active"><a href="./features.htm.html">Features</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="./page-full-width.htm.html">Pages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="./page-full-width.htm.html">Full Width</a></li>
<li><a href="./page-right-sidebar.htm.html">Right Sidebar</a></li>
<li><a href="./page-left-sidebar.htm.html">Left Sidebar</a></li>
<li><a href="./page-double-sidebar.htm.html">Double Sidebar</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="./gallery-4col.htm.html">Gallery <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="./gallery-3col.htm.html">Gallery 3 Column</a></li>
<li><a href="./gallery-4col.htm.html">Gallery 4 Column</a></li>
<li><a href="./gallery-6col.htm.html">Gallery 6 Column</a></li>
<li><a href="./gallery-4col-circle.htm.html">Gallery 4 Round</a></li>
<li><a href="./gallery-single.htm.html">Gallery Single</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="./blog-style1.htm.html">Blog <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="./blog-style1.htm.html">Blog Style 1</a></li>
<li><a href="./blog-style2.htm.html">Blog Style 2</a></li>
<li><a href="./blog-style3.htm.html">Blog Style 3</a></li>
<li><a href="./blog-style4.htm.html">Blog Style 4</a></li>
<li><a href="./blog-single.htm.html">Blog Single</a></li>
</ul>
</li>
<li><a href="./page-contact.htm.html">Contact</a></li>
</ul>
</div>
<!-- Mobile Nav
================================================== -->
<form action="#" id="mobile-nav" class="visible-phone" />
<div class="mobile-nav-select">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value="" />Navigate...
<option value="index.htm" />Home
<option value="index.htm" />- Full Page
<option value="index-gallery.htm" />- Gallery Only
<option value="index-slider.htm" />- Slider Only
<option value="features.htm" />Features
<option value="page-full-width.htm" />Pages
<option value="page-full-width.htm" />- Full Width
<option value="page-right-sidebar.htm" />- Right Sidebar
<option value="page-left-sidebar.htm" />- Left Sidebar
<option value="page-double-sidebar.htm" />- Double Sidebar
<option value="gallery-4col.htm" />Gallery
<option value="gallery-3col.htm" />- 3 Column
<option value="gallery-4col.htm" />- 4 Column
<option value="gallery-6col.htm" />- 6 Column
<option value="gallery-4col-circle.htm" />- Gallery 4 Col Round
<option value="gallery-single.htm" />- Gallery Single
<option value="blog-style1.htm" />Blog
<option value="blog-style1.htm" />- Blog Style 1
<option value="blog-style2.htm" />- Blog Style 2
<option value="blog-style3.htm" />- Blog Style 3
<option value="blog-style4.htm" />- Blog Style 4
<option value="blog-single.htm" />- Blog Single
<option value="page-contact.htm" />Contact
</select>
</div>
</form>
</div>
</div><!-- End Header -->
<!-- Page Content
================================================== -->
<!-- Title Header -->
<div class="row">
<div class="span12">
<h2>Examples of CSS Elements and jQuery Components</h2>
<p class="lead">Piccolo is a minimal style theme built using Bootstrap. Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. Below are some examples of CSS and typography elements available within Piccolo. For more on Bootstrap, check out <a href="http//twitter.github.com/bootstrap/index.html" target="_blank">the official site</a>.</p>
</div>
<div class="span4">
<h5>3 Column Layout</h5>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
前端静态模板-响应式漫画网站-学生作业毕设实训素材.zip (152个子文件)
bootstrap.css 115KB
prettyPhoto.css 29KB
bootstrap-responsive.css 21KB
custom-styles.css 20KB
flexslider.css 3KB
style-ie.css 2KB
loader.gif 6KB
features.htm.html 45KB
index.html 33KB
index.htm.html 33KB
index-gallery.htm.html 31KB
blog-single.htm.html 27KB
gallery-6col.htm.html 24KB
gallery-4col.htm.html 24KB
gallery-3col.htm.html 24KB
blog-style3.htm.html 23KB
gallery-4col-circle.htm.html 23KB
blog-style2.htm.html 22KB
blog-style1.htm.html 22KB
page-right-sidebar.htm.html 22KB
blog-style4.htm.html 22KB
index-slider.htm.html 21KB
page-double-sidebar.htm.html 20KB
page-full-width.htm.html 17KB
page-left-sidebar.htm.html 16KB
page-contact.htm.html 14KB
gallery-single.htm.html 14KB
favicon.ico 1KB
gallery-img-11-full.jpg 1.09MB
gallery-img-3-full.jpg 833KB
gallery-img-10-full.jpg 774KB
gallery-img-8-full.jpg 672KB
gallery-img-5-full.jpg 631KB
gallery-img-7-full.jpg 406KB
gallery-img-9-full.jpg 362KB
gallery-img-1-full.jpg 361KB
gallery-img-2-full.jpg 294KB
gallery-img-4-full.jpg 269KB
gallery-img-6-full.jpg 136KB
gallery-img-12-full.jpg 103KB
gallery-img-11-4col.jpg 98KB
post-img-1.jpg 88KB
gallery-img-12-4col.jpg 85KB
slider-img-5.jpg 74KB
slider-img-4.jpg 67KB
slider-img-2.jpg 65KB
post-img-2.jpg 62KB
slider-img-3.jpg 59KB
gallery-img-3-3col.jpg 58KB
post-img-3.jpg 57KB
slider-img-1.jpg 48KB
gallery-img-3-4col-cir.jpg 37KB
gallery-img-3-4col.jpg 34KB
gallery-img-7-3col.jpg 33KB
location-map.jpg 32KB
gallery-img-5-3col.jpg 31KB
gallery-img-10-3col.jpg 31KB
gallery-img-2-3col.jpg 29KB
gallery-img-12-3col.jpg 28KB
gallery-img-8-3col.jpg 28KB
gallery-img-1-3col.jpg 28KB
blog-med-img-1.jpg 26KB
gallery-img-11-3col.jpg 26KB
gallery-img-9-3col.jpg 24KB
gallery-img-7-4col-cir.jpg 22KB
blog-med-img-3.jpg 22KB
gallery-img-5-4col-cir.jpg 21KB
blog-med-img-2.jpg 21KB
gallery-img-8-4col-cir.jpg 21KB
gallery-img-10-4col-cir.jpg 21KB
gallery-img-1-4col-cir.jpg 20KB
gallery-img-2-4col-cir.jpg 20KB
gallery-img-7-4col.jpg 20KB
gallery-img-12-4col-cir.jpg 19KB
gallery-img-4-4col.jpg 19KB
gallery-img-11-4col-cir.jpg 19KB
gallery-img-2-4col.jpg 18KB
gallery-img-8-4col.jpg 18KB
gallery-img-10-4col.jpg 18KB
gallery-img-4-3col.jpg 18KB
gallery-img-1-4col.jpg 18KB
gallery-img-5-4col.jpg 17KB
gallery-img-9-4col.jpg 15KB
gallery-img-9-4col-cir.jpg 14KB
gallery-img-3-6col.jpg 13KB
gallery-img-14-6col.jpg 10KB
gallery-img-7-6col.jpg 10KB
gallery-img-2-6col.jpg 10KB
gallery-img-6-3col.jpg 10KB
gallery-img-6-4col-cir.jpg 10KB
gallery-img-6-4col.jpg 9KB
gallery-img-8-6col.jpg 9KB
gallery-img-13-6col.jpg 9KB
gallery-img-1-6col.jpg 8KB
gallery-img-5-6col.jpg 8KB
gallery-img-9-6col.jpg 8KB
gallery-img-11-6col.jpg 8KB
gallery-img-10-6col.jpg 8KB
gallery-img-12-6col.jpg 7KB
gallery-img-4-4col-cir.jpg 6KB
共 152 条
- 1
- 2
资源评论
- m0_529306662023-08-04实在是宝藏资源、宝藏分享者!感谢大佬~
- kinggibo2023-10-31发现一个宝藏资源,资源有很高的参考价值,赶紧学起来~
- Achunr2022-05-07用户下载后在一定时间内未进行评价,系统默认好评。
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Typescript和PHP的编程知识储备库设计源码 - study-php
- Screenshot_2024-05-28-11-40-58-177_com.tencent.mm.jpg
- 基于Dart的Flutter小提琴调音器APP设计源码 - violinhelper
- 基于JavaScript和CSS的随寻订购网页设计源码 - web-order
- 基于MATLAB的声纹识别系统设计源码 - VoiceprintRecognition
- 基于Java的微服务插件集合设计源码 - wsy-plugins
- 基于Vue和微信小程序的监理日志系统设计源码 - supervisionLog
- 基于Java和LCN分布式事务框架的设计源码 - tx-lcn
- 基于Java和JavaScript的茶叶评级管理系统设计源码 - tea
- IMG_5680.JPG
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功