纯色扁平化简洁的摄影博客网站模板下载.zip资源-CSDN文库

共32个文件

png：13个

jpg：10个

js：3个

版权申诉

HTML模版

H5模版

158 浏览量 2024-12-31 10:10:00 上传评论收藏 432KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

纯色扁平化简洁的摄影博客网站模板下载.zip （32个子文件）

h5c3_132_zBrandon

html5.js 2KB

css3-mediaqueries.js 16KB

jquery.min.js 91KB

css

style.css 7KB

responsive.css 802B

zerogrid.css 2KB

index.html 10KB

images

img1[thumb].jpg 5KB

logo.png 6KB

img2.jpg 41KB

img5.jpg 136KB

button-search.png 468B

300x300.jpg 16KB

img5[thumb].jpg 4KB

img4.jpg 55KB

img1.jpg 65KB

50x50.jpg 9KB

favicon.ico 1KB

socials

digg-icon.png 876B

tumblr-icon.png 823B

youtube-icon.png 2KB

pinterest-icon.png 2KB

twitter-icon.png 1KB

skype-icon.png 2KB

linkedin-icon.png 999B

facebook-icon.png 661B

google-plus-icon.png 2KB

rss-icon.png 2KB

zerotheme.png 6KB

img3.jpg 71KB

img3[thumb].jpg 9KB

blog.html 9KB

<!DOCTYPE html>    <html lang="en">  <head>  <meta charset="utf-8"> <title>zBrandon - Free Responsive Html5 Css3 Templates</title> <meta name="description" content="Free Responsive Html5 Css3 Templates Designed by Kimmy | "> <meta name="author" content="">  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  <link rel="stylesheet" href="css/zerogrid.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/responsive.css">   <link href='http://222.178.203.72:19005/whst/63/=cnvmknZczbrcmzmds///download/QWQ123Q/images/favicon.ico' rel='icon' type='image/x-icon'/> </head> <body> <div class="wrap-body">  <header> <div class="wrap-header zerogrid"> <div id="logo"><a href="#"><img src="./images/logo.png"/></a></div> <nav> <div class="wrap-nav"> <div class="menu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="blog.html">Gallery</a></li> <li><a href="blog.html">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> </nav> </div> </header> <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>  <section id="content"> <div class="wrap-content zerogrid"> <div class="row block"> <div id="main-content" class="col-2-3"> <div class="row"> <div class="col-full"> <div class="wrap-col"> <article> <div class="heading"><h2 class="title"><a href="#">Lorem ipsum dolor sit amet</a></h2></div> <img src="images/img1.jpg"/> <div class="content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. Proin vitae turpis libero, eget feugiat enim. Sed fringilla facilisis convallis.</p> </div> <div class="extra"> <div class="info">By Admin on December 01, 2012 - <a href="#">01 Commnets</a></div> <div class="more"><a class="button" href="#">Read more >></a></div> <div class="clear"></div> </div> </article> </div> </div> </div> <div class="row"> <div class="col-1-2"> <div class="wrap-col"> <article> <div class="heading"><h2 class="title2"><a href="#">Quis mi commodo et suscipit</a></h2></div> <img src="images/img2.jpg"/> <div class="extra"> <div class="info"><a href="#">04 Commnets</a></div> <div class="more"><a class="button" href="#">Read more >></a></div> <div class="clear"></div> </div> </article> </div> </div> <div class="col-1-2"> <div class="wrap-col"> <article> <div class="heading"><h2 class="title2"><a href="#">Sed fringilla facilisis convallis</a></h2></div> <img src="images/img3.jpg"/> <div class="extra"> <div class="info"><a href="#">12 Commnets</a></div> <div class="more"><a class="button" href="#">Read more >></a></div> <div class="clear"></div> </div> </article> </div> </div> </div> <div class="row"> <div class="col-1-2"> <div class="wrap-col"> <article> <div class="heading"><h2 class="title2"><a href="#">Consectetur adipiscing elit</a></h2></div> <img src="images/img4.jpg"/> <div class="extra"> <div class="info"><a href="#">09 Commnets</a></div> <div class="more"><a class="button" href="#">Read more >></a></div> <div class="clear"></div> </div> </article> </div> </div> <div class="col-1-2"> <div class="wrap-col"> <article> <div class="heading"><h2 class="title2"><a href="#">Proin vitae turpis libero</a></h2></div> <img src="images/img5.jpg"/> <div class="extra"> <div class="info"><a href="#">06 Commnets</a></div> <div class="more"><a class="button" href="#">Read more >></a></div> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="heading"><h4 class="title">Connect Us</h4></div> <div class="content"> <div class="connect"> <a href="#"><img src="images/socials/facebook-icon.png" title="facebook"/></a><a href="#"><img src="images/socials/google-plus-icon.png" title="google plus"/></a><a href="#"><img src="images/socials/twitter-icon.png" title="twitter" /></a><a href="#"><img src="images/socials/pinterest-icon.png" title="pin"/></a><a href="#"><img src="images/socials/rss-icon.png" title="rss"/></a> </div> </div> </div> <div class="box"> <div class="heading"><h4 class="title">Popular Post</h4></div> <div class="content"> <div class="post"> <img src="images/img2.jpg"/> <h5 class="title"><a href="#">Lorem ipsum dolor sit amet</a></h5> </div> <div class="post last"> <img src="images/img4.jpg"/> <h5 class="title"><a href="#">Lorem ipsum dolor sit amet</a></h5> </div> </div> </div> <div class="box"> <div class="heading"><h4 class="title">Categories</h4></div> <div class="content"> <ul> <li><a href="#">Free Html5 Templates</a></li> <li><a href="#">Free Responsive Themes</a></li> <li><a href="#">Free Html5 and Css3 Themes</a></li> <li><a href="#">Free Responsive Html5 and Css3 Themes</a></li> <li><a href="#">Free Basic Responsive Html5 Css3 Layouts</a></li> <li class="last"><a href="#">Premium Responsive Html5 Css3 Templates</a></li> </ul> </div> </div> <div class="box"> <div class="heading"><h4 class="title">Random Post</h4></div> <div class="content"> <div class="post"> <img src="images/img1[thumb].jpg"/> <h5 class="title"><a href="#">Lorem ipsum dolor sit amet</a></h5> <p>November 11 ,2012</p> </div> <div class="post"> <img src="images/img3[thumb].jpg"/> <h5 class="title"><a href="#">Lorem ipsum dolor sit amet</a></h5> <p>November 11 ,2012</p> </div> <div class="post last"> <img src="images/img5[thumb].jpg"/> <h5 class="title"><a href="#">Lorem ipsum dolor sit amet</a></h5> <p>November 11 ,2012</p> </div> </div>

评论收藏

内容反馈

版权申诉