【免费】灰棕背景_HTML手机电脑网站_网页源码移动端前端js效果_H5模板

共37个文件

css：17个

jpg：6个

png：5个

网站模板

需积分: 0 182 浏览量 2023-08-03 11:29:02 上传评论收藏 621KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

灰棕背景_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （37个子文件）

灰棕背景

left-sidebar.html 14KB

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

<!DOCTYPE HTML>  <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>    </head> <body>  <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>   <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>   <div id="main-wrapper"> <div id="main" class="5grid-layout"> <div class="row"> <div class="9u mobileUI-main-content"> <div class="content content-left">  <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>  </div> </div> <div class="3u"> <div class="sidebar">   <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<

评论收藏

内容反馈