<!DOCTYPE HTML>
<!--
ZeroFour 1.0
-->
<html>
<head>
<title>Right Sidebar - ZeroFour </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=Open+Sans:400,300,700,800" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>
<script src="js/jquery.dropotron-1.2.js"></script>
<script src="js/init.js"></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" />
</noscript>
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="right-sidebar">
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="5grid-layout">
<div class="row">
<div class="12u">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<h1><a href="#" class="mobileUI-site-name">ZeroFour</a></h1>
<!-- Nav -->
<nav id="nav" class="mobileUI-site-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="" class="arrow">Dropdown</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li>
<span class="arrow">Phasellus consequat</span>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Phasellus consequat</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li class="current_page_item"><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>
</div>
</div>
<!-- Main Wrapper -->
<div id="main-wrapper">
<div class="main-wrapper-style2">
<div class="inner">
<div class="5grid-layout">
<div class="row">
<div class="8u">
<div id="content mobileUI-main-content">
<!-- Content -->
<article>
<header class="major">
<h2>Right Sidebar</h2>
<span class="byline">Which means the sidebar is on the right</span>
</header>
<span class="image image-full"><img src="images/pic08.jpg" alt="" /></span>
<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus.
Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat.
Aliquam luctus et mattis lectus sit amet pulvinar. Nam turpis nisi
consequat etiam lorem ipsum dolor sit amet nullam.</p>
<h3>More intriguing information</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac quam risus, at tempus
justo. Sed dictum rutrum massa eu volutpat. Quisque vitae hendrerit sem. Pellentesque lorem felis,
ultricies a bibendum id, bibendum sit amet nisl. Mauris et lorem quam. Maecenas rutrum imperdiet
vulputate. Nulla quis nibh ipsum, sed egestas justo. Morbi ut ante mattis orci convallis tempor.
Etiam a lacus a lacus pharetra porttitor quis accumsan odio. Sed vel euismod nisi. Etiam convallis
rhoncus dui quis euismod. Maecenas lorem tellus, congue et condimentum ac, ullamcorper non sapien.
Donec sagittis massa et leo semper a scelerisque metus faucibus. Morbi congue mattis mi.
Phasellus sed nisl vitae risus tristique volutpat. Cras rutrum commodo luctus.</p>
<p>Phasellus odio risus, faucibus et viverra vitae, eleifend ac purus. Praesent mattis, enim
quis hendrerit porttitor, sapien tortor viverra magna, sit amet rhoncus nisl lacus nec arcu.
Suspendisse laoreet metus ut metus imperdiet interdum aliquam justo tincidunt. Mauris dolor urna,
fringilla vel malesuada ac, dignissim eu mi. Praesent mollis massa ac nulla pretium pretium.
Maecenas tortor mauris, consectetur pellentesque dapibus eget, tincidunt vitae arcu.
Vestibulum purus augue, tincidunt sit amet iaculis id, porta eu purus.</p>
</article>
</div>
</div>
<div class="4u">
<div id="sidebar">
<!-- Sidebar -->
<section>
<header class="major">
<h2>Subheading</h2>
</header>
<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus.
Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat.
Aliquam luctus et mattis lectus sit amet pulvinar. Nam turpis nisi
consequat etiam.</p>
<footer>
<a href="#" class="button button-icon button-icon-info">Find out more</a>
</footer>
</section>
<section>
<header class="major">
<h2>Subheading</h2>
</header>
<ul class="style2">
<li><a href="#">Amet turpis, feugiat et sit amet</a></li>
<li><a href="#">Ornare in hendrerit in lectus</a></li>
<li><a href="#">Semper mod quis eget mi dolore</a></li>
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
<li><a href="#">Semper mod quisturpis nisi</a></li>
<li><a href="#">Consequat etiam lorem phasellus</a></li>
<li><a href="#">Amet turpis, feugiat et sit amet</a></li>
<li><a href="#">Semper mod quisturpis nisi</a></li>
</ul>
<footer>
<a href="#" class="button button-icon button-icon-rarrow">Do Something</a>
</footer>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="main-wrapper-style3">
<div class="inner">
<div class="5grid-layout">
<div class="row">
<div class="8u">
<!-- Article list -->
<section class="box-article-list">
<h2 class="icon icon-news">From the blog</h2>
<!-- Excerpt -->
<article class="box-excerpt">
<a href="#" class="image image-left"><img src="images/pic04.jpg" alt="" /></a>
<div>
<header>
<span class="date">December 20, 2012</span>
<h3><a href="#">On the eve of the Mayanocalypse</a></h3>
</header>
<p>Phasellus quam turpis, feugiat sit amet ornare in, hend
高斯模糊背景质感摄影网站html5模板-html5 css3 ui 按钮 大气
版权申诉
95 浏览量
2022-11-09
09:52:27
上传
评论
收藏 646KB RAR 举报
高斯模糊背景质感摄影网站html5模板_蓝色 背景 摄影 图片 展示 画廊 html5 css3 企业 ui 按钮 大气 宽屏 整站 精品.rar （50个子文件） 
高斯模糊背景质感摄影网站html5模板_蓝色 背景 摄影 图片 展示 画廊 html5 css3 企业 ui 按钮 大气 宽屏 整站 精品 html5-zerofour css images 
footer-wrapper.svg 427B
bg03.png 5KB button-hover.svg 425B button-active.svg 425B
bg02.jpg 4KB mobileUI-site-nav-opener-bg.svg 545B icons.png 6KB header-inner.svg 429B button-alt.svg 425B bg01.jpg 8KB button.svg 425B button-alt-active.svg 425B bg04.png 1KB button-alt-hover.svg 425B
style-1000px.css 2KB 5grid jquery.js 91KB core-desktop.css 2KB mobileUI-modern.css 4KB html5shiv.js 2KB mobileUI-flat.css 2KB core-noscript.css 3KB core-1200px.css 415B core-1000px.css 415B mobileUI-beveled.css 4KB init.js 23KB core-mobile.css 1KB core.css 6KB core-fluid.css 394B style-desktop.css 6KB style-mobile.css 6KB ie7.css 343B ie9.css 2KB ie8.css 1KB style.css 14KB images pic03.jpg 49KB banner.jpg 203KB pic07.jpg 16KB pic01.jpg 32KB pic08.jpg 95KB pic02.jpg 58KB pic05.jpg 22KB pic06.jpg 24KB pic04.jpg 10KB
no-sidebar.html 14KB index.html 15KB js jquery.dropotron-1.2.js 12KB init.js 163B jquery-1.8.3.min.js 91KB right-sidebar.html 15KB left-sidebar.html 15KB资源评论
