brucel
/
Game


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Letlabo Nature 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 class="active">Gallery</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <section id="content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-16">
                        <div class="row">
                            <div class="col-lg-1">
                                <img src="img/gallery/1.jpg" width="100" height="100" alt="1" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/2.jpg" width="100" height="100" alt="2" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/3.jpg" width="100" height="100" alt="3" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/4.jpg" width="100" height="100" alt="4" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/5.jpg" width="100" height="100" alt="5" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/6.jpg" width="100" height="100" alt="6" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/7.jpg" width="100" height="100" alt="7" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/8.jpg" width="100" height="100" alt="8" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/9.jpg" width="100" height="100" alt="9" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/10.jpg" width="100" height="100" alt="10" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/11.jpg" width="100" height="100" alt="11" onclick="myFunction(this);">
                            </div>
                            <div class="col-lg-1">
                                <img src="img/gallery/12.jpg" width="100" height="100" alt="12" onclick="myFunction(this);">
                            </div>
                        </div>

                        <!-- The expanding image container -->
                        <div class="container" style="align-content: center">
                            <!-- Close the image -->
                            <span onclick="this.parentElement.style.display='none'" class="closebtn">&times;</span>

                            <!-- Expanded image -->
                            <img id="expandedImg" style="width:60%" class="center-block">

                           
                        </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>&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="js/gallery.js"></script>

</body>

</html>