


<!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="active"><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="hero-area">
        <div class="hero-slides owl-carousel">
                   
                <!-- Single Hero Slide -->
 <div class="single-hero-slide d-flex align-items-center justify-content-center">
                 <!-- Slide Img -->
                <div class="slide-img bg-img" style="background-image: url('img/1102021Y43X4K021044bg-1.jpg');"></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-12 col-lg-9">
                        
                            <!-- Slide Content -->
                            <div class="hero-slides-content" data-animation="fadeInUp" data-delay="100ms">
                                <div class="line" data-animation="fadeInUp" data-delay="300ms"></div>
                                <h2 data-animation="fadeInUp" data-delay="500ms">Tatil cenneti güzelliğinde</h2>
                                <p data-animation="fadeInUp" data-delay="700ms">Otelimizde tatil yapmak için planlandığınız tüm etkinlikleri yaşayacaksınız.</p>
                                <a href="?atbr=2" class="btn palatin-btn mt-50" data-animation="fadeInUp" data-delay="900ms">Galeriye Git</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            
    
            
            

                <!-- Single Hero Slide -->
 <div class="single-hero-slide d-flex align-items-center justify-content-center">
                 <!-- Slide Img -->
                <div class="slide-img bg-img" style="background-image: url('img/110202100UKS0021051bg-2.jpg');"></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-12 col-lg-9">
                        
                            <!-- Slide Content -->
                            <div class="hero-slides-content" data-animation="fadeInUp" data-delay="100ms">
                                <div class="line" data-animation="fadeInUp" data-delay="300ms"></div>
                                <h2 data-animation="fadeInUp" data-delay="500ms">Hatırlanacak bir yer</h2>
                                <p data-animation="fadeInUp" data-delay="700ms">Otelimiz rahatlığı ve konforuyla aklınızda sürekli yer edinecektir. </p>
                                <a href="?atbr=2" class="btn palatin-btn mt-50" data-animation="fadeInUp" data-delay="900ms">Galeriye Git</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            
    
            
            

                <!-- Single Hero Slide -->
 <div class="single-hero-slide d-flex align-items-center justify-content-center">
                 <!-- Slide Img -->
                <div class="slide-img bg-img" style="background-image: url('img/110202185WIJT021058bg-3.jpg');"></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-12 col-lg-9">
                        
                            <!-- Slide Content -->
                            <div class="hero-slides-content" data-animation="fadeInUp" data-delay="100ms">
                                <div class="line" data-animation="fadeInUp" data-delay="300ms"></div>
                                <h2 data-animation="fadeInUp" data-delay="500ms">Hayatın tadını çıkar</h2>
                                <p data-animation="fadeInUp" data-delay="700ms">Otelimiz de aradığınız huzuru ve rahatlığı bulacaksınız.</p>
                                <a href="?atbr=2" class="btn palatin-btn mt-50" data-animation="fadeInUp" data-delay="900ms">Galeriye Git</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            
    
            
            
	            
            
            
        </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="13.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="14.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 ##### -->

  

    <!-- ##### About Us Area Start ##### -->
    <section class="about-us-area">
        <div class="container">
            <div class="row align-items-center">

                <div class="col-12 col-lg-6">
                    <div class="about-text text-center mb-100">
                        <div class="section-heading text-center">
                            <div class="line-"></div>
                            <h2>ataber otel her anı güzel</h2>
                        </div>
                        <p>Hızla gelişen ve farklılaşan otelcilikte sektöründe; sürekli gelişme bilinciyle teknolojiyi yakından takip ederek çevre şartlarını iyi kullanıp, gıda güvenliğini de sağlayıp eğitimli personel ile ekip çalışmalarını ön planda tutarak güler yüz ve güveni müşteri memnuniyetiyle bütünleştirip üstün kalite hizmeti, bir sistem içerisinde planlı ve sürekli olarak sunmak otel politikamızdır.</p>
                        <a href="?atbr=5" class="btn palatin-btn mt-50">İletişime Geç</a>
                    </div>
                </div>

                <div class="col-12 col-lg-6">
                    <div class="about-thumbnail homepage mb-100">
                        <!-- First Img -->
                        <div class="first-img wow fadeInUp" data-wow-delay="100ms">
                            <img src="img/bg-img/5.jpg" alt="">
                        </div>
                        <!-- Second Img -->
                        <div class="second-img wow fadeInUp" data-wow-delay="300ms">
                            <img src="img/bg-img/6.jpg" alt="">
                        </div>
                        <!-- Third Img-->
                        <div class="third-img wow fadeInUp" data-wow-delay="500ms">
                            <img src="img/bg-img/7.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ##### About Us Area End ##### -->

    <!-- ##### Pool Area Start ##### -->
    <section class="pool-area section-padding-100 bg-img bg-fixed" style="background-image: url('img/bg-img/4.png');">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-12 col-lg-7">
                    <div class="pool-content text-center wow fadeInUp" data-wow-delay="300ms">
                        <div class="section-heading text-center white">
                            <div class="line-"></div>
                            <h2>En İyi Açık Yüzme Havuzu</h2>
                            <p>Sürekli aktif durumuda bulunan açık yüzme havuzumuz siz değerli misafirlerimiz için 7/24 aktif ve temiz tutulmaktadır.</p>
                        </div>

                        <div class="row">
                            <div class="col-12 col-sm-4">
                                <div class="pool-feature">
                                    <i class="icon-cocktail-1"></i>
                                    <p>Havuz Barı</p>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4">
                                <div class="pool-feature">
                                    <i class="icon-swimming-pool"></i>
                                    <p>7/24 Aktif</p>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4">
                                <div class="pool-feature">
                                    <i class="icon-beach"></i>
                                    <p>Şezlog</p>
                                </div>
                            </div>
                        </div>
                        <!-- Button -->
                        <a href="?atbr=2" class="btn palatin-btn mt-50">Galeriye Git</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ##### Pool Area End ##### -->

    <!-- ##### Rooms Area Start ##### -->
    <section class="rooms-area section-padding-100-0">
        <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>Odalarımız</h2>
                        <p>Konaklamak istediğiniz oda tipipini seçiniz.</p>
                    </div>
                </div>
            </div>

            <div class="row justify-content-center">

			
