<!DOCTYPE HTML>
<!--
TXT 1.0 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 - TXT 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=Open+Sans:400,700|Open+Sans+Condensed:700" rel="stylesheet" />
<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&mobileUI.titleBarOverlaid=1"></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>
<!-- Header -->
<header id="header">
<div class="logo">
<div>
<h1><a href="#" class="mobileUI-site-name">TXT</a></h1>
<span class="byline">A responsive site template by HTML5 Up!</span>
</div>
</div>
</header>
<!-- /Header -->
<!-- Nav -->
<nav id="nav" class="mobileUI-site-nav">
<ul>
<li><a href="index.html">Home</a></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>
<!-- /Nav -->
<!-- Main -->
<div id="main-wrapper">
<div id="main" class="5grid-layout">
<div class="row">
<div class="9u mobileUI-main-content">
<div class="content content-left">
<!-- Content -->
<article class="is-page-content">
<header>
<h2>Right Sidebar</h2>
<span class="byline">Semper amet scelerisque metus faucibus morbi congue mattis</span>
<ul class="meta">
<li class="timestamp">5 days ago</li>
<li class="comments"><a href="#">1,024</a></li>
</ul>
</header>
<section>
<span class="image image-full"><img src="images/pic05.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>
</section>
<section>
<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
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.
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.
Maecenas tortor mauris, consectetur pellentesque dapibus eget, tincidunt vitae arcu.
Vestibulum purus augue, tincidunt sit amet iaculis id, porta eu purus.
</p>
</section>
<section>
<h3>So in conclusion ...</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.
</p>
<p>
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>
</section>
</article>
<!-- /Content -->
</div>
</div>
<div class="3u">
<div class="sidebar">
<!-- Sidebar -->
<!-- Recent Posts -->
<section>
<h2 class="major"><span>Recent Posts</span></h2>
<ul class="style2">
<li>
<article class="is-post-summary">
<h3><a href="#">Where are the graphics?</a></h3>
<ul class="meta">
<li class="timestamp">6 hours ago</li>
<li class="comments"><a href="#">34</a></li>
</ul>
</article>
</li>
<li>
<article class="is-post-summary">
<h3><a href="#">What achievements are there</a></h3>
<ul class="meta">
<li class="timestamp">9 hours ago</li>
<li class="comments"><a href="#">27</a></li>
</ul>
</article>
</li>
<li>
<article class="is-post-summary">
<h3><a href="#">Can I play w/a controller</a></h3>
<ul class="meta">
<li class="timestamp">Yesterday<
灰棕背景_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
需积分: 0 177 浏览量
2023-08-02
17:02:30
上传
评论
收藏 621KB ZIP 举报
灰棕背景_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （37个子文件） 
灰棕背景 
left-sidebar.html 14KB js 
jquery-1.8.3.min.js 91KB css style.css 13KB 5grid mobileUI-flat.css 2KB core.css 6KB core-noscript.css 3KB core-1000px.css 415B mobileUI-modern.css 4KB html5shiv.js 2KB init.js 23KB core-1200px.css 415B core-fluid.css 394B core-mobile.css 1KB mobileUI-beveled.css 4KB core-desktop.css 2KB ie8.css 1KB style-1000px.css 3KB ie7.css 398B ie9.css 479B style-desktop.css 8KB style-mobile.css 8KB images 
overlay.png 157B icons-meta.png 686B icons-contact.png 4KB
mobileUI-site-nav.svg 423B highlight.png 2KB mobileUI-site-nav-opener-bg.svg 404B icons-special.png 4KB index.html 12KB images 
pic05.jpg 106KB banner.jpg 343KB pic02.jpg 22KB pic04.jpg 26KB pic03.jpg 19KB pic01.jpg 22KB right-sidebar.html 14KB no-sidebar.html 10KB资源评论
