H920_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共45个文件

jpg：22个

css：13个

html：5个

网页源码

网站模板

前端页面

html

35 浏览量 2023-08-02 16:25:15 上传评论收藏 272KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H920_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （45个子文件）

H920

twocolumn1.html 9KB

twocolumn2.html 9KB

threecolumn.html 9KB

css

style.css 3KB

5grid

mobileUI-flat.css 1013B

core.css 6KB

core-noscript.css 3KB

core-1000px.css 415B

html5shiv.js 2KB

init.js 17KB

core-1200px.css 415B

jquery.js 91KB

core-fluid.css 394B

core-mobile.css 1KB

mobileUI-beveled.css 2KB

core-desktop.css 2KB

style-1000px.css 583B

style-desktop.css 4KB

style-mobile.css 4KB

images

header-wrapper-bg.jpg 13KB

link-style1-divider.png 148B

main-wrapper-bg.jpg 6KB

featured-wrapper-bg.jpg 8KB

footer-content-wrapper-bg.jpg 21KB

divider1-bg.png 785B

index.html 10KB

onecolumn.html 8KB

images

pics08.jpg 3KB

pics04.jpg 4KB

pics09.jpg 4KB

pics07.jpg 3KB

pics18.jpg 2KB

pics16.jpg 5KB

pics15.jpg 4KB

pics13.jpg 4KB

pics17.jpg 4KB

pics19.jpg 3KB

pics11.jpg 4KB

pics14.jpg 5KB

pics12.jpg 4KB

pics05.jpg 26KB

pics01.jpg 33KB

pics06.jpg 24KB

pics03.jpg 25KB

pics10.jpg 5KB

<!DOCTYPE HTML>  <html> <head> <title>Imagination collect from 即刻工作室</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <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> <script src="css/5grid/jquery.js"></script> <script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>  </head><body class="homepage"> <div id="header-wrapper"> <header id="header" class="5grid-layout"> <div class="row"> <div class="12u">  <h1><a href="#" class="mobileUI-site-name">Imagination</a></h1>  <nav class="mobileUI-site-nav"> <a href="index.html" class="active">Homepage</a> <a href="threecolumn.html">Three Column</a> <a href="twocolumn1.html">Two Column #1</a> <a href="twocolumn2.html">Two Column #2</a> <a href="onecolumn.html">One Column</a> </nav> </div> </div> </header> <div class="12u"> <div class="5grid-layout" id="splash"> <div class="row"> <div class="7u"> <section> <h2>Maecenas luctus consequat</h2> <p class="welcome">Welcome to<strong> Imagination</strong>, a free responsive HTML5 website template designed by <a href="http//shop109193845.taobao.com" title="即刻工作室">即刻工作室</a>. It features a soft and delicate shade with a spacious content area, and a page welcome area, making it a great design for a corporate/portfolio type of website. And like all of our templates, it is built on HTML5 and CSS3, has full responsive support for desktops, tablets, and mobile devices, and is 100% free to use personally or commercially under the Creative Commons license. Be sure to check out our website for more awesome free HTML5 templates and follow us on Twitter for updates and new releases! Enjoy!</p> <p><a href="#" class="button">Learn more</a></p> </section> </div> <div class="5u"> <section class="image-style1"><a href="#"><img src="images/pics01.jpg" alt=""></a></section> </div> </div> </div> </div> </div> <div id="page-wrapper"> <div id="page" class="5grid-layout"> <div class="row"> <div class="3u"> <h2>Praesent mattis condimentum </h2> <ul class="list-style1"> <li class="first"><img src="images/pics05.jpg" width="78" height="78" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </li> <li><img src="images/pics06.jpg" width="78" height="78" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </li> <li><img src="images/pics07.jpg" width="78" height="78" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </li> <li><img src="images/pics09.jpg" width="78" height="78" alt=""> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </li> </ul> </div> <div class="3u"> <h2>Maecenas luctus lectus at sapien</h2> <ul class="list-style1"> <li class="first"> <p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. </p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </li> <li> <p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor .</p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </li> <li> <p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </li> <li> <p>Suspendisse sit amet tellus in eros condimentum. Vestibulum suscipit nulla. </p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </li> </ul> </div> <div class="6u"> <h2>Aenean elementum facilisis ligula</h2> <ul class="list-style1"> <li class="first"> <div><img src="images/pics10.jpg" width="78" height="78" alt=""> <h2>John Smith</h2> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </div> <blockquote>“Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Donec placerat odio vel elit. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. ”</blockquote> </li> <li> <div><img src="images/pics11.jpg" width="78" height="78" alt=""> <h2>John Smith</h2> <p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p> <p class="posted">August 11, 2002 | (10 ) Comments</p> </div> <blockquote>“Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Donec placerat odio vel elit. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. ”</blockquote> </li> </ul> </div> </div> </div> </div> <div id="feature-wrapper"> <div class="5grid-layout" id="feature-heading"> <h2>Featured Photo Gallery</h2> <p class="subheading">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.</p> </div> <div class="12u"> <div class="5grid-layout" id="feature-content"> <div class="row"> <div class="4u"> <section> <p><a href="#"><img src="images/pics03.jpg" alt=""></a></p> <p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.</p> <p><a href="#" class="button">View Full Details</a></p> </section> </div> <div class="4u"> <section> <p><a href="#"><img src="images/pics05.jpg" alt=""></a></p> <p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.</p> <p><a href="#" class="button">View Full Details</a></p> </section> </div> <div class="4u"> <section> <p><a href="#"><img src="images/pics06.jpg" alt=""></a></p> <p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. </p> <p><a href="#" class="button">View Full Details</a></p> </section> </div> </div> </div> </div> </div> <div id="footer-content-wrapper"> <div class="5grid-layout" id="footer-content"> <div class="row"> <div class="4u"> <section> <h2>Nulla luctus eleifend purus</h2> <ul class="list-style2"> <li><a h

评论收藏

内容反馈