<!DOCTYPE HTML>
<!--
Aesthetic by gettemplates.co
Twitter: http://twitter.com/gettemplateco
URL: http://gettemplates.co
-->
<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" />
<!-- Facebook and Twitter integration -->
<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="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<!-- <link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet"> -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</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>
作品展示&图片展示HTML源码-数字解决方案图片展示响应式网页模板-适配移动端.zip
版权申诉
5星 · 超过95%的资源 94 浏览量
2024-03-26
09:52:16
上传
评论
收藏 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 条
- 1
- 2
资源评论
qq_335299472024-05-31非常有用的资源，有一定的参考价值，受益匪浅，值得下载。
