H921国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板

共39个文件

jpg：14个

css：13个

html：5个

网站模板

前端源码

48 浏览量 2023-08-04 09:05:03 上传评论收藏 265KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H921国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （39个子文件）

H921

twocolumn1.html 7KB

twocolumn2.html 7KB

threecolumn.html 8KB

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 485B

style-desktop.css 3KB

style-mobile.css 3KB

images

img01.png 17KB

img03.png 55KB

img04.jpg 1KB

img05.jpg 320B

spacer.gif 43B

img06.jpg 430B

img02.png 23KB

index.html 9KB

onecolumn.html 7KB

images

pics08.jpg 3KB

pics09.jpg 4KB

pics07.jpg 3KB

pics13.jpg 12KB

pics11.jpg 15KB

pics12.jpg 7KB

pics05.jpg 3KB

pics01.jpg 21KB

pics02.jpg 34KB

pics06.jpg 2KB

pics10.jpg 5KB

<!DOCTYPE HTML>  <html> <head> <title>Monochromed 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> <div id="header-wrapper"> <header id="header" class="5grid-layout"> <div class="row"> <div class="12u" id="logo">  <h1><a href="#" class="mobileUI-site-name">Monochromed</a></h1> <p>collect from 即刻工作室</p> </div> </div> <div class="row"> <div class="12u" id="menu"> <nav class="mobileUI-site-nav"> <ul> <li class="first"><a href="index.html">Homepage</a></li> <li><a href="threecolumn.html">Three Column</a></li> <li><a href="twocolumn1.html">Two Column #1</a></li> <li><a href="twocolumn2.html">Two Column #2</a></li> <li><a href="onecolumn.html">One Column</a></li> </ul> </nav> </div> </div> </header> </div> <div id="page-wrapper"> <div class="5grid-layout"> <div id="feature-content"> <section> <h2>Gravida nibh quis urna</h2> </section> <div class="row"> <div class="12u"> <div class="row"> <div class="3u"> <section> <div class="image-style1"><a href="#"><img src="images/pics01.jpg" alt=""></a></div> <p>Pellentesque viverra enim.Tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum.</p> <p class="button-style"><a href="#">Read Full Details</a></p> </section> </div> <div class="3u"> <section> <div class="image-style1"><a href="#"><img src="images/pics11.jpg" alt=""></a></div> <p>Pellentesque viverra enim.Tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum.</p> <p class="button-style"><a href="#">Read Full Details</a></p> </section> </div> <div class="3u"> <section> <div class="image-style1"><a href="#"><img src="images/pics12.jpg" alt=""></a></div> <p>Pellentesque viverra enim.Tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum.</p> <p class="button-style"><a href="#">Read Full Details</a></p> </section> </div> <div class="3u"> <section> <div class="image-style1"><a href="#"><img src="images/pics13.jpg" alt=""></a></div> <p>Pellentesque viverra enim.Tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum.</p> <p class="button-style"><a href="#">Read Full Details</a></p> </section> </div> </div> </div> </div> </div> <div id="page"> <div class="row"> <div class="12u"> <div class="row"> <div class="8u"> <section id="content"> <h2>Integer gravida nibh quis urna</h2> <p class="subtitle">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</p> <p><a href="#"><img src="images/pics02.jpg" alt=""></a></p> <p>Welcome to<strong> Monochromed</strong>, a free responsive HTML5 website template designed by <a href="http//shop109193845.taobao.com" title="即刻工作室">即刻工作室</a>. It features a pretty simple combination of color which gives the template an elegant look, 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 class="button-style2"><a href="#">Read Full Article</a></p> </section> </div> <div class="4u"> <section id="sidebar"> <h2>Gravida nibh quis urna</h2> <p class="subtitle">praesent a lacus at urna congue rutrum</p> <p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Maecenas luctus lectus at sapien. Consectetuer adipiscing elit. Nam pede erat.</p> <ul class="list-style2"> <li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li> <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li> <li><a href="#">Phasellus nec erat sit amet nibh pellentesque congue.</a></li> <li><a href="#">Cras vitae metus aliquam risus pellentesque pharetra.</a></li> <li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li> <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li> </ul> </section> </div> </div> </div> </div> </div> </div> </div> <div id="footer-wrapper"> <div id="footer-content" class="5grid-layout"> <div class="row"> <div class="3u"> <section> <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> </ul> </section> </div> <div class="3u"> <section> <ul class="list-style1"> <li class="first"><img src="images/pics08.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> <li><img src="images/pics10.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> </section> </div> <div class="6u"> <section> <h2>Aenean elementum facilisis ligula</h2> <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.</p> <ul class="list-style3"> <li><a href="#"

评论收藏

内容反馈