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

共44个文件

jpg：19个

css：13个

html：6个

网站模板

前端源码

65 浏览量 2023-08-04 13:04:22 上传评论收藏 599KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H816_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （44个子文件）

H816

twocolumn1.html 5KB

twocolumn2.html 5KB

threecolumn.html 6KB

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

style-desktop.css 4KB

style-mobile.css 4KB

images

img01.jpg 8KB

img08.jpg 2KB

img03.jpg 3KB

img07.jpg 13KB

img05.jpg 8KB

img02.jpg 8KB

img17.jpg 94KB

img04.png 2KB

img18.png 2KB

img17.png 2KB

index.html 8KB

onecolumn.html 7KB

images

img20.jpg 16KB

img21.jpg 17KB

img13.jpg 14KB

img10.jpg 17KB

img11.jpg 16KB

img15.jpg 22KB

img16.jpg 24KB

onecolumn.html 7KB

img14.jpg 10KB

img06.jpg 91KB

img19.jpg 77KB

img12.jpg 89KB

img09.jpg 21KB

<!DOCTYPE HTML> <html> <head> <title>Altitude 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&mobileUI.openerWidth=52"></script>  </head><body> <div id="wrapper"> <div id="header-wrapper"> <header id="header"> <div class="5grid-layout"> <div id="menu"> <nav class="mobileUI-site-nav"> <ul> <li class="active"><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> <div id="logo-wrapper"> <div class="5grid-layout" id="logo" > <div class="row"> <div class="12u">  <div> <h1><a href="#" class="mobileUI-site-name">Altitude</a><span class="tagline"> collect from 即刻工作室</span></h1> </div> </div> </div> </div> </div> </header> </div> <div class="5grid-layout"> <div class="row"> <div class="12u"> <div id="banner"> <div class="image-box"><a href="#"><img src="images/img06.jpg" alt=""></a> <div class="caption"> <span>Phasellus Etiam Consequat Lorem Ipsum Etiam Veroeros</span> <a href="#" class="button">Amet Consequat</a> </div> </div> </div> <div class="shadow"><a href="#"><img src="css/images/img07.jpg" width="1200" height="50" alt=""></a></div> </div> </div> </div> <div class="divider"></div> <div id="featured-content-wrapper"> <div class="12u" id="feature-content"> <div class="5grid-layout"> <div class="row"> <div class="3u"> <section class="first"> <h2>Blandit Veroeros Consequat</h2> <p>Morbi id urna ut massa vestibulum tempor. faucibus eget nibh. Pellentesque ultricies felis quis est auctor ut dictum sapien adipiscing. Quisque eget tempus nunc. Curabitur venenaSed et gravida diam. Proin adipiscing nisi ac libero fringilla tincidunt consequat sed amet lorem ipsum dolor.</p> <p><a href="#" class="button">Amet Consequat</a></p> </section> </div> <div class="3u"> <section> <h2>Blandit Veroeros Consequat</h2> <p>Mauris posuere eros vel metus laoreet auctor. In sodales tincidunt volutpat. Nunc pulvinar massa id risus porta hendrerit. Nunc nec nibh velit, sit amet consectetur neque dolor.</p> <p><a href="#"><img src="images/img09.jpg" alt=""></a></p> </section> </div> <div class="3u"> <section> <h2>Blandit Veroeros Consequat</h2> <p>Mauris posuere eros vel metus laoreet auctor. In sodales tincidunt volutpat. Nunc pulvinar massa id risus porta hendrerit. Nunc nec nibh velit, sit amet consectetur neque dolor.</p> <p><a href="#"><img src="images/img10.jpg" alt=""></a></p> </section> </div> <div class="3u"> <section class="last"> <h2>Blandit Veroeros Consequat</h2> <p>Mauris posuere eros vel metus laoreet auctor. In sodales tincidunt volutpat. Nunc pulvinar massa id risus porta hendrerit. Nunc nec nibh velit, sit amet consectetur neque dolor.</p> <p><a href="#"><img src="images/img11.jpg" alt=""></a></p> </section> </div> </div> </div> </div> </div> <div id="page-wrapper"> <div class="divider"></div> <div class="12u"> <div class="5grid-layout" id="page"> <div class="row"> <div class="7u"> <section> <div class="post"> <h2 class="title">Blandit Veroeros Consequat</h2> <p class="subtitle">Erat diam dui quis neque suspendisse potenti lorem</p> <p>Welcome to <strong>Altitude</strong>, a free responsive HTML5 website template designed by <a href="http//shop109193845.taobao.com" title="即刻工作室">即刻工作室</a>. It features a simple color scheme, a large banner area, and featured spots, making it a great design for a blog-type site. 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> <div class="image-style"><a href="#"><img src="images/img12.jpg" alt=""></a></div> <p><a href="#" class="button">Continue Reading</a></p> <div class="border-bg"> </div> </div> <div class="post"> <h2 class="title">Blandit Veroeros Consequat</h2> <p class="subtitle">Erat diam dui quis neque suspendisse potenti lorem</p> <p>Mauris posuere eros vel metus laoreet auctor. In sodales tincidunt volutpat. Nunc pulvinar massa id risus porta hendrerit. Nunc nec nibh velit, sit amet consectetur neque. Ut et erat non eros imperdiet bibendum. Donec sit amet diam dui. Ut quis neque diam, sit amet sollicitudin magna. Aenean eu suscipit tellus. Suspendisse potenti. Nullam gravida nisl auctor tortor viverra adipiscing aenean et velit vel felis iaculis semper vitae quis erat.</p> <div class="image-style"><a href="#"><img src="images/img19.jpg" alt=""></a></div> <p><a href="#" class="button">Continue Reading</a></p> </div> </section> </div> <div class="1u"> </div> <div class="2u" id="sidebar1"> <section> <div> <a href="#"><img src="images/img13.jpg" alt=""></a> <h2>Sed Amet Phasellus</h2> <p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p> </div> <div> <p><a href="#"><img src="images/img14.jpg" alt=""></a></p> <h2>Sed Amet Phasellus</h2> <p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p> </div> <div> <p><a href="#"><img src="images/img21.jpg" alt=""></a></p> <h2>Sed Amet Phasellus</h2> <p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p> </div> </section> </div> <div class="2u"> <section id="sidebar2"> <div> <a href="#"><img src="images/img15.jpg" alt=""></a> <h2>Sed Amet Phasellus</h2> <p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p> </div> <div> <p><a href="#"><img src="images/img16.jpg" alt=""></a></p> <h2>Sed Amet Phasellus</h2> <p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p> </div> <div> <p><a href="#"><img src="images/img20.jpg" alt=""></a></p> <h2>Sed Ame

评论收藏

内容反馈