


<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="icon" href="img/Favicon.ico">
    <title>Palmwaters</title>

    <!-- Font Awesome for icons -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <!-- Jquery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <!-- Bootstrap core JS -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    <!-- Bootstrap css -->
    <link rel="stylesheet" href="bootstrap.css">
    <!-- Google Font Open Sans -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <!-- bxSlider Javascript file -->
    <script src="jquery.bxslider.min.js"></script>
    <!-- bxSlider CSS file -->
    <link href="jquery.bxslider.css" rel="stylesheet" />
    <!-- Custom Css -->
    <link href="style.css" rel="stylesheet" />
    <!-- Custom Css -->
    <link href="style2.css" rel="stylesheet" />

    <script>
    $(document).ready(function(){
      $('.bxslider').bxSlider({
        captions: true,
        preventDefaultSwipeX: false
      });
    });
    </script>
    </head>
    <body>


       <!---
        Need to change break point for toggle navigation
        -->
     <?php include('navbar.php'); ?>
     <div style="position: relative">
       <img src="https://images.unsplash.com/photo-1483221545928-50dd3b5882ea?ixlib=rb-1.2.1&auto=format&fit=crop&w=2850&q=80" style="
           width: 100%;
           max-height: 600px;
           object-position: 0% 88%; /* default value: image is centered*/
           min-height: 451px;
           object-fit: cover;
       ">
       <div class="shadow"></div>
       <div style="position: absolute; top: 0px; left: 0px; display: flex; width: 100%; height: 100%; align-items: flex-start; flex-direction: column; justify-content: center">
         <div class="welcome-container container">
         <div class="welcome-wrapper">
           <h3 class="welcome-header">
             Welcome to Palm Waters, Townsville.
           </h3>
           <h1 class="welcome-big-header">
             Your home in the tropics.
           </h1>
           <a class="btn btn-outline-primary btn-lg" href="https://apac.littlehotelier.com/properties/palmwatersdirect">
             Book Now
          </a>
        </div>
        </div>
       </div>
    </div>
    <div class="container">
      <div class="row" style="margin-top: 30px">
        <div class="col-md-6" style="padding: 20px; max-width: 100%; position: relative;">
          <a href="/OneBedroom.php" class="hoverable-reveal" style="display: flex; align-items: center; text-decoration: none; flex-direction: column; justify-content: center;">
            <h1 style="margin-top: 10px; color: black;">One Bedroom</h1>
          </a>
          <img style="width: 100%; height: 350px; object-fit: cover; object-position: top;" src="photos/v2/PalmOneBed/One bedroom Living and Dining.jpg" />
        </div>
        <div class="col-md-6" style="padding: 20px; max-width: 100%; position: relative;">
          <a href="/TwoBedroom.php" class="hoverable-reveal" style="display: flex; align-items: center; text-decoration: none; flex-direction: column; justify-content: center;">
            <h1 style="margin-top: 10px; color: black;">Two Bedroom</h1>
          </a>
          <img style="width: 100%; height: 350px; object-fit: cover; object-position: top;" src="photos/v2/PalmTwoBed/Family%20unit%20lounge.jpg" />
        </div>
      </div>
      <div class="row" style="margin-top: 30px">
        <div class="col-md-6" style="padding: 20px; max-width: 100%; position: relative;">
          <a href="https://www.angelwaters.com.au" class="hoverable-reveal" style="display: flex; align-items: center; text-decoration: none; flex-direction: column; justify-content: center;">
            <h1 style="margin-top: 10px; color: black;">Sister Site</h1>
            <h2 style="margin-top: 20px; color: black;">Angel Waters</h2>
          </a>
          <img style="width: 100%; height: 350px; object-fit: cover; object-position: top;" src="photos/DeluxeTwoBedroom.jpg" />
        </div>
        <div class="col-md-6" style="padding: 20px; max-width: 100%; position: relative;">
          <a href="https://www.angelwaters.com.au/Holiday_Home.php" class="hoverable-reveal" style="display: flex; align-items: center; text-decoration: none; flex-direction: column; justify-content: center;">
            <h1 style="margin-top: 10px; color: black;">Holiday Home</h1>
          </a>
          <img style="width: 100%; height: 350px; object-fit: cover; object-position: top;" src="photos/Holday-Home/Outside-House.jpg" />
        </div>
      </div>
        <div class="row" style="text-align: center; margin-top: 20px">
            <div class="col-md-6">
                <i class="fa fa-usd fa-4x" style="color: rgba(69,194,176, 1.0)"></i>
                <p>
                    Our properties offer spacious and affordable self-contained one and two bedroom apartments catering for twin share, couples or families. We welcome guests staying under the Patient Travel  Subsidy Scheme
                </p>
            </div>
            <div class="col-md-6">
                <i class="fa fa-clock-o fa-4x" style="color: rgba(69,194,176, 1.0)"></i>
                <p>
                  We offer short to long term stays with daily, weekly and corporate rates available.
                </p>
            </div>

        </div>
        <div class="row" style="text-align:center">
            <div class="col-md-6">
                <i class="fa fa-map-marker fa-4x" style="color: rgba(69,194,176, 1.0)"></i>
                <p>
                  Located in the middle of The Strand precinct; walking distance to The Strand, Jezzine Barracks, Pallaranda, Castle Hill and Townsville Sports Reserve.
                </p>
            </div>
            <div class="col-md-6">
                <i class="fa fa-users fa-4x" style="color: rgba(69,194,176, 1.0)"></i>
                <p>
                  Palm Waters Holiday Villas is a family owned and operated business. Our goal is to provide you with a personalised service and cater to your individual needs. If you have any special requests, please don't hesitate to ask us.
                </p>
            </div>
        </div>
    </div>

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

    </body>
</html>
