<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/blue.css" rel="stylesheet" type="text/css" media="all" />
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!----font-Awesome----->
<!-- start plugins -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!--start slider -->
<link rel="stylesheet" href="css/fwslider.css" media="all">
<script src="js/jquery-ui.min.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/fwslider.js"></script>
<!--end slider -->
<!-- must have -->
<link href="css/allinone_carousel.css" rel="stylesheet" type="text/css">
<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
<script src="js/allinone_carousel.js" type="text/javascript"></script>
<!--[if IE]><script src="js/excanvas.compiled.js" type="text/javascript"></script>
<![endif]-->
<!-- must have -->
<script>
jQuery(function() {
jQuery('#allinone_carousel_charming').allinone_carousel({
skin: 'charming',
width: 990,
height: 454,
responsive:true,
autoPlay: 3,
resizeImages:true,
autoHideBottomNav:false,
showElementTitle:false,
verticalAdjustment:50,
showPreviewThumbs:false,
//easing:'easeOutBounce',
numberOfVisibleItems:5,
nextPrevMarginTop:23,
playMovieMarginTop:0,
bottomNavMarginBottom:-10
});
});
</script>
<!-- Owl Carousel Assets -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 4,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : ["", ""],
rewindNav : false,
scrollPerPage : false,
pagination : false,
paginationNumbers : false,
});
});
</script>
<!-- //Owl Carousel Assets -->
<!-- start circle -->
<script>
(function($){
$.fn.percentPie = function(options){
var settings = $.extend({
width: 100,
trackColor: "EEEEEE",
barColor: "E2534B",
barWeight: 30,
startPercent: 0,
endPercent: 1,
fps: 60
}, options);
this.css({
width: settings.width,
height: settings.width
});
var that = this,
hoverPolice = false,
canvasWidth = settings.width,
canvasHeight = canvasWidth,
id = $('canvas').length,
canvasElement = $('<canvas id="'+ id +'" width="' + canvasWidth + '" height="' + canvasHeight + '"></canvas>'),
canvas = canvasElement.get(0).getContext("2d"),
centerX = canvasWidth/2,
centerY = canvasHeight/2,
radius = settings.width/2 - settings.barWeight/2;
counterClockwise = false,
fps = 1000 / settings.fps,
update = .01;
this.angle = settings.startPercent;
this.drawArc = function(startAngle, percentFilled, color){
var drawingArc = true;
canvas.beginPath();
canvas.arc(centerX, centerY, radius, (Math.PI/180)*(startAngle * 360 - 90), (Math.PI/180)*(percentFilled * 360 - 90), counterClockwise);
canvas.strokeStyle = color;
canvas.lineWidth = settings.barWeight;
canvas.stroke();
drawingArc = false;
}
this.fillChart = function(stop){
var loop = setInterval(function(){
hoverPolice = true;
canvas.clearRect(0, 0, canvasWidth, canvasHeight);
that.drawArc(0, 360, settings.trackColor);
that.angle += update;
that.drawArc(settings.startPercent, that.angle, settings.barColor);
if(that.angle > stop){
clearInterval(loop);
hoverPolice = false;
}
}, fps);
}
this.mouseover(function(){
if(hoverPolice == false){
that.angle = settings.startPercent;
that.fillChart(settings.endPercent);
}
});
this.fillChart(settings.endPercent);
this.append(canvasElement);
return this;
}
}(jQuery));
$(document).ready(function() {
$('.google').percentPie({
width: 100,
trackColor: "E2534B",
barColor: "76C7C0",
barWeight: 20,
endPercent: .9,
fps: 60
});
$('.moz').percentPie({
width: 100,
trackColor: "E2534B",
barColor: "76C7C0",
barWeight: 20,
endPercent: .75,
fps: 60
});
$('.safari').percentPie({
width: 100,
trackColor: "E2534B",
barColor: "#76C7C0",
barWeight: 20,
endPercent: .5,
fps: 60
});
});
</script>
</head>
<body>
<div class="header_bg">
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="h_menu">
<a id="touch-menu" class="mobile-menu" href="#">Menu</a>
<nav>
<ul class="menu list-unstyled">
<li class="activate"><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="service.html">services</a></li>
<li><a href="portfolio.html">PORTFOLIO</a>
<ul class="sub-menu list-unstyled">
<li><a href="portfolio.html">Portfolio Page</a></li>
<li><a href="portfolio.html">Portfolio Page</a></li>
<li><a href="portfolio.html">Portfolio Page</a>
<ul class="list-unstyled">
<li><a href="portfolio.html">Sub-Menu 1</a></li>
<li><a href="portfolio.html">Sub-Menu 2</a></li>
<li><a href="portfolio.html">Sub-Menu 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="feature.html">feature</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
<script src="js/menu.js" type="text/javascript"></script>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div id="fwslider"><!-- start slider -->
<div class="slider_container">
<div class="slide">
<!-- Slide image -->
<img src="images/slider1.jpg">
<!-- /Slide image -->
<!-- Texts container -->
<div class="slide_content">
<div class="slide_content_wrap">
<!-- Text title -->
<h4 class="title">i want to feel What you wanted!</h4>
<!-- /Text title -->
<!-- Text description -->
<p class="description">A super clean and easy to use Modern templates Lorem ipsum dolor sit amet</p>
<!-- /Text description -->
</div>
</div>
<!-- /Texts container -->
</div>
<!-- /Duplicate to create more slides -->
<div class="slide">
<img src="images/slider2.jpg">
<div class="slide_content">
<div class="slide_content_wrap">
<h4 class="title">Lorem ipsum dolor sit amet</h4>
<p class="description">Pellentesque non neque egestas libero. Nam sed porta est. Vestibulum id massa eu odio rhoncus eleifend.</p>
</div>
</div>
</div>
<!--/slide -->
</div>
<div class="timers"></div>
<div class="slidePrev"><span></span></div>
<div class="slideNext"><span></span></div>
</div><!--/slider -->
<div class="main_bg"><!-- start main -->
<di
扁平精品大气婚纱摄影公司整站模板.rar
版权申诉
44 浏览量
2023-04-28
08:29:44
上传
评论
收藏 1.46MB RAR 举报
扁平精品大气婚纱摄影公司整站模板.rar （103个子文件） 
bootstrap.css 118KB bootstrap.min.css 98KB blue.css 29KB green.css 29KB violet.css 29KB font-awesome.css 21KB font-awesome.min.css 17KB owl.carousel.css 10KB allinone_carousel.css 9KB jquery.fancybox.css 5KB fwslider.css 3KB fontawesome-webfont.eot 37KB
index.html 19KB service.html 18KB portfolio.html 14KB about.html 14KB blog.html 10KB feature.html 9KB contact.html 9KB single-page.html 7KB
slider1.jpg 129KB det_pic.jpg 86KB slider2.jpg 60KB s5.jpg 57KB slider_pic1.jpg 51KB slider_pic3.jpg 51KB slider_pic4.jpg 46KB slider_pic5.jpg 45KB blog-pic1.jpg 44KB s8.jpg 43KB s3.jpg 39KB s7.jpg 38KB s1.jpg 34KB s6.jpg 34KB s4.jpg 31KB s2.jpg 31KB slider_pic2.jpg 31KB blog-pic2.jpg 31KB blog_pic2.jpg 3KB blog_pic1.jpg 3KB ads_pic.jpg 495B jquery-ui.min.js 232KB jquery-ui-1.8.16.custom.min.js 206KB jquery.min.js 91KB bootstrap.js 54KB owl.carousel.js 37KB bootstrap.min.js 28KB allinone_carousel.js 25KB css3-mediaqueries.js 16KB jquery.fancybox-1.2.1.js 15KB jquery.mixitup.min.js 14KB fliplightbox.min.js 14KB fwslider.js 9KB modernizr.custom.js 7KB jquery.easing.min.js 5KB jquery.ui.touch-punch.min.js 1KB menu.js 263B icons.less 26KB variables.less 10KB spinning.less 765B mixins.less 699B path.less 684B stacked.less 476B font-awesome.less 405B list.less 375B larger.less 370B rotated-flipped.less 367B bordered-pulled.less 330B core.less 270B fixed-width.less 119B FontAwesome.otf 61KB
c1.png 6KB c2.png 6KB fancy_closebox.png 2KB circle_right_arrow.png 2KB circle_left_arrow.png 2KB c3.png 2KB fancy_right.png 2KB fancy_left.png 2KB logo.png 2KB C4.png 1KB arrows.png 422B arrow.png 259B right_arrow.png 206B down_arrowh.png 169B down_arrow.png 160B _icons.scss 26KB _variables.scss 10KB _spinning.scss 766B _mixins.scss 701B _path.scss 695B _stacked.scss 482B _rotated-flipped.scss 412B font-awesome.scss 405B _list.scss 378B _larger.scss 375B _bordered-pulled.scss 332B _core.scss 271B _fixed-width.scss 120B
fontawesome-webfont.svg 197KB共 103 条
- 1
- 2
资源评论
