


<!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="active"><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>Resim Galerisi</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="18.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="19.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 ##### -->

  
  				<link rel="stylesheet" href="css/style2.css"/>

	<section class="ftco-section bg-half-light">
		<div class="container">
			<div class="row justify-content-center mb-5 pb-2">
				<div class="col-md-8 text-center heading-section ftco-animate">
					<h1 class="mb-4">Resim Galerisi</h1>
				</div>
			</div>
								<div class="row>
						 <div class="col-lg-12">


</div>
<div class="row">


         <div class="col-lg-4 col-md-4  thumb pt-1">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="11020210B425E183810" data-caption="11020210B425E183810" data-image="img/11020210B425E183810bg-3.jpg" data-target="#image-gallery">
                <img class="img-responsive w-100" src="img/11020210B425E183810bg-3.jpg" alt="11020210B425E183810">
            </a>
        </div>

  


         <div class="col-lg-4 col-md-4  thumb pt-1">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="1102021WC4ZWM183613" data-caption="1102021WC4ZWM183613" data-image="img/1102021WC4ZWM183613bg-5.jpg" data-target="#image-gallery">
                <img class="img-responsive w-100" src="img/1102021WC4ZWM183613bg-5.jpg" alt="1102021WC4ZWM183613">
            </a>
        </div>

  


         <div class="col-lg-4 col-md-4  thumb pt-1">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="11020216XM7M6183601" data-caption="11020216XM7M6183601" data-image="img/11020216XM7M6183601bg-6.jpg" data-target="#image-gallery">
                <img class="img-responsive w-100" src="img/11020216XM7M6183601bg-6.jpg" alt="11020216XM7M6183601">
            </a>
        </div>

  

</div>
<div class="row">


         <div class="col-lg-4 col-md-4  thumb pt-1">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="1102021P4UO31183552" data-caption="1102021P4UO31183552" data-image="img/1102021P4UO31183552bg-8.jpg" data-target="#image-gallery">
                <img class="img-responsive w-100" src="img/1102021P4UO31183552bg-8.jpg" alt="1102021P4UO31183552">
            </a>
        </div>

  


         <div class="col-lg-4 col-md-4  thumb pt-1">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="110202175BG5V183542" data-caption="110202175BG5V183542" data-image="img/110202175BG5V183542bg-4.jpg" data-target="#image-gallery">
                <img class="img-responsive w-100" src="img/110202175BG5V183542bg-4.jpg" alt="110202175BG5V183542">
            </a>
        </div>

  


         <div class="col-lg-4 col-md-4  thumb pt-1">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="1102021B6ZJ0P183534" data-caption="1102021B6ZJ0P183534" data-image="img/1102021B6ZJ0P183534bg-2.jpg" data-target="#image-gallery">
                <img class="img-responsive w-100" src="img/1102021B6ZJ0P183534bg-2.jpg" alt="1102021B6ZJ0P183534">
            </a>
        </div>

  
    
  </div>


 


                <div class="col-12">
                    <!-- Pagination -->
                    <div class="pagination-area wow fadeInUp" data-wow-delay="400ms">
                    <br>
                        <nav>
                            <ul class="pagination">		
 
<li class="page-item active"><a  class="page-link" href="#"><span>1</span></a></li>		

                            </ul>
                        </nav>
                        <br>
                    </div>
                </div>

          </div>
		</div>
	</section>


  <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>
    <!-- ##### 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>