<!DOCTYPE HTML>
<html>
<head>
<title>Free Pix Website Template | Home :: </title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- slider -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</head>
<body>
<div class="header">
<div class="wrap">
<div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""/></a> </div>
<div class="cssmenu">
<ul id="nav">
<li class="active"><a href="index.html">About Me</a></li>
<li><a href="collection.html">Collection</a></li>
<li><a href="folio.html">Folio</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="banner">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-text">
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h3>
<p>diam nonummy nibh</p>
</div>
<div class="banner-icons">
<div class="banner-icon"> <a href="single.html"><img src="images/iphone-icon.png" alt=""></a> </div>
<div class="banner-icon1"> <a href="single.html"><img src="images/ipad-icon.png" alt=""></a> </div>
<div class="clear"></div>
</div>
</article>
<article style="position: relative; width: 100%; opacity: 1;">
<div class="banner-text">
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h3>
<p>diam nonummy nibh</p>
</div>
<div class="banner-icons">
<div class="banner-icon"> <a href="single.html"><img src="images/camera.png" alt=""/></a> </div>
<div class="banner-icon1"> <a href="single.html"><img src="images/photo.png" alt=""/></a> </div>
<div class="clear"></div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-text">
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h3>
<p>diam nonummy nibh</p>
</div>
<div class="banner-icons">
<div class="banner-icon"> <a href="single.html"><img src="images/effect.png" alt=""/></a> </div>
<div class="banner-icon1"> <a href="single.html"><img src="images/draw.png" alt=""></a> </div>
<div class="clear"></div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-text">
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h3>
<p>diam nonummy nibh</p>
</div>
<div class="banner-icons">
<div class="banner-icon"> <a href="single.html"><img src="images/iphone-icon.png" alt=""/></a> </div>
<div class="banner-icon1"> <a href="single.html"><img src="images/ipad-icon.png" alt=""/></a> </div>
<div class="clear"></div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-text">
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h3>
<p>diam nonummy nibh</p>
</div>
<div class="banner-icons">
<div class="banner-icon"> <a href="single.html"><img src="images/camera.png" alt=""/></a> </div>
<div class="banner-icon1"> <a href="single.html"><img src="images/photo.png" alt=""/></a> </div>
<div class="clear"></div>
</div>
</article>
</div>
<!-- <a class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a>-->
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="class="wmuActive"">1</a></li>
<li><a href="#" >2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
<script src="js/jquery.wmuSlider.js"></script>
<script type="text/javascript" src="js/modernizr.custom.min.js"></script>
<script>
$('.example1').wmuSlider();
</script>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >免费模板</a></div>
<div class="wrap">
<div class="content-top">
<div class="col_1_of_3 span_1_of_first"><a class="popup-with-zoom-anim" href="#small-dialog1">
<div class="grid1">
<h4>Our Services</h4>
</div>
<img src="images/border.jpg" alt=""/></a>
<div class="grid1-desc">
<h3><a href="#">Lorem Ipsum is simply dummy text</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam</p>
</div>
<div id="small-dialog1" class="mfp-hide">
<div class="pop_up">
<h2>Our Services</h2>
<img src="images/pic2.jpg" alt=""/>
<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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged..</p>
<a href="#" class="link">Read More</a> </div>
</div>
</div>
<div class="col_1_of_3 span_1_of_3"><a class="popup-with-zoom-anim" href="#small-dialog2"> <img src="images/pic1.jpg" alt=""/> <img src="images/border3.png" alt=""/> </a>
<div class="grid1-desc">
<h3><a href="#">Lorem Ipsum is simply dummy text</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam</p>
</div>
<div id="small-dialog2" class="mfp-hide">
<div class="pop_up">
<h2>Photo Dairy</h2>
<img src="images/pic1.jpg" alt=""/> </div>
</div>
</div>
<div class="col_1_of_3 span_1_of_3"><a class="popup-with-zoom-anim" href="#small-dialog2"> <img src="images/pic.jpg" alt=""/> <img src="images/border3.png" alt=""/> </a>
<div class="grid1-desc">
<h3><a href="#">Lorem Ipsum is simply dummy text</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam</p>
</div>
<div id="small-dialog2" class="mfp-hide">
<div class="pop_up">
<h2>About Me</h2>
<img src="images/pic.jpg" alt=""/> </div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="content-bottom">
<div class="skills">
<ul>
<li>
<div class="percentage"> </div>
<div class="percent-text"> </div>
<div class="clear"></div>
</li>
</ul>
</div>
<div class="wrap">
<div class="content-box">
<div class="col_1_of_5 span_1_of_5"><a class="popup-with-zoom-anim" href="#small-dialog3"> <img src="images/pic17.jpg
紫色大屏图片旅行摄影个人博客模板.rar
版权申诉
28 浏览量
2023-04-28
08:39:08
上传
评论
收藏 1.94MB RAR 举报
紫色大屏图片旅行摄影个人博客模板_紫色 图片 旅行 摄影 个人 博客 商务 展示 整站 企业 婚纱摄影 宽屏 响应式 responsive 手机 html5 css3 简单.rar （71个子文件） 
紫色大屏图片旅行摄影个人博客模板_紫色 图片 旅行 摄影 个人 博客 商务 展示 整站 企业 婚纱摄影 宽屏 响应式 responsive 手机 html5 css3 简单 yzts_28_Pix 
work.html 10KB js 
jquery.wmuSlider.js 12KB jquery.magnific-popup.js 45KB ios-orientationchange-fix.js 2KB jquery.swipebox.min.js 7KB modernizr.custom.min.js 2KB jquery.mixitup.min.js 14KB jquery.min.js 90KB css style.css 32KB magnific-popup.css 14KB swipebox.css 4KB 404.html 3KB collection.html 10KB folio.html 7KB index.html 13KB contact.html 6KB single.html 8KB images 
pic12.jpg 17KB pic5.jpg 20KB pic20.jpg 13KB pic6.jpg 20KB pic15.jpg 19KB
heart.png 3KB ipad-icon.png 1KB pic.jpg 29KB header-bg1.jpg 25KB img-sprite.psd 156KB border.jpg 3KB pic10.jpg 19KB Thumbs.db 1013KB s1.jpg 159KB s2.jpg 170KB arrow.png 3KB pic8.jpg 18KB mail.png 3KB fax.png 3KB pic9.jpg 20KB logo.png 9KB pic16.jpg 20KB zoom.png 5KB pic19.jpg 18KB photo.png 3KB pic18.jpg 13KB home.png 3KB pic4.jpg 47KB phone.png 3KB effect.png 3KB pic2.jpg 15KB pic21.jpg 44KB pic3.jpg 58KB pic1.jpg 18KB
icons.svg 1KB email.png 3KB draw.png 3KB img-sprite.png 13KB close.png 3KB
arrow.gif 1KB pic11.jpg 19KB border3.png 3KB camera.png 3KB pic17.jpg 13KB s3.jpg 365KB pic7.jpg 20KB pic13.jpg 17KB banner-bg.png 35KB pic14.jpg 14KB bullets1.png 1KB header-bg.jpg 19KB iphone-icon.png 1KB fonts PermianSlabSerifTypeface-webfont.ttf 86KB OpenSans-Regular-webfont.ttf 37KB资源评论
