Robo Extract Template

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562
  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. <!-- ======= Top Bar ======= -->
  32. <!-- ======= Header ======= -->
  33. <header id="header" class="fixed-top">
  34. <div class="container d-flex align-items-center">
  35. <!-- <h1 class="logo mr-auto"><a href="index.html">BizLand<span>.a</span></a></h1> -->
  36. <!-- Uncomment below if you prefer to use an image logo -->
  37. <a href="index.html" class="logo mr-auto"><img src="assets/img/RoboExtract.png" alt=""></a>
  38. <nav class="nav-menu d-none d-lg-block">
  39. <ul>
  40. <li class="active"><a href="index.html">Home</a></li>
  41. <li><a href="#about">Overview</a></li>
  42. <li class="drop-down"><a href="#services">Product</a>
  43. <ul>
  44. <li><a href="#">Explainer</a></li>
  45. <li><a href="#">Document Types</a></li>
  46. <li><a href="#">How It Works</a></li>
  47. <li><a href="#">Benefit</a></li>
  48. <li><a href="#">Privacy Policy</a></li>
  49. </ul>
  50. </li>
  51. <li class="drop-down"><a href="#services">Resources</a>
  52. <ul>
  53. <li><a href="#">Demo Video</a></li>
  54. <li><a href="#">Use Case</a></li>
  55. <li><a href="#">Blog</a></li>
  56. </ul>
  57. </li>
  58. <li><a href="#team">Pricing</a></li>
  59. <li><a href="#contact">Contact</a></li>
  60. </ul>
  61. </nav><!-- .nav-menu -->
  62. </div>
  63. </header><!-- End Header -->
  64. <!-- ======= Hero Section ======= -->
  65. <section id="hero" class="d-flex align-items-center">
  66. <div class="container" data-aos="zoom-out" data-aos-delay="100">
  67. <h1>SUPER<span> SPEED</span>
  68. </h1>
  69. <h4 class="about">Do you think your document extraction software can extract data<br>
  70. from hundreds of documents in minutes? Think twice.
  71. </h4>
  72. <h5> With Metabot, it is possible.</h5><br>
  73. <div class="d-flex">
  74. <a href="#about" class="btn-get-started scrollto">Get Started</a>
  75. <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>
  76. </div>
  77. </div>
  78. </section><!-- End Hero -->
  79. <main id="main">
  80. <!-- ======= About Section ======= -->
  81. <!-- ======= About Section ======= -->
  82. <section id="about" class="about">
  83. <div class="container" data-aos="fade-up">
  84. <div class="section-title">
  85. <h3>Meet <span>Robo Extract</span></h3><br>
  86. <h4>Specialized for Document Extraction</h4>
  87. <p>Not a software, but a service. No need installation, open the website and operate it.</p>
  88. </div>
  89. </div>
  90. </section><!-- End About Section -->
  91. <section id="featured-services" class="featured-services section-bg">
  92. <div class="container" data-aos="fade-up">
  93. <h2> Powerful A.I. Machine Learning </h2> <br>
  94. <div class="row">
  95. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  96. <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
  97. <div class="icon"><i class="bx bxl-dribbble"></i></div>
  98. <h4 class="title"><a href="">Key Features</a></h4>
  99. <p class="description">Roboextract is incorporated with OCR (Optical Character Recognition) that can convert any printed or typed text and scanned image with text into digital documents </p>
  100. </div>
  101. </div>
  102. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  103. <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
  104. <div class="icon"><i class="bx bx-file"></i></div>
  105. <h4 class="title"><a href="">No-coding Software</a></h4>
  106. <p class="description">Roboextract does not require any complicated codes.</p>
  107. </div>
  108. </div>
  109. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  110. <div class="icon-box" data-aos="fade-up" data-aos-delay="300">
  111. <div class="icon"><i class="bx bx-tachometer"></i></div>
  112. <h4 class="title"><a href="">Flexible and Tailored</a></h4>
  113. <p class="description">Roboextract can handle any types of documents to extract, whether they are in different formats, templates, fonts, tables, figures, etc.
  114. </p>
  115. </div>
  116. </div>
  117. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  118. <div class="icon-box" data-aos="fade-up" data-aos-delay="400">
  119. <div class="icon"><i class="bx bx-world"></i></div>
  120. <h4 class="title"><a href="">Nemo Enim</a></h4>
  121. <p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="container" data-aos="fade-up">
  127. <br>
  128. <div class="row">
  129. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  130. <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
  131. <div class="icon"><i class="bx bxl-dribbble"></i></div>
  132. <h4 class="title"><a href="">Key Features</a></h4>
  133. <p class="description">Roboextract is incorporated with OCR (Optical Character Recognition) that can convert any printed or typed text and scanned image with text into digital documents </p>
  134. </div>
  135. </div>
  136. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  137. <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
  138. <div class="icon"><i class="bx bx-file"></i></div>
  139. <h4 class="title"><a href="">No-coding Software</a></h4>
  140. <p class="description">Roboextract does not require any complicated codes.</p>
  141. </div>
  142. </div>
  143. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  144. <div class="icon-box" data-aos="fade-up" data-aos-delay="300">
  145. <div class="icon"><i class="bx bx-tachometer"></i></div>
  146. <h4 class="title"><a href="">Flexible and Tailored</a></h4>
  147. <p class="description">Roboextract can handle any types of documents to extract, whether they are in different formats, templates, fonts, tables, figures, etc.
  148. </p>
  149. </div>
  150. </div>
  151. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  152. <div class="icon-box" data-aos="fade-up" data-aos-delay="400">
  153. <div class="icon"><i class="bx bx-world"></i></div>
  154. <h4 class="title"><a href="">Nemo Enim</a></h4>
  155. <p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </section><!-- End Featured Services Section -->
  161. <!-- ======= Services Section ======= -->
  162. <section id="services" class="services">
  163. <div class="container" data-aos="fade-up">
  164. <div class="section-title">
  165. <h2>Services</h2>
  166. <h3>CHOOSE US, BECAUSE WE <span>MAKE IT POSSIBLE</span></h3>
  167. <p>Digitizing data that resides in hundreds of physical documents is a major task everywhere.Variety of document types are challenging to extract. Finding easy-to-use software with cutting-edge technology to automate data extraction is a major issue.</p>
  168. <p>BUT, we make it possible to handle</p>
  169. </div>
  170. </section><!-- End Services Section -->
  171. <section id="testimonials" class="testimonials">
  172. <div class="container" data-aos="zoom-in">
  173. <div class="owl-carousel testimonials-carousel">
  174. <div class="testimonial-item">
  175. <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
  176. <h3>Saul Goodman</h3>
  177. <h4>Ceo &amp; Founder</h4>
  178. <p>
  179. <i class="bx bxs-quote-alt-left quote-icon-left"></i>
  180. Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
  181. <i class="bx bxs-quote-alt-right quote-icon-right"></i>
  182. </p>
  183. </div>
  184. </div>
  185. </div>
  186. </section><!-- End Testimonials Section -->
  187. <section id="services" class="services">
  188. <div class="container" data-aos="fade-up">
  189. <div class="section-title">
  190. <h2>Services</h2>
  191. <h3>CHOOSE US, BECAUSE WE <span>MAKE IT POSSIBLE</span></h3>
  192. <p>Digitizing data that resides in hundreds of physical documents is a major task everywhere.Variety of document types are challenging to extract. Finding easy-to-use software with cutting-edge technology to automate data extraction is a major issue.</p>
  193. <p>BUT, we make it possible to handle</p>
  194. </div>
  195. </section><!-- End Services Section -->
  196. <section id="contact" class="contact section-bg">
  197. <div class="container" data-aos="fade-up">
  198. <div class="row" data-aos="fade-up" data-aos-delay="100">
  199. <div class="col-lg-4">
  200. <div class="info-box mb-4">
  201. <i class="bx bx-map"></i>
  202. <h3>Logistics</h3>
  203. <!-- <p>A108 Adam Street, New York, NY 535022</p> -->
  204. </div>
  205. </div>
  206. <div class="col-lg-4 col-md-6">
  207. <div class="info-box mb-4">
  208. <i class="bx bx-envelope"></i>
  209. <h3>Finance</h3>
  210. <!-- <p>contact@example.com</p> -->
  211. </div>
  212. </div>
  213. <div class="col-lg-4 col-md-6">
  214. <div class="info-box mb-4">
  215. <i class="bx bx-phone-call"></i>
  216. <h3>Human Resource</h3>
  217. <!-- <p>+1 5589 55488 55</p> -->
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </section><!-- End Contact Section -->
  223. <!-- ======= Contact Section ======= -->
  224. <!--<section id="contact" class="contact">
  225. <div class="container" data-aos="fade-up">
  226. <div class="section-title">
  227. <h2>Contact</h2>
  228. <h3><span>Contact Us</span></h3>
  229. <p>We’d love to work with you. Please get in touch and we will explore potential collaborations.</p>
  230. </div>
  231. <div class="row" data-aos="fade-up" data-aos-delay="100">
  232. <div class="col-lg-6">
  233. <div class="info-box mb-4">
  234. <i class="bx bx-map"></i>
  235. <h3>Our Address</h3>
  236. <p>1 Wallich Street, Guoco Tower, #14-01, Singapore 078881</p>
  237. </div>
  238. </div>
  239. <div class="col-lg-3 col-md-6">
  240. <div class="info-box mb-4">
  241. <i class="bx bx-envelope"></i>
  242. <h3>Email Us</h3>
  243. <p>admin@roboextract.com</p>
  244. </div>
  245. </div>
  246. <div class="col-lg-3 col-md-6">
  247. <div class="info-box mb-4">
  248. <i class="bx bx-phone-call"></i>
  249. <h3>Call Us</h3>
  250. <p>+65 6403 3844</p>
  251. </div>
  252. </div>
  253. </div>
  254. <div class="row" data-aos="fade-up" data-aos-delay="100">
  255. <div class="col-lg-6 ">
  256. <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>
  257. </div>
  258. <div class="col-lg-6">
  259. <form action="forms/contact.php" method="post" role="form" class="php-email-form">
  260. <div class="form-row">
  261. <div class="col form-group">
  262. <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" />
  263. <div class="validate"></div>
  264. </div>
  265. <div class="col form-group">
  266. <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
  267. <div class="validate"></div>
  268. </div>
  269. </div>
  270. <div class="form-group">
  271. <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" />
  272. <div class="validate"></div>
  273. </div>
  274. <div class="form-group">
  275. <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
  276. <div class="validate"></div>
  277. </div>
  278. <div class="mb-3">
  279. <div class="loading">Loading</div>
  280. <div class="error-message"></div>
  281. <div class="sent-message">Your message has been sent. Thank you!</div>
  282. </div>
  283. <div class="text-center"><button type="submit">Send Message</button></div>
  284. </form>
  285. </div>
  286. </div>
  287. </div>
  288. </section> -->
  289. <!-- ======= About Section ======= -->
  290. <section id="about" class="about">
  291. <div class="container" data-aos="fade-up">
  292. <div class="section-title">
  293. <h3>Human Resource <span>Department</span></h3>
  294. <p>Ut possimus qui ut temporibus culpa velit eveniet modi omnis est adipisci expedita at voluptas atque vitae autem.</p>
  295. </div>
  296. <div class="row">
  297. <div class="col-lg-6" data-aos="zoom-out" data-aos-delay="100">
  298. <img src="assets/img/about.jpg" class="img-fluid" alt="">
  299. </div>
  300. <div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
  301. <h3>Voluptatem dignissimos provident quasi corporis voluptates sit assumenda.</h3>
  302. <p class="font-italic">
  303. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
  304. magna aliqua.
  305. </p>
  306. <ul>
  307. <li>
  308. <i class="bx bx-store-alt"></i>
  309. <div>
  310. <h5>Ullamco laboris nisi ut aliquip consequat</h5>
  311. <p>Magni facilis facilis repellendus cum excepturi quaerat praesentium libre trade</p>
  312. </div>
  313. </li>
  314. <li>
  315. <i class="bx bx-images"></i>
  316. <div>
  317. <h5>Magnam soluta odio exercitationem reprehenderi</h5>
  318. <p>Quo totam dolorum at pariatur aut distinctio dolorum laudantium illo direna pasata redi</p>
  319. </div>
  320. </li>
  321. </ul>
  322. <p>
  323. Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
  324. velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  325. culpa qui officia deserunt mollit anim id est laborum
  326. </p>
  327. </div>
  328. </div>
  329. </div>
  330. </section><!-- End About Section -->
  331. <!-- ======= Footer ======= -->
  332. <footer id="footer">
  333. <!-- <div class="footer-newsletter">
  334. <div class="container">
  335. <div class="row justify-content-center">
  336. <div class="col-lg-6">
  337. <h4>Join Our Newsletter</h4>
  338. <p></p>
  339. <form action="" method="post">
  340. <input type="email" name="email"><input type="submit" value="Subscribe">
  341. </form>
  342. </div>
  343. </div>
  344. </div>
  345. </div> -->
  346. <div class="footer-newsletter">
  347. <div class="container">
  348. <div class="row justify-content-center">
  349. <div class="col-lg-8">
  350. <h4>Join Our Newsletter</h4>
  351. <p>Sometimes it sounds too good to be true.
  352. Request a demo, and see for yourself.</p>
  353. <form action="" method="post">
  354. <input type="email" name="email"><input type="submit" value="Subscribe">
  355. </form>
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. <div class="footer-top">
  361. <div class="container">
  362. <div class="row">
  363. <div class="col-lg-4 col-md-6 footer-contact">
  364. <h3>Who is <span>Metabot?.</span></h3>
  365. <p>
  366. Robotic process automation (RPA) is <br>
  367. only effective in transformation if it’s <br>
  368. optimized. RPA is key to digital <br>
  369. transformation – but it’s not the whole picture. <br><br>
  370. <h4>Connect With Us</h4>
  371. <div class="social-links mt-3">
  372. <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
  373. <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
  374. <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
  375. <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
  376. <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
  377. </div>
  378. </p>
  379. </div>
  380. <div class="col-lg-2 col-md-6 footer-links">
  381. <h4>Product</h4>
  382. <ul>
  383. <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
  384. <li><i class="bx bx-chevron-right"></i> <a href="#">Explainer</a></li>
  385. <li><i class="bx bx-chevron-right"></i> <a href="#">Document Types</a></li>
  386. <li><i class="bx bx-chevron-right"></i> <a href="#">How It Works</a></li>
  387. <li><i class="bx bx-chevron-right"></i> <a href="#">Benefits</a></li>
  388. <li><i class="bx bx-chevron-right"></i> <a href="#">Privacy policy</a></li>
  389. </ul>
  390. </div>
  391. <div class="col-lg-2 col-md-6 footer-links">
  392. <h4>Resources</h4>
  393. <ul>
  394. <li><i class="bx bx-chevron-right"></i> <a href="#">Demo Video</a></li>
  395. <li><i class="bx bx-chevron-right"></i> <a href="#">Use Case</a></li>
  396. <li><i class="bx bx-chevron-right"></i> <a href="#">Blog</a></li>
  397. </ul>
  398. </div>
  399. <div class="col-lg-4 col-md-6 footer-links">
  400. <h4>Pricing</h4>
  401. <ul>
  402. <li><i class="bx bx-chevron-right"></i> <a href="#">Demo Video</a></li>
  403. <li><i class="bx bx-chevron-right"></i> <a href="#">Use Case</a></li>
  404. <li><i class="bx bx-chevron-right"></i> <a href="#">Blog</a></li>
  405. </ul>
  406. </div>
  407. <div class="copyright">
  408. &copy; Copyright <strong><span>2020 Glee Trees Pte. Ltd. </span></strong>. All Rights Reserved Privacy Policy | Terms of Use
  409. </div>
  410. <div class="credits">
  411. <!-- All the links in the footer should remain intact. -->
  412. <!-- You can delete the links only if you purchased the pro version. -->
  413. <!-- Licensing information: https://bootstrapmade.com/license/ -->
  414. <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bizland-bootstrap-business-template/ -->
  415. <!-- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> -->
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. </footer><!-- End Footer -->
  421. <div id="preloader"></div>
  422. <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
  423. <!-- Vendor JS Files -->
  424. <script src="assets/vendor/jquery/jquery.min.js"></script>
  425. <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  426. <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  427. <script src="assets/vendor/php-email-form/validate.js"></script>
  428. <script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
  429. <script src="assets/vendor/counterup/counterup.min.js"></script>
  430. <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
  431. <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  432. <script src="assets/vendor/venobox/venobox.min.js"></script>
  433. <script src="assets/vendor/aos/aos.js"></script>
  434. <!-- Template Main JS File -->
  435. <script src="assets/js/main.js"></script>
  436. </body>
  437. </html>