| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 | <!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">Events</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="event.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/wedding.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>© 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>
 |