File: /home/batigun/www/eski/urunler_mont.html
<!DOCTYPE HTML>
<!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>Batıgün Tekstil - Montlar - Şapka, Yelek, Tulum, Promosyon ve Tekstil Ürünleri</title>
<meta name="description" content="Batıgün Tekstil - Promosyon ve Tekstil Ürünleri" />
<meta name="keywords" content="Batıgün, tekstil, promosyon, şapka" />
<meta name="robots" content="index, follow" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700,700italic" />
<link rel="stylesheet" type="text/css" href="js/tipsy/tipsy.css" />
<link rel="stylesheet" type="text/css" href="js/prettyPhoto/css/prettyPhoto.css" media="all" />
<link rel="stylesheet" type="text/css" href="js/superfish/superfish.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/scrollpane/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<!-- SCRIPTS -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/tipsy/jquery.tipsy.js"></script>
<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/superfish/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish/superfish.js"></script>
<script type="text/javascript" src="js/montage/jquery.montage.min.js"></script>
<script type="text/javascript" src="js/mdetect.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<!-- CUSTOM SCRIPTS FOR THIS PAGE -->
<script type="text/javascript">
$(document).ready(function() {
//GRID THUMBS
var container = $('#grid-gallery .gallery .container');
var imgs = container.find('img').hide();
var totalImgs = imgs.length;
var i = 0;
imgs.each(function(i) {
var img = $(this);
$('<img/>').load(function() {
i++;
if( i === totalImgs ) {
imgs.show();
container.montage({
liquid: false,
fillLastRow: true
});
}
}).attr('src', img.attr('src'));
});
//NAVIGATION
var amount = 152;
var i = 0;
var numClicks = 4;
$('#grid-gallery .navi .up').click(function() {
if (i < 0) {
i++;
$('#grid-gallery .gallery .wrapper').animate({ top: amount*i }, 600, 'easeOutQuart');
}
});
$('#grid-gallery .navi .down').click(function() {
if (i >= -numClicks) {
i--;
$('#grid-gallery .gallery .wrapper').animate({ top: amount*i }, 600, 'easeOutQuart');
}
});
//FADE IN DELAY ANIMATION
$('#grid-gallery .preload').delay(2500).animate({ opacity:0 }, 500, 'easeOutQuad');
$('#grid-gallery .gallery').delay(3000).animate({ opacity:1 }, 1000, 'easeOutQuad');
$('#grid-gallery .navi').delay(3000).animate({ left:45 }, 500, 'easeOutQuad');
//IMG ZOOM ICON
generateHover($("#grid-gallery .gallery .container .rollover"));
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- GLOBAL BORDER -->
<div id="left"></div>
<div id="right"></div>
<div id="top"></div>
<div id="bottom"></div>
<!-- FULLSCREEN BACKGROUND -->
<div id="backg">
<img src="images/grid_gallery/background.jpg" class="bg" />
</div>
<!-- HEADER -->
<div id="header">
<a href="index.html"><img src="images/logo.png" alt="" title="Anasayfaya dön" /></a>
</div>
<!-- GRID GALLERY -->
<div id="grid-gallery">
<!-- BASE BAND -->
<!--<div class="base"></div>-->
<!-- TITLE & SUBTITLE -->
<span class="title">ÜRÜNLERİMİZ | <span class="subtitle">Montlar</span></span>
<!-- PRELOAD -->
<div class="preload">
<img src="images/preload2.gif" alt="" />
</div>
<!-- NAVIGATION -->
<div class="navi">
<img src="images/grid_gallery/up_bt.png" alt="" class="up" />
<img src="images/grid_gallery/down_bt.png" alt="" class="down" />
</div>
<!-- GALLERY STUFF -->
<div class="gallery">
<div class="container">
<a href="images/grid_gallery/mont/1.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/1.jpg" width="200" alt="" /></a>
<a href="images/grid_gallery/mont/2.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/2.jpg" alt="" /></a>
<a href="images/grid_gallery/mont/3.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/3.jpg" alt="" /></a>
<a href="images/grid_gallery/mont/4.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/4.jpg" alt="" /></a>
<a href="images/grid_gallery/mont/5.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/5.jpg" alt="" /></a>
<a href="images/grid_gallery/mont/6.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/6.jpg" alt="" /></a>
<a href="images/grid_gallery/mont/7.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/7.jpg" alt="" /></a>
<a href="images/grid_gallery/mont/8.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/8.jpg" alt="" /></a>
<a href="images/grid_gallery/mont/9.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/9.jpg" alt="" /></a>
<a href="images/grid_gallery/mont/10.jpg" data-rel="prettyPhoto[gallery]" title="Image sample title" class="rollover"><img src="images/grid_gallery/mont/10.jpg" alt="" /></a>
</div>
</div>
</div>
<!-- MENU -->
<div id="menu">
<ul id="sample-menu-3" class="sf-menu sf-vertical">
<li><a href="index.html">Anasayfa</a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li>
<a href="#">Ürünlerimiz</a>
<ul class="second_level">
<li><a href="urunler_mont.html">Montlar</a></li>
<li><a href="urunler_sapka.html">Şapkalar</a></li>
<li><a href="urunler_polar.html">Polarlar</a></li>
<li><a href="urunler_yelek.html">Yelekler</a></li>
</ul>
</li>
<li><a href="iletisim.html">İletişim</a></li>
</ul>
</div>
<!-- FOOTER - COPYRIGHT & SOCIAL NETWORKS -->
<div id="footer">
<ul>
<li class="copyright">Copyright © 2012 - <a href="mailto:mail@buraksonmez.com">Burak Sönmez</a></li>
<!--<li><a href="http://www.facebook.com/pezflash" target="_blank" title="Facebook"><img src="images/icon_facebook.png" alt="facebook" /></a></li>
<li><a href="http://www.twitter.com/pezflash" target="_blank" title="Twitter"><img src="images//icon_twitter.png" alt="twitter" /></a></li>-->
<li><a href="http://www.buraksonmez.com" target="_blank" title="RSS"><img src="images//icon_rss.png" alt="rss" /></a></li>
</ul>
</div>
</body>
</html>