Robo Extract Template

contact.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  6. <title>RoboExtract | Intelligent Document Extraction</title>
  7. <meta content="" name="description">
  8. <meta content="" name="keywords">
  9. <!-- Favicons -->
  10. <link href="assets/img/favicon-32x32.png" rel="icon">
  11. <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  12. <!-- Google Fonts -->
  13. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  14. <!-- Vendor CSS Files -->
  15. <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16. <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  17. <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  18. <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
  19. <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
  20. <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  21. <!-- Template Main CSS File -->
  22. <link href="assets/css/style.css" rel="stylesheet">
  23. <!-- =======================================================
  24. * Template Name: BizLand - v1.2.0
  25. * Template URL: https://bootstrapmade.com/bizland-bootstrap-business-template/
  26. * Author: BootstrapMade.com
  27. * License: https://bootstrapmade.com/license/
  28. ======================================================== -->
  29. </head>
  30. <body>
  31. <header id="header" class="fixed-top">
  32. <div class="container d-flex align-items-center">
  33. <a href="index.html" class="logo mr-auto"><img src="assets/img/RoboExtract.png" alt=""></a>
  34. <nav class="nav-menu d-none d-lg-block">
  35. <ul>
  36. <li class="active"><a href="index.html">Home</a></li>
  37. <li class="drop-down"><a href="#product">Product</a>
  38. <ul>
  39. <li><a href="explainer.html">Explainer</a></li>
  40. <li><a href="document.html">Document Types</a></li>
  41. <li><a href="how.html">How It Works</a></li>
  42. <li><a href="benefit.html">Benefit</a></li>
  43. <li><a href="privacy.html">Privacy Policy</a></li>
  44. </ul>
  45. </li>
  46. <li class="drop-down"><a href="#resources">Resources</a>
  47. <ul>
  48. <li><a href="demo.html">Demo Video</a></li>
  49. <li><a href="use.html">Use Case</a></li>
  50. <li><a href="blog.html">Blog</a></li>
  51. </ul>
  52. </li>
  53. <li><a href="pricing.html">Pricing</a></li>
  54. <li><a href="contact.html">Contact</a></li>
  55. </ul>
  56. </nav>
  57. <!-- .nav-menu -->
  58. </div>
  59. </header>
  60. <main id="main">
  61. <section id="hero" class="d-flex align-items-center">
  62. <div class="container" data-aos="zoom-out" data-aos-delay="100">
  63. <h1>SUPER<span> SPEED</span>
  64. </h1>
  65. <h4 class="about">Do you think your document extraction software can extract data<br>
  66. from hundreds of documents in minutes? Think twice.
  67. </h4>
  68. <h5> With Metabot, it is possible.</h5><br>
  69. <div class="d-flex">
  70. <a href="#about" class="btn-get-started scrollto">Get Started</a>
  71. <a href="https://www.youtube.com/watch?v=19jaz8sxZcA" class="venobox btn-watch-video" data-vbtype="video" data-autoplay="true"> Watch Video <i class="icofont-play-alt-2"></i></a>
  72. </div>
  73. </div>
  74. </section><!-- End Hero -->
  75. <!-- ======= Contact Section ======= -->
  76. <section id="contact" class="contact">
  77. <div class="container" data-aos="fade-up">
  78. <div class="section-title">
  79. <h2>Contact</h2>
  80. <h3><span>Contact Us</span></h3>
  81. <p>We’d love to work with you. Please get in touch and we will explore potential collaborations.</p>
  82. </div>
  83. <div class="row" data-aos="fade-up" data-aos-delay="100">
  84. <div class="col-lg-6">
  85. <div class="info-box mb-4">
  86. <i class="bx bx-map"></i>
  87. <h3>Our Address</h3>
  88. <p>1 Wallich Street, Guoco Tower, #14-01, Singapore 078881</p>
  89. </div>
  90. </div>
  91. <div class="col-lg-3 col-md-6">
  92. <div class="info-box mb-4">
  93. <i class="bx bx-envelope"></i>
  94. <h3>Email Us</h3>
  95. <p>admin@roboextract.com</p>
  96. </div>
  97. </div>
  98. <div class="col-lg-3 col-md-6">
  99. <div class="info-box mb-4">
  100. <i class="bx bx-phone-call"></i>
  101. <h3>Call Us</h3>
  102. <p>+65 6403 3844</p>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="row" data-aos="fade-up" data-aos-delay="100">
  107. <div class="col-lg-6 ">
  108. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3988.8282397479716!2d103.84366101528006!3d1.2764544621611418!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31da106e3b888231%3A0xd0b323bd511d81a5!2sGlee%20Trees%20Pte.%20Ltd.%20(Gleematic%20robotic%20process%20automation%2C%20Singapore)!5e0!3m2!1sen!2sid!4v1608176277629!5m2!1sen!2sid" width="600" height="450" frameborder="0" style="border:0; width: 100%; height: 384px;" allowfullscreen></iframe>
  109. </div>
  110. <div class="col-lg-6">
  111. <form action="forms/contact.php" method="post" role="form" class="php-email-form">
  112. <div class="form-row">
  113. <div class="col form-group">
  114. <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
  115. <div class="validate"></div>
  116. </div>
  117. <div class="col form-group">
  118. <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
  119. <div class="validate"></div>
  120. </div>
  121. </div>
  122. <div class="form-group">
  123. <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
  124. <div class="validate"></div>
  125. </div>
  126. <div class="form-group">
  127. <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
  128. <div class="validate"></div>
  129. </div>
  130. <div class="mb-3">
  131. <div class="loading">Loading</div>
  132. <div class="error-message"></div>
  133. <div class="sent-message">Your message has been sent. Thank you!</div>
  134. </div>
  135. <div class="text-center"><button type="submit">Send Message</button></div>
  136. </form>
  137. </div>
  138. </div>
  139. </div>
  140. </section>
  141. </main><!-- End #main -->
  142. <footer id="footer">
  143. <div class="footer-newsletter">
  144. <div class="container">
  145. <div class="row justify-content-center">
  146. <div class="col-lg-8">
  147. <h4>Join Our Newsletter</h4>
  148. <p>Sometimes it sounds too good to be true.
  149. Request a demo, and see for yourself.</p>
  150. <form action="" method="post">
  151. <input type="email" name="email"><input type="submit" value="Subscribe">
  152. </form>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. <div class="footer-top">
  158. <div class="container">
  159. <div class="row">
  160. <div class="col-lg-4 col-md-6 footer-contact">
  161. <h3>Who is <span>Metabot?.</span></h3>
  162. <p>
  163. Robotic process automation (RPA) is <br>
  164. only effective in transformation if it’s <br>
  165. optimized. RPA is key to digital <br>
  166. transformation – but it’s not the whole picture. <br><br>
  167. <h4>Connect With Us</h4>
  168. <div class="social-links mt-3">
  169. <a href="https://www.youtube.com/channel/UCKaJhQa-xt6ZOfRuXc3DjmQ" class="google-plus"><i class="bx bxl-youtube"></i></a>
  170. <a href="https://www.linkedin.com/company/glee-trees"/y class="linkedin"><i class="bx bxl-linkedin"></i></a>
  171. </div>
  172. </p>
  173. </div>
  174. <div class="col-lg-2 col-md-6 footer-links">
  175. <h4>Product</h4>
  176. <ul>
  177. <li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li>
  178. <li><i class="bx bx-chevron-right"></i> <a href="explainer.html">Explainer</a></li>
  179. <li><i class="bx bx-chevron-right"></i> <a href="document.html">Document Types</a></li>
  180. <li><i class="bx bx-chevron-right"></i> <a href="how.html">How It Works</a></li>
  181. <li><i class="bx bx-chevron-right"></i> <a href="benefit.html">Benefits</a></li>
  182. <li><i class="bx bx-chevron-right"></i> <a href="privacy.html">Privacy policy</a></li>
  183. </ul>
  184. </div>
  185. <div class="col-lg-2 col-md-6 footer-links">
  186. <h4>Resources</h4>
  187. <ul>
  188. <li><i class="bx bx-chevron-right"></i> <a href="demo.html">Demo Video</a></li>
  189. <li><i class="bx bx-chevron-right"></i> <a href="use.html">Use Case</a></li>
  190. <li><i class="bx bx-chevron-right"></i> <a href="blog.html">Blog</a></li>
  191. </ul>
  192. </div>
  193. <div class="col-lg-4 col-md-6 footer-links">
  194. <h4>Pricing</h4>
  195. <ul>
  196. <li><i class="bx bx-chevron-right"></i> <a href="#">Demo Video</a></li>
  197. <li><i class="bx bx-chevron-right"></i> <a href="#">Use Case</a></li>
  198. <li><i class="bx bx-chevron-right"></i> <a href="#">Blog</a></li>
  199. </ul>
  200. </div>
  201. <div class="copyright">
  202. &copy; Copyright <strong><span>2020 Glee Trees Pte. Ltd. </span></strong>. All Rights Reserved Privacy Policy | Terms of Use
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. </footer><!-- End Footer -->
  208. <div id="preloader"></div>
  209. <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
  210. <!-- Vendor JS Files -->
  211. <script src="assets/vendor/jquery/jquery.min.js"></script>
  212. <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  213. <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  214. <script src="assets/vendor/php-email-form/validate.js"></script>
  215. <script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
  216. <script src="assets/vendor/counterup/counterup.min.js"></script>
  217. <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
  218. <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  219. <script src="assets/vendor/venobox/venobox.min.js"></script>
  220. <script src="assets/vendor/aos/aos.js"></script>
  221. <!-- Template Main JS File -->
  222. <script src="assets/js/main.js"></script>
  223. <div class="footer-top">
  224. <div class="container">
  225. <div class="row">
  226. <div class="col-lg-4 col-md-6 footer-contact">
  227. <h3>Who is <span>Metabot?.</span></h3>
  228. <p>
  229. Robotic process automation (RPA) is <br>
  230. only effective in transformation if it’s <br>
  231. optimized. RPA is key to digital <br>
  232. transformation – but it’s not the whole picture. <br><br>
  233. <h4>Connect With Us</h4>
  234. <div class="social-links mt-3">
  235. <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
  236. <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
  237. <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
  238. <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
  239. <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
  240. </div>
  241. </p>
  242. </div>
  243. <div class="col-lg-2 col-md-6 footer-links">
  244. <h4>Product</h4>
  245. <ul>
  246. <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
  247. <li><i class="bx bx-chevron-right"></i> <a href="#">Explainer</a></li>
  248. <li><i class="bx bx-chevron-right"></i> <a href="#">Document Types</a></li>
  249. <li><i class="bx bx-chevron-right"></i> <a href="#">How It Works</a></li>
  250. <li><i class="bx bx-chevron-right"></i> <a href="#">Benefits</a></li>
  251. <li><i class="bx bx-chevron-right"></i> <a href="#">Privacy policy</a></li>
  252. </ul>
  253. </div>
  254. <div class="col-lg-2 col-md-6 footer-links">
  255. <h4>Resources</h4>
  256. <ul>
  257. <li><i class="bx bx-chevron-right"></i> <a href="#">Demo Video</a></li>
  258. <li><i class="bx bx-chevron-right"></i> <a href="#">Use Case</a></li>
  259. <li><i class="bx bx-chevron-right"></i> <a href="#">Blog</a></li>
  260. </ul>
  261. </div>
  262. <div class="col-lg-4 col-md-6 footer-links">
  263. <h4>Pricing</h4>
  264. <ul>
  265. <li><i class="bx bx-chevron-right"></i> <a href="#">Demo Video</a></li>
  266. <li><i class="bx bx-chevron-right"></i> <a href="#">Use Case</a></li>
  267. <li><i class="bx bx-chevron-right"></i> <a href="#">Blog</a></li>
  268. </ul>
  269. </div>
  270. <div class="copyright">
  271. &copy; Copyright <strong><span>2020 Glee Trees Pte. Ltd. </span></strong>. All Rights Reserved Privacy Policy | Terms of Use
  272. </div>
  273. <div class="credits">
  274. <!-- All the links in the footer should remain intact. -->
  275. <!-- You can delete the links only if you purchased the pro version. -->
  276. <!-- Licensing information: https://bootstrapmade.com/license/ -->
  277. <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bizland-bootstrap-business-template/ -->
  278. <!-- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> -->
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </footer><!-- End Footer -->
  284. <div id="preloader"></div>
  285. <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
  286. <!-- Vendor JS Files -->
  287. <script src="assets/vendor/jquery/jquery.min.js"></script>
  288. <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  289. <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  290. <script src="assets/vendor/php-email-form/validate.js"></script>
  291. <script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
  292. <script src="assets/vendor/counterup/counterup.min.js"></script>
  293. <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
  294. <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  295. <script src="assets/vendor/venobox/venobox.min.js"></script>
  296. <script src="assets/vendor/aos/aos.js"></script>
  297. <!-- Template Main JS File -->
  298. <script src="assets/js/main.js"></script>
  299. </body>
  300. </html>