


<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

	<link rel="icon" href="img/1102021V67R8L053726favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="img/1102021V67R8L053726favicon.ico" type="image/x-ico">
	<title>Ataber Otel</title>
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <!-- Preloader -->
    <div class="preloader d-flex align-items-center justify-content-center">
        <div class="cssload-container">
            <div class="cssload-loading"><i></i><i></i><i></i><i></i></div>
        </div>
    </div>

    <!-- ##### Header Area Start ##### -->
    <header class="header-area">
        <!-- Navbar Area -->
        <div class="palatin-main-menu">
            <div class="classy-nav-container breakpoint-off">
                <div class="container">
                    <!-- Menu -->
                    <nav class="classy-navbar justify-content-between" id="palatinNav">

                        <!-- Nav brand -->
                        <a href="?" class="nav-brand"><img src="img/1102021623OMR015006banner.png" alt=""></a>

                        <!-- Navbar Toggler -->
                        <div class="classy-navbar-toggler">
                            <span class="navbarToggler"><span></span><span></span><span></span></span>
                        </div>

                        <!-- Menu -->
                        <div class="classy-menu">

                            <!-- close btn -->
                            <div class="classycloseIcon">
                                <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                            </div>

                            <!-- Nav Start -->
                            <div class="classynav">
                                <ul>
                                    <li class=""><a href="?">Başlangıç</a></li>
                                    <li class=""><a href="?atbr=3">Hakkımızda</a></li>
                                    <li class=""><a href="?atbr=1">Odalarımız</a></li>
                                    <li class=""><a href="?atbr=4">Hizmetlerimiz</a></li>
                                    <li class=""><a href="?atbr=2">Resim Galerisi</a></li>
                                </ul>

                                <!-- Button -->
                                <div class="menu-btn">
                                    <a href="?atbr=5" class="btn palatin-btn">Rezervasyon Yap</a>
                                </div>

                            </div>
                            <!-- Nav End -->
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>

    <section class="breadcumb-area bg-img d-flex align-items-center justify-content-center" style="background-image: url('img/topust.png');">
        <div class="bradcumbContent">
<h2>Rezervasyon Yap</h2>
        </div>
    </section>
    
    <!-- ##### Hero Area End ##### -->

 
    <!-- ##### Book Now Area End ##### -->

  

<section class="ftco-section contact-section ftco-no-pb" id="contact-section">
		<div class="container">
			<div class="row justify-content-center mb-5 pb-3">
				<div class="col-md-7 heading-section text-center ftco-animate">
					<h1 class="mb-4 pt-4">Rezervasyon</h1>
				</div>
			</div>

			<div class="row block-9">
				<div class="col-md-8 alert alert-dark" style="background-color:#ffffff">	
				
					<form action="?atbr=5&at=&br=1" class="p-4 p-md-5 contact-form" method="post">
          
                    <div class="row">
                    					<h2 class="mb-4 pt-4">Online Revervasyon Formu</h2>

							<div class="col-md-6">
								<div class="form-group">
									<input type="text" name="adsoyad" id="adsoyad" class="form-control" placeholder="Adınız Soyadınız" size="20">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<input type="text" name="telefon" id="telefon" class="form-control" placeholder="Telefon Numaranız" size="20">
								</div>
							</div>
							
							<div class="col-md-6">
							<div class="form-group">
                                <label for="select1">Otele Giriş Tarihi</label>
    <input type="date" name="otelgiris" class="form-control  w-100" value="" size="20">

                            </div>   </div>

                            <!-- Form Group -->
                            <div class="col-md-6">
                            <div class="form-group">
                                <label for="select2">Otelden Çıkış Tarihi</label>
    <input type="date" name="otelcikis" class="form-control w-100"  value="" size="20">
 							</div></div>

               					<div class="col-md-4 pt-2 ">
								<div class="form-group">
                                <select class="form-control w-100" name="kackisi">
                                  <option>Yetişkin Kişi Sayısı</option>
                                  <option >0</option>
                                  <option >1</option>
                                  <option >2</option>
                                  <option >3</option>
                                  <option >4</option>
                                  <option >5</option>
                                  <option >6</option>
                                </select>
                            </div></div>

                            <!-- Form Group -->
                             <div class="col-md-4 pt-2">
                            <div class="form-group">
                                <select class="form-control  w-100" name="kaccocuk">
                                 <option>Çocuk Sayısı</option>
                                  <option >0</option>
                                  <option >1</option>
                                  <option >2</option>
                                  <option >3</option>
                                  <option >4</option>
                                  <option >5</option>
                                </select>
                            </div> </div>
                             <div class="col-md-4 pt-2">
                            <div class="form-group">
                                <select class="form-control  w-100" name="oda">
                                <option >Kalmak İstediğiniz Oda</option>
                                  
<option >Çift Kişilik Süit</option>
  
  
<option >Tek Kişilik Süit Oda</option>
  
  
<option >Çift Kişilik Lüks Oda</option>
  
  
<option >Tek Kişilik Normal Oda</option>
  
                                   
                                </select>
                              
                            </div> </div>
							<div class="col-md-12">
							  <hr>
								<div class="form-group">
									<textarea cols="30" rows="7" id="siparis" name="siparis" class="form-control" placeholder="Notunuz"></textarea>
								</div>
							</div>
							 
