


<!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="active"><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>Hizmetlerimiz</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="17.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="18.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 ##### -->
   <!-- ##### 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>

    <!-- ##### Milestones Area End ##### -->
<section class="our-hotels-area section-padding-100-0">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-heading text-center">
                        <div class="line-"></div>
                        <h2>Otelimizin Tüm İmkanları</h2>
                    </div>
                </div>
            </div>

            <div class="row justify-content-center">
                <!-- Single Hotel Info -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-hotel-info mb-100">
                        <div class="hotel-info-text">
 			     
                  
<h6><span class="fa fa-check"></span> <b>Konumu</b></h6>
<h6>(İlçe merkezinde, barlara sokağına ve denize yakın konum)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Aktiviteler</b></h6>
<h6>(Havuz Oyunları – Türk Hamamı – Sauna – Aletli Spor Salonu – Masa Tenisi – Soft Animasyon – Bilardo)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Ücretli Hizmetler</b></h6>
<h6>(İthal içkiler, her türlü kapalı şişe içecekler, dondurma, taze sıkılmış meyve suları, Türk kahvesi, doktor hizmetleri, kese köpük masaj, emanet kasası, telefon, çamaşır & ütü, bilardo ve plaj havlusu)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Havuz ve Plaj Olanakları</b></h6>
<h6>(Otelden plaja, otelin belirlemiş olduğu saatlerde ücretsiz servis hizmeti sağlanmaktadır. Bu plajda şezlong ve şemsiye ücretsiz olup, yiyecek ve içecekler ücretlidir. Shuttle servis saatlerini resepsiyondan öğrenebilirsiniz.
Bunun yanı sıra otelde açık yüzme havuzu ve çocuk havuzu da bulunmaktadır.)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Bagaj Odası</b></h6>
<h6>(Bagaj Odası)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Klima</b></h6>
<h6>(Klima)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Havuz Bar</b></h6>
<h6>(Havuz Bar)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Plaj</b></h6>
<h6>(Plaj)</h6>

  
</div></div></div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-hotel-info mb-100">
                        <div class="hotel-info-text">
     
                  
<h6><span class="fa fa-check"></span> <b>Cafe / Bar</b></h6>
<h6>(Cafe / Bar)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Çocuk Havuzu</b></h6>
<h6>(Çocuk Havuzu)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Fitness Merkezi</b></h6>
<h6>(Fitness Merkezi)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Masa tenisi – Bilardo – Dart</b></h6>
<h6>(Masa tenisi – Bilardo – Dart)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Masaj Servisi</b></h6>
<h6>(Masaj Servisi)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Doktor Hizmetleri</b></h6>
<h6>(Doktor Hizmetleri)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Açık Yüzme Havuzu</b></h6>
<h6>(Açık Yüzme Havuzu)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Restoran</b></h6>
<h6>(Restoran)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Sauna</b></h6>
<h6>(Sauna)</h6>

  
</div></div></div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-hotel-info mb-100">
                        <div class="hotel-info-text">
     
                  
<h6><span class="fa fa-check"></span> <b>Türk Hamamı</b></h6>
<h6>(Türk Hamamı)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Kablosuz İnternet</b></h6>
<h6>(Kablosuz İnternet)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>İnternet Köşesi</b></h6>
<h6>(İnternet Köşesi)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Plaj Havlusu</b></h6>
<h6>(Plaj Havlusu)</h6>

       
                  
<h6><span class="fa fa-check"></span> <b>Eğlence Etkinlikleri</b></h6>
<h6>(Eğlence Etkinlikleri)</h6>

  	
                          
                            
                            
                            
                        </div>
                     </div>
                </div>
             </div>
        </div>
    </section>
    </div>
    <!-- ##### Hotels 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>