Your IP : 216.73.217.62


Current Path : /home/kamilrogam/komp/2018/180513/_MY_PROJECTS/kamin/
Upload File :
Current File : /home/kamilrogam/komp/2018/180513/_MY_PROJECTS/kamin/index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
	<head>
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Kasia i Łukasz</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Arima+Madurai:400,700&amp;subset=latin-ext" rel="stylesheet">
		<script type="text/javascript" src="assets/jquery-1.10.1.min.js"></script>
		<script type="text/javascript" src="assets/jquery.fancybox.pack.js?v=2.1.5"></script>
		<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbs.css?v=1.0.7" />
		<script type="text/javascript" src="assets/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
		<script src="assets/jquery.bxslider.min.js"></script>
		<link href="css/jquery.bxslider.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/main.min.css" type="text/css" />	
	</head>
	<body>
		<div class="lbox"><div class="loader"></div></div>
		<div class="img-cover">
			<div class="txt"><span>Save</span><span>the</span><span>date</span></div>
			<div class="copyrights">
				<a href="http://monikabanaszczyk.pl/" title="Monika Banaszczyk Photography" target="_blank">Fot. Monika Banaszczyk</a>
			</div>
			<div class="anchor">
				<img src="img/arrow.png" alt="Przewiń w dół" title="Przewiń w dół"/>
			</div>
		</div>
		<div class="width info" id="main">
			<div class="float-container">
				<div class="floatl">
					<h1>Kasia <span>&#10084;</span> Łukasz</h1>
					<h2>Pobieramy się!</h2>
					<h3><p><span>14</span><span>LIPCA</span><span>2017</span></p><p class="godzina">o 17:00</p></h3>
					<div id="countdown"></div>
				</div>
				<div class="floatr">
					<ul class="bxslider">
						<li><img src="img/slider/z1.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z2.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z3.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z4.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z5.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z6.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z7.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z8.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z9.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z10.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z11.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z12.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z13.jpg" alt="Kasia i Łukasz" /></li>
						<li><img src="img/slider/z14.jpg" alt="Kasia i Łukasz" /></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="width loveimg">
			<img class="love" src="img/love.png" alt="Miłość"/>
		</div>
		<div class="width galeria">
			<p>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z1.jpg"><img src="img/resize/z1.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z2.jpg"><img src="img/resize/z2.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z3.jpg"><img src="img/resize/z3.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z5.jpg"><img src="img/resize/z5.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z6.jpg"><img src="img/resize/z6.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z7.jpg"><img src="img/resize/z7.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z8.jpg"><img src="img/resize/z8.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z9.jpg"><img src="img/resize/z9.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z10.jpg"><img src="img/resize/z10.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z12.jpg"><img src="img/resize/z12.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z14.jpg"><img src="img/resize/z14.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z16.jpg"><img src="img/resize/z16.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z17.jpg"><img src="img/resize/z17.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z19.jpg"><img src="img/resize/z19.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z20.jpg"><img src="img/resize/z20.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z21.jpg"><img src="img/resize/z21.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z22.jpg"><img src="img/resize/z22.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z23.jpg"><img src="img/resize/z23.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z24.jpg"><img src="img/resize/z24.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z25.jpg"><img src="img/resize/z25.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z26.jpg"><img src="img/resize/z26.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z27.jpg"><img src="img/resize/z27.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z29.jpg"><img src="img/resize/z29.jpg" alt="Kasia i Łukasz" /></a>
				<a class="fancybox-thumbs" data-fancybox-group="thumb" href="img/resize/z31.jpg"><img src="img/resize/z31.jpg" alt="Kasia i Łukasz" /></a>
	
			</p>
		</div>
		<div class="width loveimg">
			<img class="love" src="img/love.png" alt="Miłość"/>
		</div>
		<div class="width map">
			<p>Kliknij mapę by sprawdzić szczegóły dojazdu</p>
			<a href="https://www.google.pl/maps/dir//Ko%C5%9Bci%C3%B3%C5%82+pw.+%C5%9Aw.+Krzysztofa,+Jana+Paw%C5%82a+II+7,+05-807+Podkowa+Le%C5%9Bna/@52.1211024,20.7203117,15z/data=!4m8!4m7!1m0!1m5!1m1!1s0x471949cf075c4675:0xc0eebeda4b564d76!2m2!1d20.7271613!2d52.1212215?hl=pl" target="_blank"><img src="/img/kosciol.png" alt="mapa"></a>
		</div>
		<div class="width loveimg">
			<img class="love" src="img/love.png" alt="Miłość"/>
		</div>
		<audio id="audio" class="audio" autoplay loop>
			<source src="img/Michael_buble_everything.mp3" type="audio/mpeg">
			Stara przegladarka...
		</audio>
		<div class="controls">
			<button class="play" style="display:none;" onclick="playVid()" type="button"></button>
			<button class="pause" onclick="pauseVid()" type="button"></button>
		</div>
		<div class="fb">
			<a href="https://www.facebook.com/events/116703638931813/" target="_blank" title="Zobacz na Facebooku">
				<img src="img/fb.ico" alt="Zobacz na Facebooku"/>
			</a>
		</div>
		<script type="text/javascript">
			var end = new Date('07/14/2017 05:1 PM');
			var _second = 1000;
			var _minute = _second * 60;
			var _hour = _minute * 60;
			var _day = _hour * 24;
			var timer;
			function showRemaining() {
				var now = new Date();
				var distance = end - now;
				if (distance < 0) {
					clearInterval(timer);
					document.getElementById('countdown').innerHTML = 'To juz dziś!';
					return;
				}
				var days = Math.floor(distance / _day);
				document.getElementById('countdown').innerHTML = 'czyli za ' + days + ' dni ;)';
			}
			timer = setInterval(showRemaining, 100);
			var vid = document.getElementById("audio"); 
			function playVid() { 
				vid.play(); 
			} 
			function pauseVid() { 
				vid.pause(); 
			} 
			vid.volume = 0.8;
			(function($) {
				$(window).load(function() {
					$('.loader').fadeOut();
					$('.lbox').delay(350).fadeOut('slow');
					$('body').delay(350).css({'overflow':'visible'});
				});
			})(jQuery); 
			$(window).load(function(){
				function wymiar(){
					jQuery('html, body').animate({scrollTop: jQuery("#main").offset().top}, 2000);
				};
				window.setTimeout( wymiar, 5000 );
			});
			jQuery(document).ready(function() {
				jQuery('.fancybox-thumbs').fancybox({
					prevEffect : 'none',
					nextEffect : 'none',
					closeBtn: true,
				});
				jQuery('.bxslider').bxSlider({
					mode: 'fade',
					auto: true,
					controls: false,
					pager: false
				});
				jQuery(".anchor").click(function() {
					jQuery('html, body').animate({scrollTop: jQuery("#main").offset().top}, 2000);
				});
				jQuery(".pause").click(function() {
					jQuery(".pause").hide();
					jQuery(".play").show();
				});
				jQuery(".play").click(function() {
					jQuery(".pause").show();
					jQuery(".play").hide();
				});	
			});
		</script>
	</body>
</html>