响应式摄影灰_HTML手机电脑网站_网页源码移动端前端js效果_H5模板

共39个文件

jpg：21个

png：9个

html：6个

网站模板

前端源码

js特效

css样式

201 浏览量 2023-08-03 11:08:52 上传评论收藏 1.47MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

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

响应式摄影灰

details.html 5KB

hover_pack.js 12KB

jquery.min.js 91KB

css

style.css 28KB

404.html 4KB

index.html 8KB

contact.html 6KB

about.html 6KB

images

art_h.png 440B

blog_pic1.jpg 53KB

f_pic6.jpg 1KB

det_pic.jpg 65KB

art.png 440B

f_pic4.jpg 2KB

social_icons.png 23KB

h_pic4.jpg 21KB

f_pic3.jpg 1KB

social-icons.png 2KB

f_pic1.jpg 1KB

header.jpg 62KB

pic.png 1.01MB

search.png 673B

arrows.png 456B

f_pic2.jpg 2KB

h_pic3.jpg 22KB

f_pic8.jpg 2KB

header1.jpg 41KB

blog_icons.png 1015B

bg.png 12KB

h_pic5.jpg 23KB

f_pic9.jpg 2KB

ads_pic.jpg 495B

about_pic.jpg 27KB

h_pic2.jpg 19KB

h_pic6.jpg 20KB

h_pic1.jpg 20KB

f_pic5.jpg 2KB

f_pic7.jpg 1KB

blog.html 10KB

<!DOCTYPE HTML> <html> <head> <title>Blog</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href='http//fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'> <link href='http//fonts.googleapis.com/css?family=Rosario:400,700' rel='stylesheet' type='text/css'> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> </head> <body>  <div class="header1"> <div class="wrap"> <div class="soc_icons"> <ul class="tt-wrapper"> <li><a class="tt-gplus" href="#"><span>twitter</span></a></li> <li><a class="tt-twitter" href="#"><span>dribbble</span></a></li> <li><a class="tt-dribbble" href="#"><span>facebook</span></a></li> <li><a class="tt-facebook" href="#"><span>youtube</span></a></li> <li><a class="tt-linkedin" href="#"><span>skype</span></a></li> <li><a class="tt-forrst" href="#"><span>pintrest</span></a></li> </ul> </div> <div class="clear"></div>  <div class="header_left1"> <div class="logo"> <h1><a href="index.html">spirit</a></h1> </div> <div class="h_nav"> <ul> <li><a href="index.html">home</a></li> <li><a href="about.html">about</a></li> <li><a href="blog.html">blog</a></li> <li><a href="contact.html">contact</a></li> </ul> </div> </div> </div> </div>  <div class="main"> <div class="wrap"> <div class="blog"> <div class="blog_left">  <div class="blog_main"> <img src="images/blog_pic1.jpg" alt=""/> <div class="b_right"> <a href="details.html"><h4>Lorem Ipsum is simply dummy text of the printing.</h4></a> <div class="blog_list"> <ul> <li><i class="date"> </i> <span>June 3, 2013</span></li> <li><i class="comment"> </i><a href="#"> <span>Comments</span></a></li> <li><i class="news"> </i><span>Public, News</span></li> <li><i class="views"> </i><a href="#"> <span>124 views</span></a></li> </ul> <div class="clear"></div> </div> <div class="blog_art"> <ul> <li><a href="#"> <i> </i><span>18</span></a></li> </ul> <div class="clear"></div> </div> </div> <div class="clear"></div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing</p> <a class="btn" href="details.html">read more</a> </div> <div class="blog_main"> <iframe src="//player.vimeo.com/video/25541923?color=c9161f" width="100%" height="350" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <div class="b_right"> <a href="details.html"><h4>Lorem Ipsum is simply dummy text of the printing.</h4></a> <div class="blog_list"> <ul> <li><i class="date"> </i> <span>June 3, 2013</span></li> <li><i class="comment"> </i><a href="#"> <span>Comments</span></a></li> <li><i class="news"> </i><span>Public, News</span></li> <li><i class="views"> </i><a href="#"> <span>124 views</span></a></li> </ul> <div class="clear"></div> </div> <div class="blog_art"> <ul> <li><a href="#"> <i> </i><span>18</span></a></li> </ul> <div class="clear"></div> </div> </div> <div class="clear"></div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing</p> <a class="btn" href="details.html">read more</a> </div> </div> <div class="blog_sidebar"> <div class="sidebar">  <div class="social_network_likes"> <ul> <li><a href="#" class="tweets"><div class="followers"><p><span>2k</span>Followers</p></div><div class="social_network"><i class="twitter-icon"> </i> </div></a></li> <li><a href="#" class="facebook-followers"><div class="followers"><p><span>5k</span>Followers</p></div><div class="social_network"><i class="facebook-icon"> </i> </div></a></li> <li><a href="#" class="email"><div class="followers"><p><span>7.5k</span>members</p></div><div class="social_network"><i class="email-icon"> </i></div> </a></li> <li><a href="#" class="dribble"><div class="followers"><p><span>10k</span>Followers</p></div><div class="social_network"><i class="dribble-icon"> </i></div></a></li> <div class="clear"> </div> </ul> </div>  <h4>ads 125x125</h4> <ul class="ads_nav"> <li><a href="#"><img src="images/ads_pic.jpg" alt=""> </a></li> <li><a href="#"><img src="images/ads_pic.jpg" alt=""> </a></li> <li><a href="#"><img src="images/ads_pic.jpg" alt=""> </a></li> <li><a href="#"><img src="images/ads_pic.jpg" alt=""> </a></li> <div class="clear"></div> </ul>  <h4>flicker images</h4> <ul class="flicker_nav"> <li><a href="#"><img src="images/f_pic1.jpg" alt=""> </a></li> <li><a href="#"><img src="images/f_pic2.jpg" alt=""> </a></li> <li><a href="#"><img src="images/f_pic3.jpg" alt=""> </a></li> <li><a href="#"><img src="images/f_pic4.jpg" alt=""> </a></li> <li><a href="#"><img src="images/f_pic3.jpg" alt=""> </a></li> <li><a href="#"><img src="images/f_pic4.jpg" alt=""> </a></li> <li><a href="#"><img src="images/f_pic5.jpg" alt=""> </a></li> <li><a href="#"><img src="images/f_pic6.jpg" alt=""> </a></li> <div class="clear"></div> </ul>  <h4>tags</h4> <ul class="tag_nav"> <li><a href="#">art</a></li> <li><a href="#">awesome</a></li> <li><a href="#">classic</a></li> <li><a href="#">photo</a></li> <li><a href="#">wordpress</a></li> <li><a href="#">videos</a></li> <li><a href="#">standard</a></li> <li><a href="#">gaming</a></li> <li><a href="#">photo</a></li> <li><a href="#">music</a></li> <li><a href="#">data</a></li> <div class="clear"></div> </ul>  <h4>newsletter</h4> <div class="news_letter"> <form> <input type="text" placeholder="Your email address" /> <input type="submit" value="subscibe" /> </form> </div> </div> </div> <div class="clear"></div> </div> </div> </div>  <div class="footer_bg"> <div class="wrap"> <div class="footer"> <div class="span_of_4"> <div class="span1_of_4"> <h4>about us</h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry .....</p> <h5>Address</h5> <p class="top">500 Lorem Ipsum Dolor Sit,</p> <p>22-56-2-9 Sit Amet,</p> <p>USA</p> <p>Phone:(00) 222 66

评论收藏

内容反馈