<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Tucon Shops</title>
<!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,800' rel='stylesheet' type='text/css'>
<!-- font awesome -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- bootstrap -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css" />
<!-- animate.css -->
<link rel="stylesheet" href="assets/animate/animate.css" />
<!-- gallery -->
<link rel="stylesheet" href="assets/gallery/blueimp-gallery.min.css">
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="assets/style.css">
</head>
<body id="home">
<!-- header -->
<!-- slider -->
<div id="carousel-banner" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="item active"><img src="images/banner1.jpg" class="img-responsive"></div>
<div class="item"><img src="images/banner2.jpg" class="img-responsive"></div>
<div class="item"><img src="images/banner3.jpg" class="img-responsive"></div>
</div>
<!-- caption -->
<div class="caption">
<div class="ab-wrap">
<div class="ab-center">
<div class="top-information">
<h1 class="logo">Tucon Shops</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
<a href="#portfolio" class="btn btn-warning scroll"><i class="fa fa-anchor"></i> View Collections</a>
</div>
</div>
</div>
</div>
<!-- caption -->
<!-- Controls -->
<div class="next-prev">
<a class="left" href="#carousel-banner" role="button" data-slide="prev"><i class="fa fa-3x fa-angle-left"></i></a>
<a class="right" href="#carousel-banner" role="button" data-slide="next"><i class="fa fa-3x fa-angle-right"></i></a>
</div>
</div>
<!-- slider -->
<!-- product list -->
<div class="row-fluid gallery clearfix" id="portfolio">
<!-- product -->
<div class="col-sm-3 product wowload fadeInUp">
<img src="images/photos/1.jpg" class="img-responsive">
<div class="overlay">
<div class="ab-wrap"><div class="ab-center text-center">
<h3>Casual Converse</h3>
<p>$ 20.00</p>
<a href="images/photos/1.jpg" title="Shoes" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
</div></div>
</div>
</div>
<!-- product -->
<!-- product -->
<div class="col-sm-3 product wowload fadeInUp">
<img src="images/photos/2.jpg" class="img-responsive">
<div class="overlay">
<div class="ab-wrap"><div class="ab-center text-center">
<h3>Casual Converse</h3>
<p>$ 20.00</p>
<a href="images/photos/2.jpg" title="Formal" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
</div></div>
</div>
</div>
<!-- product -->
<!-- product -->
<div class="col-sm-3 product wowload fadeInUp">
<img src="images/photos/3.jpg" class="img-responsive">
<div class="overlay">
<div class="ab-wrap"><div class="ab-center text-center">
<h3>Casual Converse</h3>
<p>$ 20.00</p>
<a href="images/photos/3.jpg" title="Red" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
</div></div>
</div>
</div>
<!-- product -->
<!-- product -->
<div class="col-sm-3 product wowload fadeInUp ">
<img src="images/photos/4.jpg" class="img-responsive">
<div class="overlay">
<div class="ab-wrap"><div class="ab-center text-center">
<h3>Casual Converse</h3>
<p>$ 20.00</p>
<a href="images/photos/4.jpg" title="Brown" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
</div></div>
</div>
</div>
<!-- product -->
<!-- product -->
<div class="col-sm-3 product wowload fadeInUp ">
<img src="images/photos/5.jpg" class="img-responsive">
<div class="overlay">
<div class="ab-wrap"><div class="ab-center text-center">
<h3>Casual Converse</h3>
<p>$ 20.00</p>
<a href="images/photos/5.jpg" title="Leather" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
</div></div>
</div>
</div>
<!-- product -->
<!-- product -->
<div class="col-sm-3 product wowload fadeInUp ">
<img src="images/photos/6.jpg" class="img-responsive">
<div class="overlay">
<div class="ab-wrap"><div class="ab-center text-center">
<h3>Casual Converse</h3>
<p>$ 20.00</p>
<a href="images/photos/6.jpg" title="Blue" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
</div></div>
</div>
</div>
<!-- product -->
<!-- product -->
<div class="col-sm-3 product wowload fadeInUp ">
<img src="images/photos/7.jpg" class="img-responsive">
<div class="overlay">
<div class="ab-wrap"><div class="ab-center text-center">
<h3>Casual Converse</h3>
<p>$ 20.00</p>
<a href="images/photos/7.jpg" title="Sports" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
</div></div>
</div>
</div>
<!-- product -->
<!-- product -->
<div class="col-sm-3 product wowload fadeInUp ">
<img src="images/photos/8.jpg" class="img-responsive">
<div class="overlay">
<div class="ab-wrap"><div class="ab-center text-center">
<h3>Casual Converse</h3>
<p>$ 20.00</p>
<a href="images/photos/8.jpg" title="Converse" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
</div></div>
</div>
</div>
<!-- product -->
</div>
<!-- product list -->
<!-- about -->
<div class="contact">
<div class="container">
<h2 class="text-center">If you like our products then contact us for details</h2>
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<form>
<div class="form-group">
<input id="name" name="name
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML网站源码,专为图片展示打造。这份源码简化了开发流程,节省您构建个人作品集或图片库的时间。具备响应式设计,适应各种屏幕和设备,无论在求职还是面试中,都能展现您的技术实力和创意视觉。快速部署,提升工作效率,让每一次展示都成为赢得机会的关键时刻。
资源推荐
资源详情
资源评论
收起资源包目录
作品展示&图片展示HTML源码-奢华时尚设计展示响应式网页模板-适配移动端.zip (31个子文件)
作品展示&图片展示HTML源码-奢华时尚设计展示响应式网页模板-适配移动端
html
assets
style.css 4KB
respond
respond.js 10KB
mobile
touchSwipe.min.js 11KB
bootstrap
js
bootstrap.js 59KB
bootstrap.min.js 35KB
css
bootstrap.css 129KB
fonts
glyphicons-halflings-regular.svg 62KB
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
gallery
blueimp-gallery.min.css 7KB
jquery.blueimp-gallery.min.js 31KB
wow
wow.min.js 7KB
jquery-1.10.2.min.map 139KB
animate
animate.css 60KB
jquery.js 91KB
script.js 6KB
index.html 10KB
images
logo.png 11KB
photos
2.jpg 400KB
6.jpg 397KB
1.jpg 294KB
5.jpg 350KB
8.jpg 283KB
3.jpg 432KB
7.jpg 330KB
4.jpg 300KB
banner3.jpg 337KB
banner1.jpg 208KB
banner2.jpg 396KB
favicon.png 4KB
共 31 条
- 1
资源评论
DTcode7
- 粉丝: 4761
- 资源: 4100
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功