


<!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>Oda İncelemesi</h2>
        </div>
    </section>
    
    <!-- ##### Hero Area End ##### -->

    <!-- ##### Book Now Area Start ##### -->
    <div class="book-now-area">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-10">
                    <div class="book-now-form">
                        <form action="?atbr=5" method="post">
                            <!-- Form Group -->
                            <div class="form-group">
                                <label for="select1">Otele Giriş Tarihi</label>
    <input type="date" name="otelgiris" class="form-control"  style="width:180px" value="14.04.2026" size="20">

                            </div>

                            <!-- Form Group -->
                            <div class="form-group">
                                <label for="select2">Otelden Çıkış Tarihi</label>
    <input type="date" name="otelcikis" class="form-control" style="width:180px" value="15.04.2026" size="20">

                            </div>

                            <!-- Form Group -->
                            <div class="form-group">
                                <label for="select3">Yetişkin</label>
                                <select class="form-control" name="kackisi">
                                  <option>1</option> 
                                  <option>2</option>
                                  <option>3</option>
                                  <option>4</option>
                                  <option>5</option>
                                  <option>6</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group">
                                <label for="select4">Çocuk</label>
                                <select class="form-control" name="kaccocuk">
                                  <option>0</option>
                                  <option>1</option>
                                  <option>2</option>
                                  <option>3</option>
                                  <option>4</option>
                                  <option>5</option>
                                </select>
                            </div>

                            <!-- Button -->
                            <button type="submit">Rezervasyon Yap</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- ##### Book Now Area End ##### -->

  
	    <div class="blog-area section-padding-0-100">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="palatin-blog-posts">

                        <!-- ##### Single Blog Post ##### -->
                        <div class="single-blog-post mb-100 wow fadeInUp" data-wow-delay="100ms">
                            <!-- Post Thumb -->
                            <div class="blog-post-thumb">
                                <img src="img/1102021C7JHNB15551717.jpg" alt=""  width="100%">
                            </div>
                            <!-- Post Content -->
                            <div class="post-content">
                                <!-- Post Date-->
                                <a href="#" class="post-date btn palatin-btn">Gecelik 120,00TL'dan başlanyan Fiyatlarla</a>
                                <!-- Post Title -->
                                <a href="#" class="post-title">Tek Kişilik Süit Oda</a>
                                <!-- Post Meta -->
                                <!-- Post Excerpt -->
                                <p>En üst katlarda olan suit odalarımız manzaralı ve jakuzilidir. </p>
                            </div>
                        </div> 
                        
                        
  <div class="row">
<div class="col-md-12" >
<h5 style="text-color:#000;"><b>ODA GÖRSELLERİ</b></h5>
<div class="row">

					</div>
				</div>
			</div>



   <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" style="max-width:50%;">
        <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="" style="max-width:100%;">
            </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>
                      
                        
                        
                <div class="col-12">
                    <div class="load-more-btn text-center wow fadeInUp" data-wow-delay="700ms">
                        <a href="?atbr=5&oda=Tek Kişilik Süit Oda" class="btn palatin-btn btn-2">BU ODAYI REZERVE ET</a> <a href="?atbr=1" class="btn palatin-btn">TÜM ODALARI GÖR</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
 </div>
    <!-- ##### 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>