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.

contact.html 9.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  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. <hr>
  60. <!-- end header -->
  61. <section id="inner-headline">
  62. <div class="container">
  63. <div class="row">
  64. <div class="col-lg-12">
  65. <ul class="breadcrumb">
  66. <li><a href="index.html"><i class="fa fa-home"></i></a><i class="icon-angle-right"></i></li>
  67. <li class="active">Contact</li>
  68. </ul>
  69. </div>
  70. </div>
  71. </div>
  72. </section>
  73. <section id="content">
  74. <div class="container">
  75. <div class="row">
  76. <div class="col-md-5 col-md-offset-1">
  77. <h4>Get in touch with us by filling <strong>contact form below</strong></h4>
  78. <div id="sendmessage">Your message has been sent. Thank you!</div>
  79. <div id="errormessage"></div>
  80. <form action="contact.php" method="post">
  81. <input class="form-control" type="text" placeholder="Name" name="name" required>
  82. <hr>
  83. <input class="form-control" type="Email" placeholder="Email" name="email" required>
  84. <input class="form-control" type="Phone" placeholder="Contact Number" name="phone" required>
  85. <hr>
  86. <input class="form-control" type="text" placeholder="Subject" name="subject" required>
  87. <hr>
  88. <textarea class="form-control" name="message" placeholder="Message" cols="30" rows="5"></textarea>
  89. <hr>
  90. <input class="btn btn btn-theme" type="submit" value="Send Message" name="submit">
  91. </form>
  92. </div>
  93. <div class="col-md-5 col-md-offset-1">
  94. <img src="img/Farm/buffalo3.jpg" />
  95. </div>
  96. </div>
  97. </div>
  98. </section>
  99. <footer>
  100. <div class="container">
  101. <div class="row">
  102. <div class="col-lg-4" style="text-align: center">
  103. <div class="widget">
  104. <h5 class="widgetheading" style="color: black">Address Info</h5>
  105. <address>
  106. <strong class=>Letlabo Nature Resrve</strong><br>
  107. Farm Vellefontein<br>
  108. Rooiberg <br>
  109. Limpopo <br>
  110. South Africa </address>
  111. <p>
  112. <i class="icon-phone"></i> (+27) 82 466 5034<br>
  113. <i class="icon-envelope-alt"></i> wildtrade@outlook.com
  114. </p>
  115. </div>
  116. </div>
  117. <div class="col-lg-4">
  118. <div class="widget" style="text-align: center">
  119. <h5 class="widgetheading" style="color: black">Google Map</h5>
  120. <br>
  121. <br>
  122. <div class="map" style="text-align: center">
  123. <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"
  124. width="300" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="col-lg-4" style="text-align: center">
  129. <div class="widget">
  130. <h5 class="widgetheading" style="color: black">Navigation</h5>
  131. <ul class="link-list">
  132. <li><a href="events.html">Conferences / Weddings</a></li>
  133. <li><a href="accommodation.html">Accommodation</a></li>
  134. <li><a href="hunting.html">Hunting Packages</a></li>
  135. <li><a href="aboutus.html">About us</a></li>
  136. <li><a href="contact.html">Contact us</a></li>
  137. <li><a href="privacy.html">Indemnity</a></li>
  138. </ul>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. <div id="sub-footer">
  144. <div class="container">
  145. <div class="row">
  146. <div class="col-lg-6">
  147. <div class="copyright">
  148. <p>&copy; Moderna Theme. All right reserved.</p>
  149. <div class="credits">
  150. <!--
  151. All the links in the footer should remain intact.
  152. You can delete the links only if you purchased the pro version.
  153. Licensing information: https://bootstrapmade.com/license/
  154. Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Moderna
  155. -->
  156. Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </footer>
  164. </div>
  165. <a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
  166. <!-- javascript
  167. ================================================== -->
  168. <!-- Placed at the end of the document so the pages load faster -->
  169. <script src="js/jquery.js"></script>
  170. <script src="js/jquery.easing.1.3.js"></script>
  171. <script src="js/bootstrap.min.js"></script>
  172. <script src="js/jquery.fancybox.pack.js"></script>
  173. <script src="js/jquery.fancybox-media.js"></script>
  174. <script src="js/google-code-prettify/prettify.js"></script>
  175. <script src="js/portfolio/jquery.quicksand.js"></script>
  176. <script src="js/portfolio/setting.js"></script>
  177. <script src="js/jquery.flexslider.js"></script>
  178. <script src="js/animate.js"></script>
  179. <script src="js/custom.js"></script>
  180. <script src="contactform/contactform.js"></script>
  181. </body>
  182. </html>