index.php

<?php include('header.php'); ?>

<!-- Hero Section Begin -->
<section class="hero">
    <div class="hero__slider owl-carousel">
        <div class="hero__items set-bg" data-setbg="gambar/sistem/hero/hero-1.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-7 col-md-8">
                        <div class="hero__text">
                            <h6>Penawaran Khusus</h6>
                            <h2>Waktunya Liburan</h2>
                            <p>Nikmati waktu liburan bersama orang tercinta di waktu liburan. Ada penawaran harga khusus loh.</p>
                            <a href="kamar.php" class="primary-btn">Booking <span class="arrow_right"></span></a>
                            <div class="hero__social">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-pinterest"></i></a>
                                <a href="#"><i class="fa fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hero__items set-bg" data-setbg="gambar/sistem/hero/hero-2.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-7 col-md-8">
                        <div class="hero__text">
                            <h6>PROMO</h6>
                            <h2>Promo Kamar Mewah Super Delux</h2>
                            <p>Booking sekarang, penawaran terbatas, hanya sampai akhir bulan ini saja, yuk booking sekarang!</p>
                            <a href="kamar.php" class="primary-btn">Booking <span class="arrow_right"></span></a>
                            <div class="hero__social">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-pinterest"></i></a>
                                <a href="#"><i class="fa fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Hero Section End -->

<!-- Banner Section Begin -->
<section class="banner spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 offset-lg-4">
                <div class="banner__item">
                    <div class="banner__item__pic">
                        <img style="width: 450px" src="gambar/hotel/1.jpg" alt="">
                    </div>
                    <div class="banner__item__text">
                        <h2>Kamar Delux</h2>
                        <a href="kamar.php">Booking Sekarang</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="banner__item banner__item--middle">
                    <div class="banner__item__pic">
                         <img style="width: 450px" src="gambar/hotel/4.jpg" alt="">
                    </div>
                    <div class="banner__item__text">
                        <h2>Kamar Super Delux</h2>
                        <a href="kamar.php">Booking Sekarang</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="banner__item banner__item--last">
                    <div class="banner__item__pic">
                         <img style="width: 450px" src="gambar/hotel/2.jpg" alt="">
                    </div>
                    <div class="banner__item__text">
                        <h2>Kamar Superior</h2>
                        <a href="kamar.php">Booking Sekarang</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Banner Section End -->

<!-- Product Section Begin -->


<!-- Categories Section Begin -->

<!-- Categories Section End -->

<!-- Instagram Section Begin -->

<!-- Latest Blog Section End -->

<?php include('footer.php'); ?>