| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430 |
- <!DOCTYPE html>
- <html lang="en">
-
- <head>
- <meta charset="utf-8">
- <title>Letlabo Natrue Reserve</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <meta name="description" content="" />
- <!-- css -->
- <link href="css/bootstrap.min.css" rel="stylesheet" />
- <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
- <link href="css/jcarousel.css" rel="stylesheet" />
- <link href="css/flexslider.css" rel="stylesheet" />
- <link href="css/style.css" rel="stylesheet" />
-
-
- <!-- Theme skin -->
- <link href="skins/default.css" rel="stylesheet" />
-
- <!-- =======================================================
- Theme Name: Moderna
- Theme URL: https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/
- Author: BootstrapMade
- Author URL: https://bootstrapmade.com
- ======================================================= -->
- </head>
-
- <body>
- <div id="wrapper">
-
- <!-- start header -->
- <header>
- <div class="navbar navbar-default navbar-static-top">
- <div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="index.html" style="font-size: 40pt"><span>Letlabo
- </span>Nature
- Reserve</a>
- </div>
- <div class="navbar-collapse collapse">
- <ul class="nav navbar-nav">
- <li class="active"><a href="index.html">Home</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">Services
- <b class="icon-angle-down"></b></a>
- <ul class="dropdown-menu">
- <li><a href="accommodation.html">Accommodation</a></li>
- <li><a href="hunting.html">Hunting</a></li>
- <li><a href="events.html">Weddings/Conferences</a></li>
- </ul>
- </li>
- <li><a href="gallery.html">Gallery</a></li>
- <li><a href="aboutus.html">About Us</a></li>
- <li><a href="contact.html">Contact</a></li>
- </ul>
- </div>
- </div>
- </div>
- </header>
- <!-- end header -->
- <section id="inner-headline">
- <div class="container">
- <div class="row">
- <div class="col-lg-12">
- <ul class="breadcrumb">
- <li><a href="index.html"><i class="fa fa-home"></i></a><i class="icon-angle-right"></i></li>
- <li><a href="#">Services</a><i class="icon-angle-right"></i></li>
- <li class="active">Accommodation</li>
- </ul>
- </div>
- </div>
- </div>
- </section>
- <section id="content">
- <div class="container">
- <div class="row">
- <div class="col-lg-12">
- <ul class="portfolio-categ filter">
- <li class="all active"><a href="#">All</a></li>
- <li class="ext"><a href="#" title="">Exterior</a></li>
- <li class="int"><a href="#" title="">Interior</a></li>
- <li class="grnd"><a href="#" title="">Grounds</a></li>
- </ul>
- <div class="clearfix">
- </div>
- <div class="row">
- <section id="projects">
- <ul id="thumbs" class="portfolio">
- <!-- Item Project and Filter Name -->
- <li class="item-thumbs col-lg-3 design" data-id="id-0" data-type="ext">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="2 Bedroom Chalets" href="img/farm/acc/1.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/1.jpg" alt="Fully furnished, modern self-catering Chalets 2 bedroom,
- with a sleep couch for the kids">
- </li>
- <!-- End Item Project -->
- <!-- Item Project and Filter Name -->
- <li class="item-thumbs col-lg-3 design" data-id="id-1" data-type="ext">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="2 Bedroom Chalets" href="img/farm/acc/2.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/2.jpg" alt="Fully furnished, modern self-catering Chalets 2 bedroom,
- with a sleep couch for the kids">
- </li>
- <!-- End Item Project -->
- <!-- Item Project and Filter Name -->
- <li class="item-thumbs col-lg-3 photography" data-id="id-2" data-type="int">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Gounds" href="img/farm/acc/3.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/3.jpg" alt="2nd bedroom is equip with 2 single beds,
- on suite bathroom (shower only).">
- </li>
- <!-- End Item Project -->
- <!-- Item Project and Filter Name -->
- <li class="item-thumbs col-lg-3 design" data-id="id-0" data-type="int">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Grounds" href="img/farm/acc/9.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/4.jpg" alt="The living area is open plan with
- the kitchen, dining room and lounge set out to allow everyone to enjoy in
- the comfort of the modern comfort of the chalet">
- </li>
- <!-- End Item Project -->
- <!-- Item Project and Filter Name -->
- <li class="item-thumbs col-lg-3 photography" data-id="id-4" data-type="grnd">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Main Bedroom" href="img/farm/acc/5.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/5.jpg" alt="Well maintained gardens, open space and heated pools.">
- </li>
- <!-- End Item Project -->
- <!-- Item Project and Filter Name -->
- <li class="item-thumbs col-lg-3 photography" data-id="id-5" data-type="grnd">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="2nd Bedroom" href="img/farm/acc/6.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/6.jpg" alt="Fully furnished, modern self-catering Chalets 2 bedroom,
- with a sleep couch for the kids">
- </li>
- <!-- End Item Project -->
- <li class="item-thumbs col-lg-3 design" data-id="id-0" data-type="ext">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Living Area" href="img/farm/acc/7.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/7.jpg" alt="Club house venue and entertainment area">
- </li>
- <!-- End Item Project -->
- <!-- Item Project and Filter Name -->
- <li class="item-thumbs col-lg-3 design" data-id="id-0" data-type="int">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Living Area" href="img/farm/acc/8.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/8.jpg" alt="Both bedrooms have on suite bathrooms (Shower only)">
- </li>
- <li class="item-thumbs col-lg-3 design" data-id="id-0" data-type="grnd">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Living Area" href="img/farm/acc/8.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/9.jpg" alt="Well maintained gardens, open space and heated pools.">
- </li>
- <li class="item-thumbs col-lg-3 design" data-id="id-0" data-type="int">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Living Area" href="img/farm/acc/8.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/10.jpg" alt="The living area is open plan with
- the kitchen, dining room and lounge set out to allow everyone to enjoy in
- the comfort of the modern comfort ot the chalet">
- </li>
- <li class="item-thumbs col-lg-3 design" data-id="id-0" data-type="int">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Living Area" href="img/farm/acc/8.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/11.jpg" alt="Main bedroom is equip with a Queen size bed,
- on suite bathroom (shower only)">
- </li>
- <li class="item-thumbs col-lg-3 design" data-id="id-0" data-type="grnd">
- <!-- Fancybox - Gallery Enabled - Title - Full Image -->
- <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Living Area" href="img/farm/acc/8.jpg">
- <span class="overlay-img"></span>
- <span class="overlay-img-thumb font-icon-plus"></span>
- </a>
- <!-- Thumb Image and Description -->
- <img src="img/farm/acc/12.jpg" alt="Fully furnished, modern self-catering Chalets 2 bedroom,
- with a sleep couch for the kids">
- </li>
- <!-- End Item Project -->
- </ul>
- </section>
- <div class="container">
- <div class="row">
- <div class="col-md-6 ">
- <h4>Accommodation Rates</h4>
-
-
- <form action="book.php" method="post">
-
- <div class="form-group">
- <div class="grid">
- <table class="table table-striped">
- <thead>
- <tr>
- <th scope="col">Chalets</th>
- <th scope="col">Season</th>
- <th scope="col">Rate (per Night)</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Per Person</td>
- <td>In Season</td>
- <td>R550-00 (minimun 2 pax)</td>
- </tr>
- <tr>
- <td>Per Chalet</td>
- <td>In Season</td>
- <td>R1 850-00 (minimun 2 pax)</td>
- </tr>
- <tr>
- <td>Per Person</td>
- <td>Out Season</td>
- <td>R500-00 (minimun 2 pax)</td>
- </tr>
- <tr>
- <td>Per Chalet</td>
- <td>Out Season</td>
- <td>R1 850-00 (minimun 2 pax)</td>
- </tr>
-
- </tbody>
- </table>
- <h5>** Chalets sleep 6 people and are served daily</h5>
- <table class="table table-striped">
- <thead>
- <tr>
- <th scope="col">Bush Camp</th>
- <th scope="col">Season</th>
- <th scope="col">Rate (per Night)</th>
- </tr>
- </thead>
- <tbody>
-
- <tr>
- <td>Per Person</td>
- <td>All Season</td>
- <td>R300-00</td>
- </tr>
- <tr>
- <td>Per Chalet</td>
- <td>All Season</td>
- <td>R800-00</td>
- </tr>
-
- </tbody>
- </table>
- <h5>** Bush camp sleeps 8 people required to provide own linen</h5>
- </div>
- </form>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6 ">
- <h4>Booking & Contact</h4>
- <div id="sendmessage">Your message has been sent. Thank you!</div>
- <div id="errormessage"></div>
-
- <form action="book.php" method="post">
- <input class="form-control" type="text" placeholder="Name" name="name" required>
- <input class="form-control" type="Email" placeholder="Email" name="email" required>
- <input class="form-control" type="phone" placeholder="Cell Number" name="phone" required>
- <br>
- <div class="form-group">
- <div class="grid">
- <div class="col-1-4 col-1-4-sm">
- <div class="controls">
- <input type="date" id="arrive" class="floatLabel" name="arrive" value="<?php echo date('Y-m-d'); ?>">
- <label for="arrive" class="label-date"><i class="fa fa-calendar"></i> Arrive</label>
- </div>
- </div>
- <div class="col-1-4 col-1-4-sm">
- <div class="controls">
- <input type="date" id="depart" class="floatLabel" name="depart" value="<?php echo date('Y-m-d'); ?>" />
- <label for="depart" class="label-date"><i class="fa fa-calendar"></i> Depart</label>
- </div>
- </div>
- <br>
- <input class="form-control" type="text" placeholder="Number of People" name="people" required>
- </div>
-
- <textarea class="form-control" name="message" placeholder="Message" cols="30" rows="10"></textarea>
- <hr>
- <input class="btn btn btn-theme" type="submit" value="Sumbit Request" name="submit">
- </form>
-
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <footer>
- <div class="container">
- <div class="row">
- <div class="col-lg-4" style="text-align: center">
- <div class="widget">
- <h5 class="widgetheading" style="color: black">Address Info</h5>
- <address>
- <strong class=>Letlabo Nature Resrve</strong><br>
- Farm Vellefontein<br>
- Rooiberg <br>
- Limpopo <br>
- South Africa </address>
- <p>
- <i class="icon-phone"></i> (+27) 82 466 5034<br>
- <i class="icon-envelope-alt"></i> wildtrade@outlook.com
- </p>
- </div>
- </div>
- <div class="col-lg-4">
- <div class="widget" style="text-align: center">
- <h5 class="widgetheading" style="color: black">Google Map</h5>
- <br>
- <br>
-
- <div class="map" style="text-align: center">
- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6315.233318738437!2d27.778678240340998!3d-24.842450524285102!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1ebee7a893a32509%3A0x5494959cf569a4ee!2sLETLABO+NATURE+RESERVE+-+Algenie!5e1!3m2!1sen!2sza!4v1565761452013!5m2!1sen!2sza"
- width="300" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
- </div>
- </div>
- </div>
- <div class="col-lg-4" style="text-align: center">
- <div class="widget">
- <h5 class="widgetheading" style="color: black">Navigation</h5>
- <ul class="link-list">
- <li><a href="events.html">Conferences / Weddings</a></li>
- <li><a href="accommodation.html">Accommodation</a></li>
- <li><a href="hunting.html">Hunting Packages</a></li>
- <li><a href="aboutus.html">About us</a></li>
- <li><a href="contact.html">Contact us</a></li>
- <li><a href="privacy.html">Indemnity</a></li>
- </ul>
- </div>
- </div>
-
- </div>
- </div>
- <div id="sub-footer">
- <div class="container">
- <div class="row">
- <div class="col-lg-6">
- <div class="copyright">
- <p>© Moderna Theme. All right reserved.</p>
- <div class="credits">
- <!--
- All the links in the footer should remain intact.
- You can delete the links only if you purchased the pro version.
- Licensing information: https://bootstrapmade.com/license/
- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Moderna
- -->
- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- </div>
- </footer>
- </div>
- <a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
- <!-- javascript
- ================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script src="js/jquery.js"></script>
- <script src="js/jquery.easing.1.3.js"></script>
- <script src="js/bootstrap.min.js"></script>
- <script src="js/jquery.fancybox.pack.js"></script>
- <script src="js/jquery.fancybox-media.js"></script>
- <script src="js/google-code-prettify/prettify.js"></script>
- <script src="js/portfolio/jquery.quicksand.js"></script>
- <script src="js/portfolio/setting.js"></script>
- <script src="js/jquery.flexslider.js"></script>
- <script src="js/animate.js"></script>
- <script src="js/custom.js"></script>
-
- </body>
-
- </html>
|
