| Current Path : /home/kamilrogam/komp/2018/180513/_MY_PROJECTS/kamin/ |
| 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&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>❤</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>