<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<title>Snapshot HTML CSS Web Template</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/component.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/vegas.min.css">
<link rel="stylesheet" href="css/style.css">
<!-- Google web font -->
<link href='#css?family=Source+Sans+Pro:400,700,300' rel='stylesheet' type='text/css'>
</head>
<body id="top" data-spy="scroll" data-offset="50" data-target=".navbar-collapse">
<!-- Preloader section -->
<div class="preloader">
<div class="sk-spinner sk-spinner-pulse"></div>
</div>
<!-- Navigation section -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="#top" class="navbar-brand smoothScroll">Snapshot</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#top" class="smoothScroll"><span>Home</span></a></li>
<li><a href="#about" class="smoothScroll"><span>About</span></a></li>
<li><a href="#gallery" class="smoothScroll"><span>Gallery</span></a></li>
<li><a href="#contact" class="smoothScroll"><span>Contact</span></a></li>
</ul>
</div>
</div>
</div>
<!-- Home section -->
<section id="home">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-offset-1 col-md-10 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
<h1 class="wow fadeInUp" data-wow-delay="0.6s">Let's take a snapshot</h1>
<p class="wow fadeInUp" data-wow-delay="0.9s">Snapshot website template is available for free download. Anyone can modify and use it for any site. Please tell your friends about <a rel="nofollow" href="http://www.templatemo.com">templatemo</a>. Thank you.</p>
<a href="#about" class="smoothScroll btn btn-success btn-lg wow fadeInUp" data-wow-delay="1.2s">Learn more</a>
</div>
</div>
</div>
</section>
<!-- About section -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-md-9 col-sm-8 wow fadeInUp" data-wow-delay="0.2s">
<div class="about-thumb">
<h1>Background</h1>
<p>Quisque tempor bibendum dolor at volutpat. Suspendisse venenatis quam sed libero euismod feugiat. In cursus nisi vitae lectus facilisis mollis. Nullam scelerisque, quam nec iaculis vulputate.</p>
</div>
</div>
<div class="col-md-3 col-sm-4 wow fadeInUp about-img" data-wow-delay="0.6s">
<img src="images/about-img.jpg" class="img-responsive img-circle" alt="About">
</div>
<div class="clearfix"></div>
<div class="col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
<div class="section-title text-center">
<h1>Snapshot Team</h1>
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
</div>
</div>
<!-- team carousel -->
<div id="team-carousel" class="owl-carousel">
<div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
<div class="team-thumb">
<div class="image-holder">
<img src="images/team-img1.jpg" class="img-responsive img-circle" alt="Mary">
</div>
<h2 class="heading">Mary, CEO</h2>
<p class="description">Aliquam ac justo est. Praesent feugiat cursus est.</p>
</div>
</div>
<div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.6s">
<div class="team-thumb">
<div class="image-holder">
<img src="images/team-img2.jpg" class="img-responsive img-circle" alt="Jack">
</div>
<h2 class="heading">Jack, Founder</h2>
<p class="description">Maecenas sed diam eget risus varius blandit sit non.</p>
</div>
</div>
<div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
<div class="team-thumb">
<div class="image-holder">
<img src="images/team-img3.jpg" class="img-responsive img-circle" alt="Linda">
</div>
<h2 class="heading">Linda, Manager</h2>
<p class="description">Phasellus nec ante in nunc molestie tincidunt ut eu diam.</p>
</div>
</div>
<div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
<div class="team-thumb">
<div class="image-holder">
<img src="images/team-img4.jpg" class="img-responsive img-circle" alt="Sandy">
</div>
<h2 class="heading">Sandy, Director</h2>
<p class="description">Curabitur vulputate euismod neque et tincidunt.</p>
</div>
</div>
<div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
<div class="team-thumb">
<div class="image-holder">
<img src="images/team-img5.jpg" class="img-responsive img-circle" alt="Lukia">
</div>
<h2 class="heading">Lukia, Fashion</h2>
<p class="description">Maecenas sed diam eget risus varius blandit sit.</p>
</div>
</div>
<div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
<div class="team-thumb">
<div class="image-holder">
<img src="images/team-img6.jpg" class="img-responsive img-circle" alt="George">
</div>
<h2 class="heading">George, Admin</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
<div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
<div class="team-thumb">
<div class="image-holder">
<img src="images/team-img7.jpg" class="img-responsive img-circle" alt="Day">
</div>
<h2 class="heading">Day, Accountant</h2>
<p class="description">Maecenas sed diam eget risus varius blandit sit.</p>
</div>
</div>
<div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
<div class="team-thumb">
<div class="image-holder">
<img src="images/team-img8.jpg" class="img-responsive img-circle" alt="Lynn">
</div>
<h2 class="heading">Lynn, Marketing</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
</div>
<!-- end team carousel -->
</div>
</div>
</section>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<!-- Gallery section -->
<section id="gallery">
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
<div class="section-title">
<h1>Gallery</h1>
<p>Nullam scelerisque, quam nec iaculis vulputate, arcu ligula sollicitudin nisl, ac volutpat erat nulla a arcu.</p>
</div>
</div>
<ul cl
淘宝摄影工作室响应式漂亮企业官网模板-大图 全屏 css3 css3动画 html5
版权申诉
148 浏览量
2022-11-11
20:55:31
上传
评论
收藏 2.47MB RAR 举报
淘宝摄影工作室响应式漂亮企业官网模板_大图 全屏 css3 css3动画 html5 相册 摄影 工作室 响应式 漂亮 企业 bootstrap 深蓝色 手机 幻灯 滚动 单页 responsive.rar （41个子文件） 
淘宝摄影工作室响应式漂亮企业官网模板_大图 全屏 css3 css3动画 html5 相册 摄影 工作室 响应式 漂亮 企业 bootstrap 深蓝色 手机 幻灯 滚动 单页 responsive tpmo_493_snapshot css 
bootstrap.min.css 118KB vegas.min.css 9KB owl.carousel.css 1KB animate.min.css 45KB owl.theme.css 2KB font-awesome.min.css 27KB style.css 12KB component.css 3KB images 
team-img5.jpg 27KB gallery-img3.jpg 147KB team-img7.jpg 30KB team-img2.jpg 21KB gallery-img2.jpg 190KB slide-img3.jpg 404KB gallery-img1.jpg 210KB slide-img2.jpg 259KB team-img8.jpg 28KB team-img1.jpg 26KB slide-img1.jpg 272KB team-img4.jpg 27KB gallery-img4.jpg 219KB team-img6.jpg 20KB team-img3.jpg 27KB about-img.jpg 66KB fonts fontawesome-webfont.eot 69KB fontawesome-webfont.woff 82KB FontAwesome.otf 107KB
fontawesome-webfont.svg 357KB fontawesome-webfont.woff2 65KB fontawesome-webfont.ttf 139KB
index.html 12KB js jquery.js 94KB smoothscroll.js 4KB modernizr.custom.js 8KB toucheffects.js 2KB bootstrap.min.js 36KB owl.carousel.min.js 23KB .DS_Store 6KB wow.min.js 7KB custom.js 2KB vegas.min.js 9KB资源评论
