灰色蓝天白云博客html5模板_灰色宽屏高斯模糊大气html5纯色简洁响应式博客整站.rar资源-CSDN文库

共44个文件

jpg：19个

css：13个

html：6个

版权申诉

53 浏览量 2023-04-27 15:05:15 上传评论收藏 606KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

灰色蓝天白云博客html5模板_灰色宽屏高斯模糊大气 html5 纯色简洁响应式博客整站.rar （44个子文件）

灰色蓝天白云博客html5模板_灰色宽屏高斯模糊大气 html5 纯色简洁响应式博客整站

html5_altitude

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

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 www.moobnn.com</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 www.moobnn.com</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://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</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="#"><im

评论收藏

内容反馈

版权申诉