
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Sylvia Carlo</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="windows-1254">
		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/animate.css" rel="stylesheet" media="screen">
		<link href="css/streamline-icons.css" rel="stylesheet" media="screen">
		<link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
		<link href="css/perfect-scrollbar.css" rel="stylesheet" media="screen">
		<link href="css/styles.css" rel="stylesheet" media="screen">

		<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,100,300' rel='stylesheet' type='text/css'>


		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700' rel='stylesheet' type='text/css'>
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
			<script src="js/ie/html5shiv.js"></script>
			<script src="js/ie/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>

		<header id="header">
			<div id="sidebar-content">

	<div class="logo">
		<a href="#"><img src="images/logo.png" alt="Logo"></a>
	</div>

	<nav id="nav-container">
		<ul>
			<li><a href="Default.asp">Anasayfa</a></li>
			<li>
				<a href="#">Kurumsal</a>
				<ul class="sub-menu">
					
					<li><a href="Hakkimizda.asp?ID=2">Tarihçe</a></li>
					
				</ul>
			</li>
			<li>
				<a href="#">ÜRÜNLERİMİZ</a>
				<ul class="sub-menu">
				
					<li><a href="Urunlerimiz.asp?ID=1">Bay</a></li>
				
					<li><a href="Urunlerimiz.asp?ID=2">Bot</a></li>
				
					<li><a href="Urunlerimiz.asp?ID=3">Klasik</a></li>
				
					<li><a href="Urunlerimiz.asp?ID=4">Sandalet</a></li>
				
					<li><a href="Urunlerimiz.asp?ID=5">Spor</a></li>
					
				</ul>
			</li>
			<li><a href="Iletisim.asp">İLETİŞİM</a></li>
		</ul>
	</nav><!-- end nav-container -->

	<div class="social-container">
		<a href="#"><i class="fa fa-facebook"></i></a>
		<a href="#"><i class="fa fa-pinterest"></i></a>
		<a href="#"><i class="fa fa-twitter"></i></a>
		<a href="#"><i class="fa fa-dribbble"></i></a>
	</div>

	<div id="footer">
		<div id="footer-content">
			<span class="copy">design by <a href="#">mgm bilisim</a></span>
		</div>

	</div>

</div><!-- end sidebar-content -->
		</header>

		<div class="main-content">

			<div class="entry-title parallax bg-image">

				<div class="mask"></div>
				
				<div class="entry-title_text">
					<h1>Spor</h1>

					<h2 class="stripped-shadow">SPOR</h2>
				</div>

			</div>
			
			<div class="filter-container wow bounceInLeft animated" style="visibility: visible;">
				<ul class="filters">
				</ul>
			</div>

			<ul id="portfolio" class="masonry-grid">
			
				<li class="masonry-grid-item" style="border: 15px solid rgb(255, 255, 255);">
					<div class="hover-box">
						<div class="info">
							<h5>Spor</h5>
							<span>001</span>
							<a href="resimler/20140401__7051050067.jpg" data-lightbox="true"><i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
					<a href="resimler/20140401__7051050067.jpg" data-lightbox="true">
						<img src="resimler/20140401__7051050067.jpg" alt="">
					</a>
				</li>
			
				<li class="masonry-grid-item" style="border: 15px solid rgb(255, 255, 255);">
					<div class="hover-box">
						<div class="info">
							<h5>Spor</h5>
							<span>002</span>
							<a href="resimler/20140401__8491327166.jpg" data-lightbox="true"><i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
					<a href="resimler/20140401__8491327166.jpg" data-lightbox="true">
						<img src="resimler/20140401__8491327166.jpg" alt="">
					</a>
				</li>
			
				<li class="masonry-grid-item" style="border: 15px solid rgb(255, 255, 255);">
					<div class="hover-box">
						<div class="info">
							<h5>Spor</h5>
							<span>003</span>
							<a href="resimler/20140401__8275110125.jpg" data-lightbox="true"><i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
					<a href="resimler/20140401__8275110125.jpg" data-lightbox="true">
						<img src="resimler/20140401__8275110125.jpg" alt="">
					</a>
				</li>
			
				<li class="masonry-grid-item" style="border: 15px solid rgb(255, 255, 255);">
					<div class="hover-box">
						<div class="info">
							<h5>Spor</h5>
							<span>004</span>
							<a href="resimler/20140401__4828607440.jpg" data-lightbox="true"><i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
					<a href="resimler/20140401__4828607440.jpg" data-lightbox="true">
						<img src="resimler/20140401__4828607440.jpg" alt="">
					</a>
				</li>
			
				<li class="masonry-grid-item" style="border: 15px solid rgb(255, 255, 255);">
					<div class="hover-box">
						<div class="info">
							<h5>Spor</h5>
							<span>005</span>
							<a href="resimler/20140401__3069116473.jpg" data-lightbox="true"><i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
					<a href="resimler/20140401__3069116473.jpg" data-lightbox="true">
						<img src="resimler/20140401__3069116473.jpg" alt="">
					</a>
				</li>
			
				<li class="masonry-grid-item" style="border: 15px solid rgb(255, 255, 255);">
					<div class="hover-box">
						<div class="info">
							<h5>Spor</h5>
							<span>006</span>
							<a href="resimler/20140401__1719781757.jpg" data-lightbox="true"><i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
					<a href="resimler/20140401__1719781757.jpg" data-lightbox="true">
						<img src="resimler/20140401__1719781757.jpg" alt="">
					</a>
				</li>
			
				<li class="masonry-grid-item" style="border: 15px solid rgb(255, 255, 255);">
					<div class="hover-box">
						<div class="info">
							<h5>Spor</h5>
							<span>007</span>
							<a href="resimler/20140401__8266565203.jpg" data-lightbox="true"><i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
					<a href="resimler/20140401__8266565203.jpg" data-lightbox="true">
						<img src="resimler/20140401__8266565203.jpg" alt="">
					</a>
				</li>
			
			</ul>

		</div>
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
		<script src="js/nprogress.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery.isotope.min.js"></script>
		<script src="js/jquery.bxslider.min.js"></script>
		<script src="js/jquery.fitvids.js"></script>
		<script src="js/jquery.transit.min.js"></script>
		<script src="js/jquery.mousewheel.js"></script>
		<script src="js/perfect-scrollbar-0.4.8.min.js"></script>
		<script src="js/jquery.mobilemenu.js"></script>
		<script src="js/jquery.parallax-1.1.3.js"></script>
		<script src="js/jquery.inview.min.js"></script>
		<script src="js/retina-1.1.0.min.js"></script>
		<script src="js/jquery.easypiechart.min.js"></script>
		<script src="js/wow.min.js"></script>
		
		<!-- Portfolio Lightbox -->
		<script src="js/imagelightbox.min.js"></script>
		<script>
			$( function(){

				overlayOn = function(){
					$( '<div id="imagelightbox-overlay"></div>' ).appendTo( 'body' );
				},
				overlayOff = function(){
					$( '#imagelightbox-overlay' ).remove();
				},

				$( 'a[data-lightbox="true"]' ).imageLightbox({
					onStart: function() { overlayOn(); },
					onEnd: function() { overlayOff(); },
				});
			});
		</script>

		<script src="js/min/custom.min.js"></script>

	




















































































































</body>

</html>