<div class="col-md-6">
  <div class="form-group">
    <span class="input-group-addon">KOD : <img border='0' src='Resim/guvenlikkodu/6_1.png'><img border='0' src='Resim/guvenlikkodu/0.png'><img border='0' src='Resim/guvenlikkodu/5_1.png'><img border='0' src='Resim/guvenlikkodu/6_1.png'><img border='0' src='Resim/guvenlikkodu/9_1.png'></span>
    </div>
</div>
  <div class="col-md-6">
  <div class="form-group">  
    <input id="gkodu" type="text" class="form-control" name="gkodu" placeholder="Kodu Buraya Yazın" size="20">
  </div>
	</div
							
							<div class="col-md-12">
								<div class="form-group">
									<input type="submit" value="Talep Oluştur" class="btn palatin-btn btn-2" >
								</div>
							</div>
							

					</form>
						
					
				</div>

				<div class="col-md-4 d-flex pl-md-5">
					<div class="row alert alert-dark" style="background-color:#ffffff">
					<div class="rooms-text">
						<h4><span><b>Addres :</span></b>  Bilinmeyen Caddesi Bilinmeyen Sok. No:17 Bilinmeyen/Bilinmeyen</h4><hr>
<a href="tel://+14149991212"><h4><span><b>Telefon :</b></span> +14149991212</h4></a><hr>
<a href="https://wa.me/+9994141212"><h4><span><b>Whatsapp :</b></span> +9994141212</h4></a><hr>
<a href="mailto:info@ataber.com"><h4><span><b>Email :</b></span> info@ataber.com</h4></a><hr>
<a href="https://www.ataber.com"><h4><span><b>Website : </b></span> www.ataber.com</h4></a><hr>
<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" id="gmap_canvas" src="https://maps.google.com/maps?width=520&height=400&hl=en&q=%C5%9Fanl%C4%B1urfa%20+()&t=&z=12&ie=UTF8&iwloc=B&output=embed"></iframe>
                        </div></div> </div> 

			</div>
			</div>

		</div>
	</section>
    <!-- ##### Footer Area Start ##### -->
    <footer class="footer-area">
        <div class="container">
            <div class="row">

                              <!-- Footer Widget Area -->
                <div class="col-12 col-lg-5">
                    <div class="footer-widget-area mt-50">
                                <div class="social-info mt-50 wow fadeInUp" data-wow-delay="600ms">
                        <a href="?" class="d-block mb-5"><img src="img/1102021623OMR015006banner.png" alt=""></a>
                    </div>
                </div>
</div>
                <!-- Footer Widget Area -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="footer-widget-area mt-50">
            <div class="social-info mt-50 wow fadeInUp" data-wow-delay="600ms">
                <a href="https://www.facebook.com"><i class="fa fa-facebook fa-2x text-white" aria-hidden="true"></i></a>&nbsp;&nbsp;
                <a href="https://www.twitter.com"><i class="fa fa-twitter fa-2x text-white" aria-hidden="true"></i></a>&nbsp;&nbsp;
                <a href="https://www.instagram.com"><i class="fa fa-instagram fa-2x text-white" aria-hidden="true"></i></a>&nbsp;&nbsp;
                <a href="https://www.youtube.com"><i class="fa fa-youtube fa-2x text-white" aria-hidden="true"></i></a>
            </div>
                    </div>
                </div>

                <!-- Footer Widget Area -->
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="footer-widget-area mt-50">
            <h6 class="wow fadeInUp text-white" data-wow-delay="300ms">Bilinmeyen Caddesi Bilinmeyen Sok. No:17 Bilinmeyen/Bilinmeyen</h6>
            <h6 class="wow fadeInUp text-white" data-wow-delay="400ms">+14149991212</h6>
            <h6 class="wow fadeInUp text-white" data-wow-delay="500ms">info@ataber.com</h6>
                    </div>
                </div>
                
                <!-- Copywrite Text -->
                <div class="col-12">
                    <div class="copywrite-text mt-30">
                        <p> <a target="_blank" href="http://www.ataber.com/" ><img src="ataberx.png"></a>  Desing by <a href="https://colorlib.com" target="_blank">Colorlib</a> Edit by <a href="https://www.ataber.com" target="_blank">İbrahim Ataber</a></p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- ##### Footer Area End ##### -->

    <!-- ##### All Javascript Script ##### -->
    <!-- jQuery-2.2.4 js -->
    <script src="js/jquery/jquery-2.2.4.min.js"></script>
    <!-- Popper js -->
    <script src="js/bootstrap/popper.min.js"></script>
    <!-- Bootstrap js -->
    <script src="js/bootstrap/bootstrap.min.js"></script>
    <!-- All Plugins js -->
    <script src="js/plugins/plugins.js"></script>
    <!-- Active js -->
    <script src="js/active.js"></script>
    <script src="js/atbr.js"></script>

</body>

</html>