

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1254">
	<meta name="description" content="Real estate HTML Template">
	<meta name="keywords" content="real estate, html">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="icon" href="img/2809202171ZSOL154642home.png" type="image/x-icon">
	<link rel="shortcut icon" href="img/2809202171ZSOL154642home.png" type="image/x-ico">
	<title>Ataber Emlak</title>
	<!-- Favicon -->
	<link href="img/favicon.ico" rel="shortcut icon"/>

	<!-- Google font -->
	<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900%7cRoboto:400,400i,500,500i,700,700i&display=swap" rel="stylesheet">

 
	<!-- Stylesheets -->
	<link rel="stylesheet" href="fontawesome/css/all.css">
	<link rel="stylesheet" href="css/bootstrap.min.css"/>
	<link rel="stylesheet" href="css/font-awesome.min.css"/>
	<link rel="stylesheet" href="css/slicknav.min.css"/>
	<link rel="stylesheet" href="fontawesome/css/fontawesome.min.css">

	<!-- Main Stylesheets -->
	<link rel="stylesheet" href="css/style.css"/>


	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->

</head>
<body>
	<!-- Page Preloder -->
	<div id="preloder">
		<div class="loader"></div>
	</div>

	<!-- Header Section -->
	<header class="header-section header-bg-2">
		<a href="?" class="site-logo">
			<img src="img/28092021PR4ATA154519banner.png" alt="">
		</a>
		<nav class="header-nav">
			<ul class="main-menu">
		        <li><a href="?" > Başlangıç</a></li>
		        <li><a href="?atbr=1" >İlanlarımız</a></li>
				<li><a href="?atbr=3" >Hakkımızda</a></li>
				<li><a href="?atbr=2" >Resim Galerisi</a></li>   
				<li><a href="?atbr=5" >İletişim</a></li>
			</ul>
			</div>
		</nav>
	</header>
	<!-- Header Section end -->

	<!-- Hero Section end -->

	<section class="page-top-section set-bg" data-setbg="img/topust.png">
		<div class="container pt-4">
			<div class="page-top-warp">
				<form class="main-search-form" action="?atbr=1&atb=1"  method="POST">
					<div class="search-type">
			
 
					
						<div class="st-item">
							<input type="radio" name="at" id="1" value="1" checked>
							<label for="1">Satılık Emlak</label>
						</div>


 
					
						<div class="st-item">
							<input type="radio" name="at" id="2" value="2" >
							<label for="2">Kiralık Konutlar</label>
						</div>


 
					
						<div class="st-item">
							<input type="radio" name="at" id="3" value="3" >
							<label for="3">Arsalar</label>
						</div>


 
					
						<div class="st-item">
							<input type="radio" name="at" id="16" value="16" >
							<label for="16">Kiralık Devremülk</label>
						</div>

							
                                                        
			</div>
			<script type="text/javascript">
function buyuk_yap() {
    var katar = document.getElementById("girisKatar").value;
    document.getElementById("girisKatar").value = katar.toUpperCase()
}
function kucuk_yap() {
    var katar = document.getElementById("girisKatar").value;
    document.getElementById("girisKatar").value = katar.toLowerCase()
}
                    </script>		<div class="search-input">
						<input type="text" name="ilnedir" placeholder="Lütfen aramak isteğiniz ili yazınız." size="20" id="girisKatar">
						<button class="site-btn" onClick="buyuk_yap()">Arama</button>
					</div>
					<p>Size en uygun emlağı bulmak için emlak temsilcilerimizden yardım alabilirsiniz. </p>
				</form>
			</div>
		</div>
	</section>
	<!-- Hero Section end -->

	<!-- Intro Section end -->

	<!-- Intro Section end -->


		<link rel="stylesheet" href="css/style2.css"/>

	<!-- SLIDER Start
    ================================================== -->


	<section id="topic-header">
		<div class="container">
			<div class="row  pt-4">
			<h4>İLAN DETAYLARI</h4>
			<div class="products-heading">
					&nbsp;
					</div>

				
				<!-- /.col-md-4 -->
							</div>	<!-- /.row -->
		</div>	<!-- /.container-->
	</section><!-- /Section -->




	<section id="single-product">
		<div class="container">
			<div class="row">

				<div class="col-md-5">
					<div class="single-product-img">
						<img src="img/28092021CVNX13234646naomi-hebert-MP0bgaS_d1c-unsplash.jpg" alt="" width="450" height="327">
					</div>

				</div> <!-- End of /.col-md-5 -->
				<div class="col-md-4">
					<div class="block">
						<div class="product-des">
							<h4 class="text-danger">İlan No : 16  (BOLU)</h4>
							<hr>
							<h4>3+1 Kiralık Daire</h4>
							<hr>
							<p class="price">1.500,00 TL</p>
							<p>3+1 Kiralık Daire</p>
													
							<a class="view-link" style="background-color:#FF6600" href="tel://+14149991212"><i class="fas fa-phone"></i>Telefon Görüşmesi</a>
							<a class="view-link"  href="https://wa.me/+9994141212?text=3+1 Kiralık Daire"><i class="fab fa-whatsapp"></i>Whatsapp Görüşme</a>
							


						</div>	<!-- End of /.product-des -->
					</div> <!-- End of /.block -->
				</div>	<!-- End of /.col-md-4 -->
				

			<div class="col-md-3">
					<div class="blog-sidebar">
						<div class="block">
							<h4> İlan Kategorileri</h4>
							<div class="list-group">
							
	
	
							
								<a href="?atbr=1&at=1" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Satılık Emlak
								</a>

	
							
								<a href="?atbr=1&at=2" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Kiralık Konutlar
								</a>

	
							
								<a href="?atbr=1&at=3" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Arsalar
								</a>

	
							
								<a href="?atbr=1&at=16" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Kiralık Devremülk
								</a>
	

							</div>
						</div>
	</div>
			</div>
				</div>
	
	<div class="row">
				<div class="col-md-12 col-12">
									<ul class="nav nav-tabs">
						<li class="active" ><a href="#eresim" style="background-color:#FF6600" class="view-link"  data-toggle="tab">İlan Resimleri</a></li>
					</ul>


					<div class="tab-content">
						<div class="tab-pane active" id="eresim">			
				
