作品展示&图片展示HTML源码-杂志列表-瀑布流展示-响应式网页模板-适配移动端.zip资源-CSDN文库

共122个文件

scss：75个

jpg：15个

js：14个

版权申诉

求职简历

作品展示

HTML源码

适配移动端

JavaScript

90 浏览量 2024-03-30 12:16:54 上传评论收藏 784KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

作品展示&图片展示HTML源码-杂志列表-瀑布流展示-响应式网页模板-适配移动端.zip （122个子文件）

bootstrap.css 132KB

animate.css 70KB

icomoon.css 34KB

style.css 10KB

magnific-popup.css 8KB

icomoon.eot 179KB

glyphicons-halflings-regular.eot 20KB

single.html 18KB

index.html 17KB

img_7.jpg 5KB

img_1.jpg 5KB

img_10.jpg 5KB

img_6.jpg 5KB

img_5.jpg 4KB

img_3.jpg 3KB

img_13.jpg 3KB

img_8.jpg 3KB

img_14.jpg 3KB

img_12.jpg 3KB

img_9.jpg 3KB

img_15.jpg 3KB

img_4.jpg 3KB

img_2.jpg 3KB

img_11.jpg 3KB

jquery.min.js 82KB

CSSPlugin.min.js 40KB

bootstrap.min.js 36KB

isotope.pkgd.min.js 34KB

TweenLite.min.js 27KB

jquery.magnific-popup.min.js 20KB

modernizr-2.6.2.min.js 15KB

jquery.waypoints.min.js 9KB

jquery.easing.1.3.js 8KB

EasePack.min.js 5KB

imagesloaded.pkgd.min.js 5KB

main.js 4KB

respond.min.js 4KB

magnific-popup-options.js 1KB

bootstrap.css.map 74KB

style.css.map 7KB

_variables.scss 30KB

_glyphicons.scss 20KB

_forms.scss 16KB

_navbar.scss 14KB

style.scss 10KB

_theme.scss 8KB

_normalize.scss 7KB

_vendor-prefixes.scss 6KB

_panels.scss 6KB

_type.scss 6KB

_button-groups.scss 6KB

_carousel.scss 5KB

_navs.scss 5KB

_dropdowns.scss 5KB

_tables.scss 5KB

_responsive-utilities.scss 4KB

_gradients.scss 4KB

_input-groups.scss 4KB

_buttons.scss 4KB

_modals.scss 4KB

_popovers.scss 3KB

_grid.scss 3KB

_list-group.scss 3KB

_scaffolding.scss 3KB

_tooltip.scss 3KB

_forms.scss 3KB

_grid-framework.scss 2KB

_pagination.scss 2KB

_progress-bars.scss 2KB

_print.scss 2KB

_alerts.scss 2KB

bootstrap.scss 1KB

_buttons.scss 1KB

_grid.scss 1KB

_code.scss 1KB

_badges.scss 1KB

_image.scss 1KB

_labels.scss 1KB

_jumbotron.scss 1KB

_mixins.scss 986B

_media.scss 900B

_thumbnails.scss 892B

_pager.scss 855B

_component-animations.scss 819B

_close.scss 815B

_utilities.scss 765B

_bootstrap-mincer.scss 757B

_table-row.scss 715B

_list-group.scss 672B

_clearfix.scss 611B

_breadcrumbs.scss 595B

_hide-text.scss 589B

_responsive-embed.scss 546B

_panels.scss 543B

_wells.scss 535B

_responsive-visibility.scss 514B

_pagination.scss 507B

_border-radius.scss 492B

_reset-text.scss 476B

_nav-vertical-align.scss 370B

共 122 条

<!DOCTYPE HTML>  <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Photo — Free Website Template, Free HTML5 Template by gettemplates.co</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Free HTML5 Website Template by gettemplates.co" /> <meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" /> <meta name="author" content="gettemplates.co" />  <meta property="og:title" content=""/> <meta property="og:image" content=""/> <meta property="og:url" content=""/> <meta property="og:site_name" content=""/> <meta property="og:description" content=""/> <meta name="twitter:title" content="" /> <meta name="twitter:image" content="" /> <meta name="twitter:url" content="" /> <meta name="twitter:card" content="" />  <link rel="shortcut icon" href="favicon.ico"> <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>   <link rel="stylesheet" href="css/animate.css">  <link rel="stylesheet" href="css/icomoon.css">  <link rel="stylesheet" href="css/bootstrap.css">  <link rel="stylesheet" href="css/style.css">  <link rel="stylesheet" href="css/magnific-popup.css">  <script src="js/modernizr-2.6.2.min.js"></script>   </head> <body> <div id="fh5co-page"> <div class="aside-toggle btn-circle"> <a href="#"><span></span><em>About</em></a> </div> <div class="back-to-home btn-circle"> <a href="index.html"><span></span><em>Back</em></a> </div> <div id="fh5co-aside"> <div class="image-bg"></div> <div class="overlay"></div> <div class="row"> <div class="col-md-12"> <div id="fh5co-aside-inner"> <div class="row" id="fh5co-bio"> <div class="col-md-12"> <h2>About Me</h2> </div> <div class="col-md-6"> <p>Sint, <a href="#">consectetur</a>, fugit. Sed, blanditiis. Autem quae perferendis totam provident, consequuntur inventore reiciendis vitae suscipit rerum repellendus facere voluptatem tenetur iure praesentium corrupti asperiores eos laborum debitis eaque maiores magnam nisi exercitationem sunt maxime! At eligendi deserunt, iusto natus molestias!</p> </div> <div class="col-md-6"> <p>Quas praesentium dolore unde delectus, nemo accusantium, qui ab illum debitis assumenda tempore molestias ipsam, eveniet repellendus officiis in vel, explicabo quos necessitatibus atque doloremque. Quae maiores delectus, magnam nam.</p> </div> <div class="col-md-12 fh5co-social"> <a href="#"><i class="icon-envelope"></i></a> <a href="#"><i class="icon-twitter"></i></a> <a href="#"><i class="icon-linkedin"></i></a> <a href="#"><i class="icon-instagram"></i></a> <a href="#"><i class="icon-google-plus"></i></a> </div> <div class="col-md-12" style="margin-top: 40px;"> <p>© 2016 Free HTML5 Template. All Rights Reserved. Designed by <a href="http://gettemplates.co/">GetTemplates</a> Demo Images: <a href="http://unsplash.com/" target="_blank">Unsplash</a></p> </div> </div> </div> </div> </div> </div> <div class="container-fluid" id="fh5co-image-grid"> <div class="grid"> <div class="grid-sizer"></div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_1.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_1.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_2.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_2.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_3.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_3.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_4.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_4.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_5.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_5.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_6.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_6.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_7.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_7.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_8.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_8.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div> <div class="grid-item item animate-box" data-animate-effect="fadeIn"> <a href="images/img_9.jpg" class="image-popup" title="Name of photo or title here"> <div class="img-wrap"> <img src="images/img_9.jpg" alt="" class="img-responsive"> </div> <div class="text-wrap"> <div class="text-inner popup"> <div> <h2>Name of photo or title here</h2> </div> </div> </div> </a> </div>

评论收藏

内容反馈

版权申诉