<!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>
        <hr>
        <!-- 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 class="active">Contact</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <section id="content">

            <div class="container">
                <div class="row">
                    <div class="col-md-5 col-md-offset-1">
                        <h4>Get in touch with us by filling <strong>contact form below</strong></h4>
                        <div id="sendmessage">Your message has been sent. Thank you!</div>
                        <div id="errormessage"></div>

                        <form action="contact.php" method="post">
                            <input class="form-control" type="text" placeholder="Name" name="name" required>
                            <hr>
                            <input class="form-control" type="Email" placeholder="Email" name="email" required>
                            <input class="form-control" type="Phone" placeholder="Contact Number" name="phone" required>
                            <hr>
                            <input class="form-control" type="text" placeholder="Subject" name="subject" required>
                            <hr>
                            <textarea class="form-control" name="message" placeholder="Message" cols="30" rows="5"></textarea>
                            <hr>
                            <input class="btn btn btn-theme" type="submit" value="Send Message" name="submit">
                        </form>

                    </div>
                    <div class="col-md-5 col-md-offset-1">
                        <img src="img/Farm/buffalo3.jpg" />

                    </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>&copy; 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>
    <script src="contactform/contactform.js"></script>

</body>

</html>