<section id="shop">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="product-grid">
					


</div>
<div class="row">

         <div class="col-lg-4 col-md-4  thumb pt-2">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="" data-caption="" data-image="img/290920210SE9BM0023473.jfif" data-target="#image-gallery">
                <img class="img-responsive" src="img/290920210SE9BM0023473.jfif" alt="" width="390" height="390">
            </a>
        </div>

  

         <div class="col-lg-4 col-md-4  thumb pt-2">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="" data-caption="" data-image="img/290920215WZJ360023392.jfif" data-target="#image-gallery">
                <img class="img-responsive" src="img/290920215WZJ360023392.jfif" alt="" width="390" height="390">
            </a>
        </div>

  

         <div class="col-lg-4 col-md-4  thumb pt-2">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="" data-caption="" data-image="img/29092021Z1FL1B0023341.jfif" data-target="#image-gallery">
                <img class="img-responsive" src="img/29092021Z1FL1B0023341.jfif" alt="" width="390" height="390">
            </a>
        </div>

  
    
  </div>
						</div>		
			</div>	<!-- End of /.row -->
		</div>	<!-- End of /.container -->
	</section>	
 







    
     <div class="modal fade" id="image-gallery" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Kapat</span></button>
                <h4 class="modal-title" id="image-gallery-title"></h4>
            </div>
            <div class="modal-body">
                <img id="image-gallery-image" class="img-responsive" src="">
            </div>
            <div class="modal-footer">

                <div class="col-md-2">
                    <button type="button" class="btn btn-primary" id="show-previous-image">Geri</button>
                </div>

                <div class="col-md-8 text-justify" id="image-gallery-caption">
                    This text will be overwritten by jQuery
                </div>

                <div class="col-md-2">
                    <button type="button" id="show-next-image" class="btn btn-default">İleri</button>
                </div>
            </div>
        </div>
    </div>
</div>
    <!-- End of Section -->


</div>
	</div>
			</div>
				</div>
  <br>

  	
			




					
				<div class="row">
				<div class="col-md-9 col-12">
									<ul class="nav nav-tabs">
						<li class="active" ><a href="#siparis" style="background-color:#C60000" class="view-link"  data-toggle="tab">İlan Teklif Formu</a></li>
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div class="tab-pane active" id="siparis">
					
				
					<!-- Nav tabs -->

 <form id="giris" action="?atbr=6&at=16&br=1" method="post">
 
  <div class="input-group">
    <span class="input-group-addon"><i class="fas fa-user"></i>&nbsp;</span>
    <input id="adsoyad" type="text" class="form-control" name="adsoyad" placeholder="Adınız Soyadınız" size="20">
  </div>
  <br>

  <div class="input-group">
    <span class="input-group-addon"><i class="fas fa-phone"></i>&nbsp;</span>
    <input id="telefon" type="text" class="form-control" name="telefon" placeholder="Telefon Numaranız" size="20">
  </div>
  <br>

<div class="form-group">
  <label for="comment">Teklif Detayı:</label>
  <textarea class="form-control" rows="5" id="siparis" name="siparis" cols="20">İlan: 3+1 Kiralık Daire, İlan No: 16</textarea>
