


<!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="active"><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>Odalarımız</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.03.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.03.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 ##### -->

  		
   <!-- ##### Rooms Area Start ##### -->
    <section class="rooms-area section-padding-0-100">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-6">
                    <div class="section-heading text-center">
                        <div class="line-"></div>
                       <h2> Suit Odalar İçerisinden  Size Uygun Odayı Seçin</h2>
                        <p>Odalarımızı inceleyip, size uygun odayı seçerek rezervasyon yapabilirsiniz.</p>
                        <br><a href="?atbr=1" class="book-room-btn btn palatin-btn">Bütün Odaları Gör</a>

                    </div>
                </div>
            </div>

            <div class="row">

	
  
            <!-- Single Rooms Area -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-rooms-area wow fadeInUp" data-wow-delay="100ms">
                        <!-- Thumbnail -->
                        <div class="bg-thumbnail bg-img" style="background-image: url('img/1102021SKNHMK15543417.jpg');"></div>
                        <!-- Price -->
                        <p class="price-from">Gecelik 200,00TL'dan başlanyan Fiyatlarla</p>
                        <!-- Rooms Text -->
                        <div class="rooms-text">
                            <div class="line"></div>
                            <h4>Çift Kişilik Süit</h4>
                            <p>En üst katlarda olan suit odalarımız manzaralı ve jakuzilidir. </p>
                        </div>
                        <!-- Book Room -->
                        <a href="?atbr=6&at=26" class="book-room-btn btn palatin-btn">İncele</a>
                    </div>
                </div>

  
            <!-- Single Rooms Area -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-rooms-area wow fadeInUp" data-wow-delay="100ms">
                        <!-- Thumbnail -->
                        <div class="bg-thumbnail bg-img" style="background-image: url('img/1102021C7JHNB15551717.jpg');"></div>
                        <!-- Price -->
                        <p class="price-from">Gecelik 120,00TL'dan başlanyan Fiyatlarla</p>
                        <!-- Rooms Text -->
                        <div class="rooms-text">
                            <div class="line"></div>
                            <h4>Tek Kişilik Süit Oda</h4>
                            <p>En üst katlarda olan suit odalarımız manzaralı ve jakuzilidir. </p>
                        </div>
                        <!-- Book Room -->
                        <a href="?atbr=6&at=27" class="book-room-btn btn palatin-btn">İncele</a>
                    </div>
                </div>

              
                <div class="col-12">
                    <!-- Pagination -->
                    <div class="pagination-area wow fadeInUp" data-wow-delay="400ms">
                        <nav>
                            <ul class="pagination">
                            
        <li class="page-item active"><a  class="page-link" href="#"><span>1</span></a></li>	
                                
                            </ul>
                        </nav>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- ##### Rooms Area End ##### -->
    <!-- ##### 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>