</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/110202154Y9YW0504181.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>Lüks Odalar</h4>
                            <p>Lüks Odalar</p>
                        </div>
                        <!-- Book Room -->
                        <a href="?atbr=1&at=1" class="book-room-btn btn palatin-btn">Odaları Gör</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/1102021NGCHGM0505106.jpg');"></div>
                        <!-- Price -->
                        <p class="price-from">Gecelik 150,00TL'dan başlanyan Fiyatlarla</p>
                        <!-- Rooms Text -->
                        <div class="rooms-text">
                            <div class="line"></div>
                            <h4>Suit Odalar</h4>
                            <p>Suit Odalar</p>
                        </div>
                        <!-- Book Room -->
                        <a href="?atbr=1&at=2" class="book-room-btn btn palatin-btn">Odaları Gör</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/1102021HK879B0505579.jpg');"></div>
                        <!-- Price -->
                        <p class="price-from">Gecelik 100,00TL'dan başlanyan Fiyatlarla</p>
                        <!-- Rooms Text -->
                        <div class="rooms-text">
                            <div class="line"></div>
                            <h4>Normal Odalar</h4>
                            <p>Normal Odalar</p>
                        </div>
                        <!-- Book Room -->
                        <a href="?atbr=1&at=3" class="book-room-btn btn palatin-btn">Odaları Gör</a>
                    </div>
                </div>

	


            </div>
        </div>
    </section>
    <!-- ##### Rooms Area End ##### -->
  <!-- ##### Contact Area Start ##### -->
    <section class="contact-area d-flex flex-wrap align-items-center">
        <div class="home-map-area">
<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>
        <!-- Contact Info -->
        <div class="contact-info">
            <div class="section-heading wow fadeInUp" data-wow-delay="100ms">
                <div class="line-"></div>
                <h2>Ulaşım Bilgileri</h2>
            </div>
            <h4 class="wow fadeInUp" data-wow-delay="300ms">Bilinmeyen Caddesi Bilinmeyen Sok. No:17 Bilinmeyen/Bilinmeyen</h4>
            <h5 class="wow fadeInUp" data-wow-delay="400ms">+14149991212</h5>
            <h5 class="wow fadeInUp" data-wow-delay="500ms"></h5>
            <!-- Social Info -->
            <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" aria-hidden="true"></i></a>
                <a href="https://www.twitter.com"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com"><i class="fa fa-youtube fa-2x" aria-hidden="true"></i></a>
            </div>
        </div>
    </section>
    <!-- ##### Contact 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>