</div>
 
  <div class="input-group">
    <span class="input-group-addon"><img border='0' src='Resim/guvenlikkodu/6_1.png'><img border='0' src='Resim/guvenlikkodu/0.png'><img border='0' src='Resim/guvenlikkodu/6_1.png'><img border='0' src='Resim/guvenlikkodu/6_1.png'><img border='0' src='Resim/guvenlikkodu/9_1.png'></span>
    <input id="gkodu" type="text" class="form-control" name="gkodu" placeholder="Rakamları Buraya Yazın" size="20">
  </div>
  <br>
 
	  <input type="submit" class="btn btn-danger" value="Teklif Yap">					
	 
  
</form>		
			
				
			
	</div>
				</div>
				</div>	<!-- End of /.col-md-9 -->

				<div class="col-md-3">
					<div class="blog-sidebar">


						<div class="block">
							<h4>Son Eklenen İlanlar</h4>
							<ul class="media-list">
							
							 	<li class="media">
							    	<a class="pull-left" href="?atbr=6&at=17">
							      		<img class="media-object" src="img/2909202150PESO002524photo-1503174971373-b1f69850bded.jfif" alt="...">
							    	</a>
							    	<div class="media-body">
							      		<a href="?atbr=6&at=17" class="media-heading">Satılık 4+1 Daire
							      		<p>Satılık 4+1 Daire...</p></a>
							    	</div>
							  	</li>

							 	<li class="media">
							    	<a class="pull-left" href="?atbr=6&at=16">
							      		<img class="media-object" src="img/28092021CVNX13234646naomi-hebert-MP0bgaS_d1c-unsplash.jpg" alt="...">
							    	</a>
							    	<div class="media-body">
							      		<a href="?atbr=6&at=16" class="media-heading">3+1 Kiralık Daire
							      		<p>3+1 Kiralık Daire...</p></a>
							    	</div>
							  	</li>

							  </ul>
						</div>

						</div>	<!-- End of /.col-md-3 -->
									</div>	<!-- End of /.row -->
				
		</div>	<!-- End of /.container -->
	</section>	
    </div>
    </div>
    <br>
    <!-- End of Section -->
	<!-- Footer Section -->
	<footer class="footer-section">
		<div class="container">
			<div class="row text-white">
				<div class="col-lg-4">
					<div class="footer-widger">
						<div class="about-widget">
							<div class="aw-text">
								<img src="img/28092021PR4ATA154519banner.png" alt="">
								<p>1998 Yılından beri kaliteli ve organik ürünler ile kaliteyi ucuza sunmaktayız.</p>
								<a href="?atbr=3" class="site-btn">daha fazla bilgi</a>
								<br><br>													
								<a target="_blank" class="linkedin-icon" href="https://www.facebook.com"><i class="fab fa-facebook fa-2x"></i></a>
								&nbsp;&nbsp;
								<a target="_blank" class="twitter-icon" href="https://www.twitter.com"><i class="fab fa-twitter fa-2x"></i></a>
								&nbsp;&nbsp;
								<a target="_blank" class="pinterest-icon" href="https://www.youtube.com"><i class="fab fa-youtube fa-2x"></i></a>
								&nbsp;&nbsp;
								<a target="_blank" class="linkedin-icon" href="https://www.instagram.com"><i class="fab fa-instagram fa-2x"></i></a>
								</br>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-6 col-md-3 col-sm-6">
					<div class="footer-widger">
						<h2>İletişim</h2>
						<ul>
						<p ><i class="fa  fa-map-marker"></i> <span>Adres :</span> Bilinmeyen Caddesi Bilinmeyen Sok. No:17 Bilinmeyen/Bilinmeyen</p>
						<p> <i class="fa  fa-phone"></i> <span>Telefon :</span> +14149991212 </p>

						<p> <i class="fa  fa-mobile"></i> <span>Whatsapp :</span> +9994141212</p>
 
						<p class="mail"><i class="fa  fa-envelope"></i> <span>Email :</span> info@ataber.com</p>
						</ul>
					</div>
				</div>
				<div class="col-lg-2 col-md-3 col-sm-6">
					<div class="footer-widger">
						<h2>Sayfalar</h2>
						<ul>
		        <li><a href="?" > Başlangıç</a></li>
		        <li><a href="?atbr=1" >İlanlarımız</a></li>
				<li><a href="?atbr=3" >Hakkımızda</a></li>
				<li><a href="?atbr=2" >Resim Galerisi</a></li>   
				<li><a href="?atbr=5" >İletişim</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="copyright">
								<a target="_blank" href="http://www.ataber.com/" >
						<img src="ataberx.png"></a> Designed by <a href="https://colorlib.com" target="_blank">Colorlib</a> Edit by <a href="http://www.ataber.com">ibrahim Ataber</a>
</div>
		</div>
	</footer>
	<!-- Footer Section end -->
	
	<!--====== Javascripts & Jquery ======-->
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.slicknav.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/main.js"></script>
	<script src="js/atbr.js"></script>

	</body>
</html>