Letlabo Nature Reserve
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Letlabo Nature 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="featured">
  61. <!-- start slider -->
  62. <div class="container">
  63. <div class="row">
  64. <div class="col-lg-12">
  65. <!-- Slider -->
  66. <div id="main-slider" class="flexslider">
  67. <ul class="slides">
  68. <li>
  69. <img src="img/Farm/chalet1.jpg" alt="" height="650" width="300" />
  70. <div class="flex-caption">
  71. <h3>Accommodation</h3>
  72. <p>Set at the foot of the Rooiberg mountians, Five 2 Bedroom Chalets Fully Self-Catering chalets</p>
  73. <a href="accommodation.html" class="btn btn-theme">Learn More</a>
  74. </div>
  75. </li>
  76. <li>
  77. <img src="img/Farm/exterior2.jpg" alt="" height="650" width="300"/>
  78. <div class="flex-caption">
  79. <h3>Venue</h3>
  80. <p>Perfectly located bushveld Conference or Wedding Venue with Accommodation
  81. </p>
  82. <a href="events.html" class="btn btn-theme">Learn More</a>
  83. </div>
  84. </li>
  85. <li>
  86. <img src="img/Farm/Hunting1.jpg" alt="" height="650" width="300" />
  87. <div class="flex-caption">
  88. <h3>Hunting Packages</h3>
  89. <p>Thorn Veld hunting 2 hours from Pretoria</p>
  90. <a href="hunting.html" class="btn btn-theme">Learn More</a>
  91. </div>
  92. </li>
  93. </ul>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </section>
  99. <section id="content">
  100. <div class="container">
  101. <div class="row">
  102. <div class="col-lg-12">
  103. <div class="row">
  104. <div class="col-lg-3">
  105. <div class="box">
  106. <div class="box-gray aligncenter">
  107. <h4>Letlabo Nature Reserve Accommodation</h4>
  108. <div class="icon">
  109. <i class="fa fa-desktop fa-3x"></i>
  110. </div>
  111. <p>
  112. Luxury Bushveld accommodation 2 hours from Pretoria
  113. </p>
  114. </div>
  115. <div class="box-bottom">
  116. <a href="accommodation.html">Learn more</a>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="col-lg-3">
  121. <div class="box">
  122. <div class="box-gray aligncenter">
  123. <h4>Letlabo Nature Reserve Functions & Weddings</h4>
  124. <div class="icon">
  125. <i class="fa fa-pagelines fa-3x"></i>
  126. </div>
  127. <p>
  128. Catering for your Functions and Weddings
  129. </p>
  130. </div>
  131. <div class="box-bottom">
  132. <a href="events.html">Learn more</a>
  133. </div>
  134. </div>
  135. </div>
  136. <div class="col-lg-3">
  137. <div class="box">
  138. <div class="box-gray aligncenter">
  139. <h4>Letlabo Nature Reserve Hunting Packages</h4>
  140. <div class="icon">
  141. <i class="fa fa-edit fa-3x"></i>
  142. </div>
  143. <p>
  144. Number of different Species, Trophy Hunter & Biltong hunter
  145. </p>
  146. </div>
  147. <div class="box-bottom">
  148. <a href="hunting.html">Learn more</a>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="col-lg-3">
  153. <div class="box">
  154. <div class="box-gray aligncenter">
  155. <h4>Letlabo Nature Reserve Information</h4>
  156. <div class="icon">
  157. <i class="fa fa-code fa-3x"></i>
  158. </div>
  159. <p>
  160. Read more about us and the team here at Letlabo Nature Reserve
  161. </p>
  162. </div>
  163. <div class="box-bottom">
  164. <a href="aboutus.html">Learn more</a>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </section>
  173. <footer>
  174. <div class="container">
  175. <div class="row">
  176. <div class="col-lg-4" style="text-align: center">
  177. <div class="widget">
  178. <h5 class="widgetheading" style="color: black">Address Info</h5>
  179. <address>
  180. <strong class=>Letlabo Nature Resrve</strong><br>
  181. Farm Vellefontein<br>
  182. Rooiberg <br>
  183. Limpopo <br>
  184. South Africa </address>
  185. <p>
  186. <i class="icon-phone"></i> (+27) 82 466 5034<br>
  187. <i class="icon-envelope-alt"></i> wildtrade@outlook.com
  188. </p>
  189. </div>
  190. </div>
  191. <div class="col-lg-4">
  192. <div class="widget" style="text-align: center">
  193. <h5 class="widgetheading" style="color: black">Google Map</h5>
  194. <br>
  195. <br>
  196. <div class="map" style="text-align: center">
  197. <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"
  198. width="300" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
  199. </div>
  200. </div>
  201. </div>
  202. <div class="col-lg-4" style="text-align: center">
  203. <div class="widget">
  204. <h5 class="widgetheading" style="color: black">Navigation</h5>
  205. <ul class="link-list">
  206. <li><a href="events.html">Conferences / Weddings</a></li>
  207. <li><a href="accommodation.html">Accommodation</a></li>
  208. <li><a href="hunting.html">Hunting Packages</a></li>
  209. <li><a href="aboutus.html">About us</a></li>
  210. <li><a href="contact.html">Contact us</a></li>
  211. <li><a href="privacy.html">Indemnity</a></li>
  212. </ul>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. <div id="sub-footer">
  218. <div class="container">
  219. <div class="row">
  220. <div class="col-lg-6">
  221. <div class="copyright">
  222. <p>&copy; Moderna Theme. All right reserved.</p>
  223. <div class="credits">
  224. <!--
  225. All the links in the footer should remain intact.
  226. You can delete the links only if you purchased the pro version.
  227. Licensing information: https://bootstrapmade.com/license/
  228. Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Moderna
  229. -->
  230. Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </footer>
  238. </div>
  239. <a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
  240. <!-- javascript
  241. ================================================== -->
  242. <!-- Placed at the end of the document so the pages load faster -->
  243. <script src="js/jquery.js"></script>
  244. <script src="js/jquery.easing.1.3.js"></script>
  245. <script src="js/bootstrap.min.js"></script>
  246. <script src="js/jquery.fancybox.pack.js"></script>
  247. <script src="js/jquery.fancybox-media.js"></script>
  248. <script src="js/google-code-prettify/prettify.js"></script>
  249. <script src="js/portfolio/jquery.quicksand.js"></script>
  250. <script src="js/portfolio/setting.js"></script>
  251. <script src="js/jquery.flexslider.js"></script>
  252. <script src="js/animate.js"></script>
  253. <script src="js/custom.js"></script>
  254. </body>
  255. </html>