<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Photo Gallery HTML Template</title>
<meta charset="UTF-8">
<meta name="description" content="Photo Gallery HTML Template">
<meta name="keywords" content="endGam,gGaming, magazine, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.min.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!-- Main Stylesheets -->
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Top right elements -->
<div class="spacial-controls">
<div class="search-switch"><img src="img/search-icon.png" alt=""></div>
<div class="nav-switch-warp">
<div class="nav-switch">
<div class="ns-bar"></div>
</div>
</div>
</div>
<!-- Top right elements end -->
<div class="main-warp">
<!-- header section -->
<header class="header-section">
<div class="header-close">
<i class="fa fa-times"></i>
</div>
<div class="header-warp">
<a href="" class="site-logo">
<img src="./img/logo.png" alt="">
</a>
<img src="img/menu-icon.png" alt="" class="menu-icon">
<ul class="main-menu">
<li class="active"><a href="./home.html">Home</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./gallery-single.html">Single gallery</a></li>
<li><a href="./blog.html">Blog</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
<div class="social-links-warp">
<div class="social-links">
<a href=""><i class="fa fa-behance"></i></a>
<a href=""><i class="fa fa-dribbble"></i></a>
<a href=""><i class="fa fa-twitter"></i></a>
<a href=""><i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-pinterest"></i></a>
</div>
<div class="social-text">Find us on</div>
</div>
</div>
<div class="copyright">Colorlib 2018 @ All rights reserved</div>
</header>
<!-- header section end -->
<!-- Page section -->
<div class="page-section elements-page">
<div class="element">
<h2 class="el-title">Buttons</h2>
<button class="site-btn mr-3">Send message</button>
<button class="site-btn sb-solid-dark ">Send message</button>
</div>
<div class="element">
<h2 class="el-title">Accordions & Tabs</h2>
<div class="row">
<div class="col-xl-6">
<!-- Accordions -->
<div id="accordion" class="accordion-area">
<div class="panel">
<div class="panel-header" id="headingOne">
<button class="panel-link" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1"> Quisque molestie blandit nunc, id sagittis odio</button>
</div>
<div id="collapse1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="panel-body">
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. </p>
</div>
</div>
</div>
<div class="panel">
<div class="panel-header" id="headingTwo">
<button class="panel-link" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">olestie blandit nunc, id sagittis odio</button>
</div>
<div id="collapse2" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="panel-body">
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. </p>
</div>
</div>
</div>
<div class="panel">
<div class="panel-header active" id="headingThree">
<button class="panel-link" data-toggle="collapse" data-target="#collapse3" aria-expanded="true" aria-controls="collapse3">olestie blandit nunc, id sagittis odio</button>
</div>
<div id="collapse3" class="collapse show" aria-labelledby="headingThree" data-parent="#accordion">
<div class="panel-body">
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-element">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link" id="1-tab" data-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="false">Quisque mole?</a>
</li>
<li class="nav-item">
<a class="nav-link" id="2-tab" data-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="false">nunc odio</a>
</li>
<li class="nav-item">
<a class="nav-link active" id="3-tab" data-toggle="tab" href="#tab-3" role="tab" aria-controls="tab-3" aria-selected="true">olestie blandi</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<!-- single tab content -->
<div class="tab-pane fade" id="tab-1" role="tabpanel" aria-labelledby="tab-1">
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. </p>
</div>
<div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="tab-2">
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. </p>
</div>
<div class="tab-pane fade show active" id="tab-3" role="tabpanel" aria-labelledby="tab-3">
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element">
<h2 class="el-title">Loaders</h2>
<div class="row">
<div class="col-xl-3 col-lg-6 col-sm-6 cp-item">
<div class="circle-progress" data-cptitle="Photos" data-cpid="id-1" data-cpvalue="90" data-cpcolor="#323232"></div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-6 cp-item">
<div class="circle-progress" data-cptitle="Love" data-cpid="id-2" data-cpvalue="100" data-cpcolor="#323232"></div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-6 cp-item">
<div class="circle-progress" data-cptitle="Passion" data-cpid="id-3" data-cpvalue="50" data-cpcolor="#323232"></div>
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML网站源码,专为图片展示打造。这份源码简化了开发流程,节省您构建个人作品集或图片库的时间。具备响应式设计,适应各种屏幕和设备,无论在求职还是面试中,都能展现您的技术实力和创意视觉。快速部署,提升工作效率,让每一次展示都成为赢得机会的关键时刻。
资源推荐
资源详情
资源评论
收起资源包目录
作品展示&图片展示HTML源码-图库资源展示响应式网页模板-适配移动端.zip (46个子文件)
作品展示&图片展示HTML源码-图库资源展示响应式网页模板-适配移动端
html
icon-fonts
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
js
imagesloaded.pkgd.min.js 5KB
bootstrap.min.js 54KB
main.js 5KB
circle-progress.min.js 4KB
owl.carousel.min.js 43KB
jquery-3.2.1.min.js 85KB
isotope.pkgd.min.js 35KB
jquery.nicescroll.min.js 59KB
home.html 5KB
img
angle-left-w.png 1002B
search-icon.png 1KB
about.jpg 67KB
logo.png 4KB
angle-rignt-w.png 1000B
gallery
2.jpg 66KB
6.jpg 69KB
1.jpg 83KB
5.jpg 82KB
3.jpg 12KB
4.jpg 39KB
gallery-single
2.jpg 128KB
1.jpg 146KB
blog
2.jpg 109KB
1.jpg 43KB
favicon.ico 17KB
slider-bg-1.jpg 377KB
menu-icon.png 962B
about-banner-bg.jpg 73KB
angle-rignt.png 983B
slider-bg-2.jpg 258KB
angle-left.png 985B
css
style.css 25KB
bootstrap.min.css 150KB
animate.css 73KB
font-awesome.min.css 30KB
owl.carousel.min.css 3KB
gallery-single.html 5KB
elements.html 10KB
contact.html 4KB
about.html 5KB
blog.html 5KB
gallery.html 5KB
共 46 条
- 1
资源评论
DTcode7
- 粉丝: 9596
- 资源: 4699
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功