<!DOCTYPE html>
<html>
	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-3" />
		<title>KOBİT - Kuantum Optik ve Bilişim Toplantısı</title>		
		<meta name="keywords" content="kobit, kuantum, optik, bilişim, toplantısı, semineri, seminer, toplantı" />
		<meta name="description" content="KOBIT - Kuantum Optik ve Bilisim Toplantısı">
		<meta name="author" content="Unknown" >
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">
	<!-- Stylesheets
	============================================= -->
	<link href="http://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
	<link rel="stylesheet" href="style.css" type="text/css" />
	<link rel="stylesheet" href="css/swiper.css" type="text/css" />
	<link rel="stylesheet" href="css/dark.css" type="text/css" />
	<link rel="stylesheet" href="css/animate.css" type="text/css" />
	<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />

		<link rel="stylesheet" href="vendor/bootstrap/bootstrap.css">

		<link rel="stylesheet" href="css/theme.css">
		<link rel="stylesheet" href="css/theme-elements.css">
		<link rel="stylesheet" href="css/theme-blog.css">
		<link rel="stylesheet" href="css/theme-shop.css">
		<link rel="stylesheet" href="css/theme-animate.css">

		<link rel="stylesheet" href="css/skins/default.css">
		<link rel="stylesheet" href="css/custom.css">

		<script src="vendor/modernizr/modernizr.js"></script>

	</head>
	<body class="one-page" data-target=".single-menu" data-spy="scroll" data-offset="200">

		<div class="body">
			<header id="header" class="single-menu flat-menu">
				<div class="container">
					<div class="logo">
						<a href="fenis.html">
							<img alt="KOBI-0" width="335" height="85" data-sticky-width="158" data-sticky-height="40" src="img/logoyeni3.png">
						</a>
					</div>
					<button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse">
						<i class="fa fa-bars"></i>
					</button>
				</div>
				<div class="navbar-collapse nav-main-collapse collapse">
					<div class="container">
						<nav class="nav-main">
							<ul class="nav nav-pills nav-main" id="mainMenu">
								<li>
									<a href="fenis.html">
										ANA SAYFA
									</a>
				
								</li>
								<li class="active">
									<a data-hash class="dropdown-toggle" href="#galeri">
										FOTOĞRAF GALERİSİ
									</a>
				
								</li>
							</ul>
						</nav>
					</div>
				</div>
			</header>

			<div role="main" class="main" id="home">
				<div class="home-intro" id="home-intro">
					<div class="container">
						<div class="row">
							<div class="col-md-8">
								<img alt="kobi banner" width="500" height="60" src="img/Banner2.png">

							</div>
<div class="get-started">
									<a href="poster.pdf" class="btn btn-primary">Poster.pdf</a>
									<a href="program-v8-Subat-2016.pdf" class="btn btn-warning">Program.pdf</a>
									
								</div>
						</div>
					</div>
				</div>
				<div class="row center">	
					<div class="col-md-12">
							<div class="stretched" id="#galeri">

	<!-- Document Wrapper
	============================================= -->
	<div id="wrapper" class="clearfix">

		<!-- Content
		============================================= -->
		<section id="content">

			<div class="content-wrap">
				<div id="portfolio" class="portfolio portfolio-nomargin grid-container portfolio-notitle portfolio-full grid-container clearfix">
					<?php
$folder_path_b = 'images/buyuk/'; //image's folder path
$folder_path_k = 'images/kucuk/'; //image's folder path

$num_files_b = glob($folder_path_b . '*.{JPG,jpg,gif,png,bmp}', GLOB_BRACE);
$num_files_k = glob($folder_path_k . '*.{JPG,jpg,gif,png,bmp}', GLOB_BRACE);

$folder_b = opendir($folder_path_b);
$folder_k = opendir($folder_path_k);

			if(0 < $num_files_b){
				$i=0;
				while(false !== ($file_b = readdir($folder_b))){
					$file_path_b = $folder_path_b.$file_b;
					$extension_b = strtolower(pathinfo($file_b, PATHINFO_EXTENSION));
					if($extension_b =='jpg' || $extension_b =='png' || $extension_b == 'gif' || $extension_b == 'bmp'){
						$array[$i]="<a href='".$file_path_b."' class='hidden' data-lightbox='gallery-item'></a>";
						$i++;
					}
				}
			}

