作品展示&图片展示HTML源码-左侧导航个人图库网页模板.zip

共25个文件

jpg：9个

js：6个

html：3个

版权申诉

求职简历

作品展示

HTML源码

适配移动端

JavaScript

99 浏览量 2024-03-30 12:17:14 上传评论收藏 908KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

作品展示&图片展示HTML源码-左侧导航个人图库网页模板.zip （25个子文件）

作品展示&图片展示HTML源码-左侧导航个人图库网页模板

html

assets

jquery.scrolly.min.js 831B

jquery.poptrox.min.js 9KB

main.js 2KB

skel.min.js 9KB

util.js 12KB

jquery.min.js 94KB

css

main.css 26KB

font-awesome.min.css 28KB

fonts

fontawesome-webfont.eot 75KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

generic.html 7KB

index.html 5KB

images

banner.jpg 118KB

thumbs

02.jpg 45KB

06.jpg 46KB

10.jpg 22KB

01.jpg 20KB

07.jpg 41KB

05.jpg 45KB

09.jpg 31KB

03.jpg 42KB

gallery.html 7KB

<!DOCTYPE HTML> <html> <head> <title>Snapshot</title> <meta charset="utf-8"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="assets/css/main.css"> </head> <body> <div class="page-wrap">  <nav id="nav"><ul><li><a href="index.html" class="active"><span class="icon fa-home"></span></a></li> <li><a href="gallery.html"><span class="icon fa-camera-retro"></span></a></li> <li><a href="generic.html"><span class="icon fa-file-text-o"></span></a></li> </ul></nav><section id="main"><header id="header"><div>Snapshot <span>Templates</span></div> </header><section><div class="inner"> <header><h1>Generic</h1> </header><p>Faucibus parturient mus phasellus vestibulum suspendisse dui vel ridiculus nibh diam placerat tellus scelerisque facilisi mus vestibulum arcu mus praesent in blandit. Conubia ullamcorper cum rhoncus vitae dapibus venenatis integer in donec egestas lacus nibh vestibulum habitasse accumsan parturient malesuada sociis auctor scelerisque vehicula urna eu proin euismod. Id facilisi suspendisse parturient leo mus condimentum natoque scelerisque ullamcorper odio tristique ultricies arcu ac condimentum facilisi scelerisque class commodo. Scelerisque sagittis magna mi duis iaculis id erat pharetra vestibulum condimentum hac suspendisse tempor leo aliquet penatibus parturient donec parturient parturient. Vehicula suspendisse sem a adipiscing est ad donec ultricies senectus magnis convallis a fringilla adipiscing vulputate dui elementum diam ipsum eleifend condimentum placerat facilisi viverra mollis scelerisque. Commodo cum vestibulum hendrerit sit condimentum at rutrum vulputate scelerisque erat convallis himenaeos consequat a hac ultrices nam vel suspendisse nascetur dictum vulputate sed at.</p> <h2>Ultricies Senectus Magnis</h2> <p>Scelerisque sagittis magna mi duis iaculis id erat pharetra vestibulum condimentum hac suspendisse tempor leo aliquet penatibus parturient donec parturient parturient. Vehicula suspendisse sem a adipiscing est ad donec ultricies senectus magnis convallis a fringilla adipiscing vulputate dui elementum diam ipsum eleifend condimentum placerat facilisi viverra mollis scelerisque. Commodo cum vestibulum hendrerit sit condimentum at rutrum vulputate scelerisque erat convallis himenaeos consequat a hac ultrices nam vel suspendisse nascetur dictum vulputate sed at.</p> <section class="columns double"><div class="column"> <span class="image left special"><img src="images/pic01.jpg" alt=""></span> <h3>Parturient Consequat Neque</h3> <p> Adipiscing dis a mus a convallis condimentum molestie penatibus iaculis pulvinar vestibulum enim lacus suscipit mi dictumst hendrerit sit condimentum at rutrum vulputate vestibulum habitasse nam fusce a nascetur. Ut ullamcorper suspendisse malesuada tempus vestibulum commodo habitasse suspendisse magnis. </p> </div> <div class="column"> <span class="image left special"><img src="images/pic02.jpg" alt=""></span> <h3>Ridiculus Torquent Quam Accumsan</h3> <p> At sem phasellus elit class dapibus lectus posuere donec morbi in cras commodo faucibus ipsum vehicula fringilla. Risus hendrerit sit condimentum at rutrum vulputate fringilla dis curae metus ipsum imperdiet vulputate sapien dolorem ligula sapien curae consequat vestibulum urna. Nulla vulputate cum augue non arcu. </p> </div> </section></div> </section><section id="contact"><div class="social column"> <h3>About Me</h3> <p>Mus sed interdum nunc dictum rutrum scelerisque erat a parturient condimentum potenti dapibus vestibulum condimentum per tristique porta. Torquent a ut consectetur a vel ullamcorper a commodo a mattis ipsum class quam sed eros vestibulum quisque a eu nulla scelerisque a elementum vestibulum.</p> <p>Aliquet dolor ultricies sem rhoncus dolor ullamcorper pharetra dis condimentum ullamcorper rutrum vehicula id nisi vel aptent orci litora hendrerit penatibus erat ad sit. In a semper velit eleifend a viverra adipiscing a phasellus urna praesent parturient integer ultrices montes parturient suscipit posuere quis aenean. Parturient euismod ultricies commodo arcu elementum suspendisse id dictumst at ut vestibulum conubia quisque a himenaeos dictum proin dis purus integer mollis parturient eros scelerisque dis libero parturient magnis.</p> <h3>Follow Me</h3> <ul class="icons"><li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> </ul></div>  <div class="column"> <h3>Get in Touch</h3> <form action="#" method="post"> <div class="field half first"> <label for="name">Name</label> <input name="name" id="name" type="text" placeholder="Name"><div data-lastpass-icon-root="true" style="position: relative !important; height: 0px !important; width: 0px !important; float: left !important;"></div></div> <div class="field half"> <label for="email">Email</label> <input name="email" id="email" type="email" placeholder="Email"></div> <div class="field"> <label for="message">Message</label> <textarea name="message" id="message" rows="6" placeholder="Message" data-gramm="false" wt-ignore-input="true"></textarea></div> <ul class="actions"><li><input value="Send Message" class="button" type="submit"></li> </ul></form> </div> </section></section></div> <div class="copyright"> Free templates <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a> </div>  <script src="assets/js/jquery.min.js"></script><script src="assets/js/jquery.poptrox.min.js"></script><script src="assets/js/jquery.scrolly.min.js"></script><script src="assets/js/skel.min.js"></script><script src="assets/js/util.js"></script><script src="assets/js/main.js"></script></body></html>

评论收藏

内容反馈

版权申诉