<!DOCTYPE HTML>
<html>
<head>
<title>Right Sidebar</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,900" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" />
<![endif]-->
</head>
<body class="right-sidebar">
<!-- Header Wrapper -->
<div id="header-wrapper" class="wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Header -->
<div id="header">
<!-- Logo -->
<div id="logo">
<h1><a href="#">Escape Velocity</a></h1>
<span class="byline">A free responsive site template by HTML5 UP</span>
</div>
<!-- /Logo -->
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<span>Dropdown</span>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Magna veroeros</a></li>
<li><a href="#">Etiam nisl</a></li>
<li>
<span>Sed consequat</span>
<ul>
<li><a href="#">Lorem dolor</a></li>
<li><a href="#">Amet consequat</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam nisl</a></li>
<li><a href="#">Sed feugiat</a></li>
</ul>
</li>
<li><a href="#">Nisl tempus</a></li>
</ul>
</li>
<li class="current_page_item"><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
<!-- /Nav -->
</div>
<!-- /Header -->
</div>
</div>
</div>
</div>
<!-- /Header Wrapper -->
<!-- Main Wrapper -->
<div class="wrapper wrapper-style2">
<div class="title">Right Sidebar</div>
<div class="container">
<div class="row">
<div class="12u">
<!-- Main -->
<div id="main">
<div>
<div class="row">
<div class="8u skel-cell-mainContent">
<!-- Content -->
<div id="content">
<article class="is is-post">
<header class="style1">
<h2>Lorem ipsum dolor sit amet magna egestas morbi bibendum sed malesuada</h2>
<span class="byline">Tempus feugiat veroeros sed nullam dolore</span>
</header>
<a href="http://fav.me/d5pjw3g" class="image image-featured">
<img src="images/pic01.jpg" alt="" />
</a>
<p>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget.
odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
tempus euismod. Vestibulum ante ipsum primis in faucibus.</p>
<p>Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
amet risus elit.</p>
<p>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra
ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel. Praesent nec orci
eget quam rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
tincidunt felis sagittis eget. Donec elementum ligula dignissim sem pulvinar non semper
odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
tempus euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia.</p>
<p>Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
amet risus elit.</p>
</article>
<div>
<div class="row">
<div class="6u">
<section class="is is-pair-one">
<header>
<h2>Magna pulvinar tempus</h2>
</header>
<a href="http://fav.me/d5uvswq" class="image image-full"><img src="images/pic05.jpg" alt="" /></a>
<p>Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
tempus.</p>
<a href="#" class="button button-style1">More</a>
</section>
</div>
<div class="6u">
<section class="is is-pair-two">
<header>
<h2>Magna pulvinar tempus</h2>
</header>
<a href="http://fav.me/d5qdf2o" class="image image-full"><img src="images/pic06.jpg" alt="" /></a>
<p>Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
tempus.</p>
<a href="#" class="button button-style1">More</a>
</section>
</div>
</div>
</div>
</div>
<!-- /Content -->
</div>
<div class="4u">
<!-- Sidebar -->
<div id="sidebar">
<section class="is">
<header>
<h2>Ipsum nullam luctus</h2>
</header>
扁平化设计HTML5网站模板是一款免费的响应式设计HTML5网站模板，并且使用了扁平化设计。_html网站模板_网页源.rar
145 浏览量
2023-08-06
11:49:06
上传
评论
收藏 497KB RAR 举报
扁平化设计HTML5网站模板是一款免费的响应式设计HTML5网站模板，并且使用了扁平化设计。_html网站模板_网页源.rar （40个子文件） 
扁平化设计HTML5网站模板是一款免费的响应式设计HTML5网站模板，并且使用了扁平化设计。 chahua2948 
left-sidebar.html 17KB js 
skel-panels.min.js 14KB jquery.dropotron.js 10KB skel.min.js 16KB html5shiv.js 9KB config.js 4KB jquery.min.js 90KB css style.css 32KB ie8.css 819B style-1000px.css 2KB skel-noscript.css 2KB style-desktop.css 11KB style-mobile.css 9KB images Thumbs.db 5KB
overlay.png 69KB
mobileUI-site-nav-opener-bg.svg 352B shadow.png 490B fonts FontAwesome.otf 48KB fontawesome-webfont.eot 25KB fontawesome-social-webfont.woff 20KB fontawesome-webfont.woff 29KB fontawesome-social-webfont.svg 56KB fontawesome-social-webfont.eot 12KB fontawesome-social-webfont.ttf 12KB fontawesome-webfont.svg 135KB fontawesome-webfont.ttf 54KB index.html 14KB images 
pic10.jpg 2KB pic05.jpg 5KB banner.jpg 84KB pic02.jpg 6KB pic06.jpg 5KB pic04.jpg 7KB pic03.jpg 4KB pic08.jpg 3KB pic01.jpg 32KB pic09.jpg 3KB pic07.jpg 5KB right-sidebar.html 17KB no-sidebar.html 15KB资源评论
