Letlabo Nature Reserve
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

aboutus.html 10.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Letlabo Natrue Reserve</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <meta name="description" content="" />
  8. <!-- css -->
  9. <link href="css/bootstrap.min.css" rel="stylesheet" />
  10. <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
  11. <link href="css/jcarousel.css" rel="stylesheet" />
  12. <link href="css/flexslider.css" rel="stylesheet" />
  13. <link href="css/style.css" rel="stylesheet" />
  14. <!-- Theme skin -->
  15. <link href="skins/default.css" rel="stylesheet" />
  16. <!-- =======================================================
  17. Theme Name: Moderna
  18. Theme URL: https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/
  19. Author: BootstrapMade
  20. Author URL: https://bootstrapmade.com
  21. ======================================================= -->
  22. </head>
  23. <body>
  24. <div id="wrapper">
  25. <!-- start header -->
  26. <header>
  27. <div class="navbar navbar-default navbar-static-top">
  28. <div class="container">
  29. <div class="navbar-header">
  30. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  31. <span class="icon-bar"></span>
  32. <span class="icon-bar"></span>
  33. <span class="icon-bar"></span>
  34. </button>
  35. <a class="navbar-brand" href="index.html" style="font-size: 40pt"><span>Letlabo
  36. </span>Nature
  37. Reserve</a>
  38. </div>
  39. <div class="navbar-collapse collapse">
  40. <ul class="nav navbar-nav">
  41. <li class="active"><a href="index.html">Home</a></li>
  42. <li class="dropdown">
  43. <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">Services
  44. <b class="icon-angle-down"></b></a>
  45. <ul class="dropdown-menu">
  46. <li><a href="accommodation.html">Accommodation</a></li>
  47. <li><a href="hunting.html">Hunting</a></li>
  48. <li><a href="events.html">Weddings/Conferences</a></li>
  49. </ul>
  50. </li>
  51. <li><a href="gallery.html">Gallery</a></li>
  52. <li><a href="aboutus.html">About Us</a></li>
  53. <li><a href="contact.html">Contact</a></li>
  54. </ul>
  55. </div>
  56. </div>
  57. </div>
  58. </header>
  59. <!-- end header -->
  60. <section id="inner-headline">
  61. <div class="container">
  62. <div class="row">
  63. <div class="col-lg-12">
  64. <ul class="breadcrumb">
  65. <li><a href="index.html"><i class="fa fa-home"></i></a><i class="icon-angle-right"></i></li>
  66. <li class="active">About Us</li>
  67. </ul>
  68. </div>
  69. </div>
  70. </div>
  71. </section>
  72. <div class="aboutus-section">
  73. <div class="container">
  74. <div class="row">
  75. <div class="col-md-3 col-sm-6 col-xs-12">
  76. <div class="aboutus">
  77. <h2 class="aboutus-title">About Us</h2>
  78. <p class="aboutus-text">Rooiberg is a town in Waterberg District Municipality in the
  79. Limpopo province of South Africa. Town, archaeological site and tin-mining area,
  80. 50 km west-north-west of Warmbad, at the conjunction of the Springbok Flats with
  81. the Waterberg Plateau. The name is Afrikaans for ‘red mountain</p>
  82. <p class="aboutus-text">More Info</p>
  83. </div>
  84. </div>
  85. <div class="col-md-3 col-sm-6 col-xs-12">
  86. <div class="aboutus-banner">
  87. </div>
  88. </div>
  89. <div class="col-md-5 col-sm-6 col-xs-12">
  90. <div class="feature">
  91. <div class="feature-box">
  92. <div class="clearfix">
  93. <div class="feature-content">
  94. <h4>Work with heart</h4>
  95. <p>Details.</p>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="feature-box">
  100. <div class="clearfix">
  101. <div class="feature-content">
  102. <h4>Reliable services</h4>
  103. <p>Details</p>
  104. </div>
  105. </div>
  106. </div>
  107. <div class="feature-box">
  108. <div class="clearfix">
  109. <div class="feature-content">
  110. <h4>Great support</h4>
  111. <p>Details</p>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <footer>
  121. <div class="container">
  122. <div class="row">
  123. <div class="col-lg-4" style="text-align: center">
  124. <div class="widget">
  125. <h5 class="widgetheading" style="color: black">Address Info</h5>
  126. <address>
  127. <strong class=>Letlabo Nature Resrve</strong><br>
  128. Farm Vellefontein<br>
  129. Rooiberg <br>
  130. Limpopo <br>
  131. South Africa </address>
  132. <p>
  133. <i class="icon-phone"></i> (+27) 82 466 5034<br>
  134. <i class="icon-envelope-alt"></i> wildtrade@outlook.com
  135. </p>
  136. </div>
  137. </div>
  138. <div class="col-lg-4">
  139. <div class="widget" style="text-align: center">
  140. <h5 class="widgetheading" style="color: black">Google Map</h5>
  141. <br>
  142. <br>
  143. <div class="map" style="text-align: center">
  144. <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"
  145. width="300" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="col-lg-4" style="text-align: center">
  150. <div class="widget">
  151. <h5 class="widgetheading" style="color: black">Navigation</h5>
  152. <ul class="link-list">
  153. <li><a href="events.html">Conferences / Weddings</a></li>
  154. <li><a href="accommodation.html">Accommodation</a></li>
  155. <li><a href="hunting.html">Hunting Packages</a></li>
  156. <li><a href="aboutus.html">About us</a></li>
  157. <li><a href="contact.html">Contact us</a></li>
  158. <li><a href="privacy.html">Indemnity</a></li>
  159. </ul>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <div id="sub-footer">
  165. <div class="container">
  166. <div class="row">
  167. <div class="col-lg-6">
  168. <div class="copyright">
  169. <p>&copy; Moderna Theme. All right reserved.</p>
  170. <div class="credits">
  171. <!--
  172. All the links in the footer should remain intact.
  173. You can delete the links only if you purchased the pro version.
  174. Licensing information: https://bootstrapmade.com/license/
  175. Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Moderna
  176. -->
  177. Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </footer>
  185. </div>
  186. <a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
  187. <!-- javascript
  188. ================================================== -->
  189. <!-- Placed at the end of the document so the pages load faster -->
  190. <script src="js/jquery.js"></script>
  191. <script src="js/jquery.easing.1.3.js"></script>
  192. <script src="js/bootstrap.min.js"></script>
  193. <script src="js/jquery.fancybox.pack.js"></script>
  194. <script src="js/jquery.fancybox-media.js"></script>
  195. <script src="js/google-code-prettify/prettify.js"></script>
  196. <script src="js/portfolio/jquery.quicksand.js"></script>
  197. <script src="js/portfolio/setting.js"></script>
  198. <script src="js/jquery.flexslider.js"></script>
  199. <script src="js/animate.js"></script>
  200. <script src="js/custom.js"></script>
  201. </body>
  202. </html>