<!DOCTYPE HTML>
<html>
<head>
<title>Radius</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>
<!-- Header -->
<header id="header"><div class="inner">
<div class="content">
<h1>Radius</h1>
<h2>A fully responsive masonry-style<br>
portfolio template.</h2>
<a href="#" class="button big alt"><span>Let's Go</span></a>
</div>
<a href="#" class="button hidden"><span>Let's Go</span></a>
</div>
</header><!-- Main --><div id="main">
<div class="inner">
<div class="columns">
<!-- Column 1 (horizontal, vertical, horizontal, vertical) -->
<div class="image fit">
<a href="#"><img src="images/pic01.jpg" alt="" width="800" height="533"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic02.jpg" alt="" width="533" height="800"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic03.jpg" alt="" width="800" height="533"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic04.jpg" alt="" width="533" height="800"></a>
</div>
<!-- Column 2 (vertical, horizontal, vertical, horizontal) -->
<div class="image fit">
<a href="#"><img src="images/pic06.jpg" alt="" width="533" height="800"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic05.jpg" alt="" width="800" height="533"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic08.jpg" alt="" width="533" height="800"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic07.jpg" alt="" width="800" height="533"></a>
</div>
<!-- Column 3 (horizontal, vertical, horizontal, vertical) -->
<div class="image fit">
<a href="#"><img src="images/pic09.jpg" alt="" width="800" height="533"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic12.jpg" alt="" width="533" height="800"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic11.jpg" alt="" width="800" height="533"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic10.jpg" alt="" width="533" height="800"></a>
</div>
<!-- Column 4 (vertical, horizontal, vertical, horizontal) -->
<div class="image fit">
<a href="#"><img src="images/pic13.jpg" alt="" width="533" height="800"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic14.jpg" alt="" width="800" height="533"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic15.jpg" alt="" width="533" height="800"></a>
</div>
<div class="image fit">
<a href="#"><img src="images/pic16.jpg" alt="" width="800" height="533"></a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer"><a href="#" class="info fa fa-info-circle"><span>About</span></a>
<div class="inner">
<div class="content">
<h3>Vestibulum hendrerit tortor id gravida</h3>
<p>In tempor porttitor nisl non elementum. Nulla ipsum ipsum, feugiat vitae vehicula vitae, imperdiet sed risus. Fusce sed dictum neque, id auctor felis. Praesent luctus sagittis viverra. Nulla erat nibh, fermentum quis enim ac, ultrices euismod augue. Proin ligula nibh, pretium at enim eget, tempor feugiat nulla.</p>
</div>
<div class="copyright">
<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>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
</ul></div>
</div>
</footer><div class="copyright">
Free templates <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.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>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML网站源码,专为图片展示打造。这份源码简化了开发流程,节省您构建个人作品集或图片库的时间。具备响应式设计,适应各种屏幕和设备,无论在求职还是面试中,都能展现您的技术实力和创意视觉。快速部署,提升工作效率,让每一次展示都成为赢得机会的关键时刻。
资源推荐
资源详情
资源评论
收起资源包目录
作品展示&图片展示HTML源码-图库不规则排列网页模板-瀑布流.zip (28个子文件)
作品展示&图片展示HTML源码-图库不规则排列网页模板-瀑布流
html
assets
js
main.js 2KB
skel.min.js 9KB
util.js 12KB
jquery.min.js 94KB
css
main.css 27KB
font-awesome.min.css 23KB
fonts
fontawesome-webfont.eot 75KB
fontawesome-webfont.woff 88KB
fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB
fontawesome-webfont.ttf 149KB
index.html 5KB
images
pic12.jpg 75KB
pic15.jpg 80KB
pic10.jpg 71KB
pic05.jpg 112KB
pic02.jpg 65KB
pic16.jpg 73KB
pic06.jpg 52KB
pic04.jpg 75KB
pic03.jpg 71KB
pic11.jpg 86KB
pic08.jpg 68KB
pic01.jpg 72KB
pic13.jpg 80KB
pic14.jpg 61KB
pic09.jpg 67KB
pic07.jpg 62KB
共 28 条
- 1
资源评论
DTcode7
- 粉丝: 8036
- 资源: 4659
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功