<!DOCTYPE HTML>
<!--
Escape Velocity 2.5 by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Right Sidebar - Escape Velocity by HTML5 UP</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.min.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-important">
<!-- 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
html5pc静态模板 红黑图文列表响应式网页模板 （含响应式）.rar
版权申诉
162 浏览量
2023-03-11
14:12:16
上传
评论
收藏 504KB RAR 举报
html5pc静态模板 红黑图文列表响应式网页模板 （含响应式）.rar （35个子文件） 
html 
left-sidebar.html 17KB js 
jquery.dropotron.min.js 5KB skel-panels.min.js 13KB skel.min.js 20KB html5shiv.js 2KB config.js 4KB jquery.min.js 94KB css style.css 32KB font FontAwesome.otf 62KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 198KB fontawesome-webfont.ttf 79KB ie8.css 819B style-1000px.css 2KB skel-noscript.css 4KB style-desktop.css 11KB style-mobile.css 9KB images 
overlay.png 69KB mobileUI-site-nav-opener-bg.svg 352B shadow.png 490B 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资源评论
