<!DOCTYPE HTML>
<!--
Striped 1.0
-->
<html>
<head>
<title>Striped </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700|Open+Sans+Condensed:300,700" rel="stylesheet" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1200px,1000px&mobileUI=1&mobileUI.theme=none"></script>
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
<link rel="stylesheet" href="css/style-1200px.css" />
</noscript>
</head>
<!--
Note: Set the body element's class to "left-sidebar" to position the sidebar on the left.
Set it to "right-sidebar" to, you guessed it, position it on the right.
-->
<body class="left-sidebar">
<!-- Wrapper -->
<div id="wrapper">
<!-- Content -->
<div id="content" class="mobileUI-main-content">
<div id="content-inner">
<!-- Post -->
<article class="is-post is-post-excerpt">
<header>
<!--
Note: Titles and bylines will wrap automatically when necessary, so don't worry
if they get too long. You can also remove the "byline" span entirely if you don't
need a byline.
-->
<h2><a href="#">Welcome to Striped</a></h2>
<span class="byline">A free, fully responsive HTML5 site template by AJ for HTML5 Up!</span>
</header>
<div class="info">
<!--
Note: The date should be formatted exactly as it's shown below. In particular, the
"least significant" characters of the month should be encapsulated in a <span>
element to denote what gets dropped in 1200px mode (eg. the "uary" in "January").
Oh, and if you don't need a date for a particular page or post you can simply delete
the entire "date" element.
-->
<span class="date"><span class="month">Jan<span>uary</span></span> <span class="day">14</span><span class="year">, 2013</span></span>
<!--
Note: You can change the number of list items in "stats" to whatever you want.
-->
<ul class="stats">
<li><a href="#" class="link-icon24 link-icon24-1">16</a></li>
<li><a href="#" class="link-icon24 link-icon24-2">32</a></li>
<li><a href="#" class="link-icon24 link-icon24-3">64</a></li>
<li><a href="#" class="link-icon24 link-icon24-4">128</a></li>
</ul>
</div>
<a href="#" class="image image-full"><img src="images/n33-robot-invader.jpg" alt="" /></a>
<p>
<strong>Hello!</strong> You're looking at <a href="#striped/">Striped</a>, a fully responsive HTML5 site template designed by AJ
for <a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> It features a clean, minimalistic design, styling for all basic page elements (including blockquotes, tables and lists), a
repositionable sidebar (left or right), and HTML5/CSS3 code designed for quick and easy customization (see code comments for details).
</p>
<p>
Striped is released for free under the <a href="#">Creative Commons Attribution license</a> so feel free to use it for personal projects
or even commercial ones – just be sure to credit <a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> for the design. If you like what you see here, be sure to check out
<a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> for more cool designs or follow me on <a href="#">Twitter</a> for new releases and updates.
</p>
</article>
<!-- Post -->
<article class="is-post is-post-excerpt">
<header>
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<span class="byline">Feugiat interdum sed commodo ipsum consequat dolor nullam metus</span>
</header>
<div class="info">
<span class="date"><span class="month">Jan<span>uary</span></span> <span class="day">8</span><span class="year">, 2013</span></span>
<ul class="stats">
<li><a href="#" class="link-icon24 link-icon24-1">12</a></li>
<li><a href="#" class="link-icon24 link-icon24-2">24</a></li>
<li><a href="#" class="link-icon24 link-icon24-3">48</a></li>
<li><a href="#" class="link-icon24 link-icon24-4">96</a></li>
</ul>
</div>
<a href="#" class="image image-full"><img src="images/fotogrph-dark-stairwell.jpg" alt="" /></a>
<p>
Quisque vel sapien sit amet tellus elementum ultricies. Nunc vel orci turpis. Donec id malesuada metus.
Nunc nulla velit, fermentum quis interdum quis, tate etiam commodo lorem ipsum dolor sit amet dolore.
Quisque vel sapien sit amet tellus elementum ultricies. Nunc vel orci turpis. Donec id malesuada metus.
Nunc nulla velit, fermentum quis interdum quis, convallis eu sapien. Integer sed ipsum ante.
</p>
</article>
<!-- Pager -->
<div class="pager">
<!--<a href="#" class="button previous">Previous Page</a>-->
<div class="pages">
<a href="#" class="active">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<span>…</span>
<a href="#">20</a>
</div>
<a href="#" class="button next">Next Page</a>
</div>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<!-- Logo -->
<div id="logo">
<h1 class="mobileUI-site-name">STRIPED</h1>
</div>
<!-- Nav -->
<nav id="nav" class="mobileUI-site-nav">
<ul>
<li class="current_page_item"><a href="#">Latest Post</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
<!-- Search -->
<section class="is-search is-first">
<form method="post" action="#">
<input type="text" class="text" name="search" placeholder="Search" />
</form>
</section>
<!-- Text -->
<section class="is-text-style1">
<div class="inner">
<p>
<strong>Striped:</strong> A free and fully responsive HTML5 site
template designed by AJ for <a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>
</p>
</div>
</section>
<!-- Recent Posts -->
<section class="is-recent-posts">
<header>
<h2>Recent Posts</h2>
</header>
<ul>
<li><a href="#">Nothing happened</a></li>
<li><a href="#">My Dearest Cthulhu</a></li>
<li><a href="#">The Meme Meme</a></li>
<li><a href="#">Now Full Cyborg</a></li>
<li><a href="#">Temporal Flux</a></li>
</ul>
</section>
<!-- Recent Comments -->
<section
没有合适的资源?快使用搜索试试~ 我知道了~
暗蓝色亚麻质感UI博客HTML5模板_蓝色单栏左侧博客html5质感品质ui精品宽屏html.rar
共26个文件
css:15个
js:4个
png:3个
需积分: 0 0 下载量 175 浏览量
2023-09-10
11:00:23
上传
评论
收藏 575KB RAR 举报
温馨提示
html
资源推荐
资源详情
资源评论
收起资源包目录
暗蓝色亚麻质感UI博客HTML5模板_蓝色单栏左侧博客html5质感品质ui精品宽屏html.rar (26个子文件)
style.css 13KB
bg2.png 76KB
mobileUI-flat.css 2KB
fotogrph-dark-stairwell.jpg 153KB
jquery-1.8.3.min.js 91KB
n33-robot-invader.jpg 164KB
core.css 6KB
style-1000px.css 2KB
core-noscript.css 3KB
core-1000px.css 415B
style-desktop.css 6KB
mobileUI-modern.css 4KB
style-mobile.css 6KB
bg1.png 94KB
html5shiv.js 2KB
init.js 24KB
mobileUI-site-nav-opener-bg.svg 629B
index.html 11KB
core-1200px.css 415B
jquery.js 90KB
core-fluid.css 394B
sprites.png 1KB
core-mobile.css 1KB
mobileUI-beveled.css 4KB
style-1200px.css 3KB
core-desktop.css 2KB
共 26 条
- 1
资源评论
Q_97095639
- 粉丝: 380
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功