if(0 < $num_files_k)
{
 while(false !== ($file_k = readdir($folder_k)))
 {
  $file_path_k = $folder_path_k.$file_k;
  $extension_k = strtolower(pathinfo($file_k ,PATHINFO_EXTENSION));
  if($extension_k=='jpg' || $extension_k =='png' || $extension_k == 'gif' || $extension_k == 'bmp')
  {
   ?>
   <article class="portfolio-item pf-graphics pf-illustrations">
		<div class="portfolio-image">
			<a href="<?php echo $folder_path_b.basename($file_path_k); ?>"  data-lightbox="gallery-item">
				<img src="<?php echo $file_path_k; ?>">
			</a>
		<div class="portfolio-overlay" data-lightbox="gallery">
			<a href="<?php echo $folder_path_b.basename($file_path_k); ?>" data-lightbox="gallery-item"></a>
			<?php
			$arrlength = count($array);
			for($i = 0; $i < $arrlength; $i++){
				if(strcmp("<a href='".$folder_path_b.basename($file_path_k)."' class='hidden' data-lightbox='gallery-item'></a>",$array[$i]) != 0){
					echo $array[$i];
				}
			}
			?>
			<!--<a href="images/portfolio/full/buyuk/1.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/2.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/3.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/4.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/5.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/6.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/7.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/8.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/9.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/10.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/11.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/12.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/13.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/14.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/15.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/16.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/17.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/18.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/19.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/20.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/21.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/22.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/23.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/24.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/25.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/26.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/27.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/28.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/29.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/30.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/31.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/32.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/33.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/34.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/35.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/36.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/37.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/38.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/39.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/40.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/41.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/42.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/43.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/44.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/45.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/46.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/47.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/48.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/49.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/50.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/51.jpg" class="hidden" data-lightbox="gallery-item"></a>
			<a href="images/portfolio/full/buyuk/52.jpg" class="hidden" data-lightbox="gallery-item"></a> -->
		</div>
	</div>
</article>
            <?php
  }
 }
}
else
{
 echo 'the folder was empty !';
}
closedir($folder_k);
closedir($folder_b);
?>
				</div>
				<div class="clear"></div>
			</div>

		</section><!-- #content end -->
	</div><!-- #wrapper end -->

	<!-- Go To Top
	============================================= -->
	<div id="gotoTop" class="icon-angle-up"></div>

	<!-- External JavaScripts
	============================================= -->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/plugins.js"></script>

	<!-- Footer Scripts
	============================================= -->
	<script type="text/javascript" src="js/functions.js"></script>

						</div>
					</div>
				</div>
				
					
			
			<footer id="footer">
				<div class="container">
					<div class="row">
						<div class="col-md-4">
							<div class="newsletter">
								<h4>Destekleyenler</h4>
								<img alt="tubitak" width="110" height="110" src="img/tubitak.png">
								<img alt="hacettepe" width="110" height="110" src="img/hu-logo.png">
								<img alt="bilkent" width="110" height="110" src="img/bilkent-amblem.png">
							</div>
						</div>
						<div class="col-md-4">
							<div class="contact-details">
								<h4>İletişim</h4>
								<ul class="contact">
									<li><p><i class="fa fa-map-marker"></i> <strong>Adres:</strong> Hacettepe Üniversitesi, Nükleer Bilimler Enstitüsü, 06800 Beytepe/Ankara</p></li>
									<li><p><i class="fa fa-envelope"></i> <strong>E-posta:</strong> <a href="mailto:metasgin@hacettepe.edu.tr">metasgin@hacettepe.edu.tr</a></p></li>
								</ul>
							</div>
						</div>

					</div>
				</div>
				<div class="footer-copyright">
					<div class="container">
						<div class="row">
							<div class="col-md-11">
								<p>2016 © Bütün hakları saklıdır.</p>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>

		<!-- Vendor -->
		<script src="vendor/jquery/jquery.js"></script>
		<script src="vendor/jquery.appear/jquery.appear.js"></script>
		<script src="vendor/jquery.easing/jquery.easing.js"></script>
		<script src="vendor/jquery-cookie/jquery-cookie.js"></script>
		<script src="vendor/bootstrap/bootstrap.js"></script>
		<script src="vendor/common/common.js"></script>

		
		<script src="js/theme.js"></script>
		<script src="js/custom.js"></script>
		<script src="js/theme.init.js"></script>

    		<script src="https://maps.googleapis.com/maps/api/js"></script>
   		 <script src="gmaps.js"></script>
   		 <script>
    		  /* Map Object */


		var mapObj = new GMaps({
		  el: '#googlemaps',
		  lat: 39.868020,
		  lng: 32.737190,
		  zoom: 18,
		  scrollwheel: false
		});
		mapObj.addMarker({
		  lat: 39.868020,
		  lng: 32.737190,
		 icon: {
		 image: "img/pin.png",
		 iconsize: [26, 46],
		 iconanchor: [12, 46]},
			popup: true,	
		infoWindow: {
			content: '<p><strong>Mehmet Akif Ersoy Salonu</strong></p><p>Hacettepe Üniversitesi Beytepe Kampüsü</p>'
	},


		});

  		  </script>

	</body>
</html>
