<!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源码-黑色图片展示响应式网页模板-适配移动端.zip
版权申诉
197 浏览量
2024-03-26
09:50:45
上传
评论
收藏 3.54MB ZIP 举报
作品展示&图片展示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资源评论
