<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Mapsciencecorp.com</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Poppins:wght@200;600;700&display=swap"
rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner"
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<div class="container-fluid sticky-top">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light p-0">
<a href="index.html" class="navbar-brand">
<h2 class="text-white">Mapsciencecorp</h2>
</a>
<button type="button" class="navbar-toggler ms-auto me-0" data-bs-toggle="collapse"
data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="#" class="nav-item nav-link">About</a>
<a href="#" class="nav-item nav-link">Products</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu bg-light mt-2">
<a href="#" class="dropdown-item">Features</a>
<a href="#" class="dropdown-item">How To Use</a>
<a href="#" class="dropdown-item">Testimonial</a>
<a href="#" class="dropdown-item">Blog Articles</a>
<a href="#" class="dropdown-item">404 Page</a>
</div>
</div>
<a href="#" class="nav-item nav-link">Contact</a>
</div>
<a href="" class="btn btn-dark py-2 px-4 d-none d-lg-inline-block">Shop Now</a>
</div>
</nav>
</div>
</div>
<!-- Navbar End -->
<!-- Hero Start -->
<div class="container-fluid bg-primary hero-header mb-5">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-lg-6 text-center text-lg-start">
<h3 class="fw-light text-white animated slideInRight">Map Science Corp</h3>
<!-- <h1 class="display-4 text-white animated slideInRight">Hair <span class="fw-light text-dark">Shampoo</span> For Healthy Hair</h1> -->
<p class="text-white mb-4 animated slideInRight">Kami menyediakan solusi terbaik untuk kebutuhan Geographic Information System Anda.</p>
<!-- <a href="" class="btn btn-dark py-2 px-4 me-3 animated slideInRight">Shop Now</a>
<a href="" class="btn btn-outline-dark py-2 px-4 animated slideInRight">Contact Us</a> -->
</div>
<div class="col-lg-6">
<img class="img-fluid animated pulse infinite" src="img/bg.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- Hero End -->
<h2 class="mb-0 text-center">Layanan Kami</h2>
<!-- Feature Start -->
<div class="container-fluid py-5">
<div class="container">
<div class="row g-4">
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.1s">
<div class="feature-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<h5 class="text-white mb-0">Pembuatan Peta Digital</h5>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.3s">
<div class="feature-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<h5 class="text-white mb-0">Analisis Data Geospasial</h5>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.5s">
<div class="feature-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<h5 class="text-white mb-0">Integrasi GIS</h5>
</div>
</div>
</div>
</div>
<div class="row g-4 mt-3">
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.1s">
<div class="feature-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<h5 class="text-white mb-0">Pelatihan GIS</h5>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.3s">
<div class="feature-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<h5 class="text-white mb-0">Pemantauan GIS</h5>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.5s">
<div class="feature-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<h5 class="text-white mb-0">Pengembangan GIS</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Feature End -->
<!-- About Start -->
<div class="container-fluid py-5">
<div class="container">
<div class="row g-5 align-items-center">
<P>Selamat datang di Mapsciencecorp, penyedia jasa pembuatan Geographic Information System (GIS) terkemuka. Kami adalah perusahaan yang berdedikasi untuk menyediakan solusi inovatif dan efektif di bidang GIS, membantu klien kami dalam memvisualisasikan dan mengelola data geografis dengan lebih baik.
<BR><bR>
Siapa Kami<bR>
Mapsciencecorp adalah tim yang terdiri dari para ahli geospasial, pemrogram, dan analis data yang berpengalaman. Kami memiliki komitmen kuat untuk memberikan layanan berkualitas tinggi yang dapat memenuhi kebutuhan spesifik setiap klien. Dengan menggunakan teknologi terbaru dan metode terbaik, kami memastikan bahwa setiap proyek yang kami kerjakan mencapai hasil yang optimal.
<BR><bR>
Misi Kami<bR>
Misi kami adalah untuk memajukan penggunaan GIS di berbagai sektor, mulai dari pemerintahan, perusahaan swasta, hingga organisasi non-profit. Kami percaya bahwa GIS adalah alat yang sangat penting untuk pengambilan keputusan yang lebih baik dan strategis. Oleh karena itu, kami berusaha untuk menyediakan solusi yang dapat diandalkan dan mudah digunakan oleh semua pengguna.
<BR><bR>
Layanan Kami<bR>
Pembuatan Peta Digital: Kami membantu Anda membuat peta digital yang akurat dan informatif.
Analisis Data Geospasial: Layanan analisis data kami memungkinkan Anda untuk menginterpretasikan data geografis dengan cara yang lebih mendalam.
Integrasi GIS dengan Sistem Lain: Kami mengintegrasikan GIS dengan sistem manajemen lainnya untuk efisiensi yang lebih baik.
Pelatihan dan Konsultasi GIS: Kami menawarkan pelatihan dan konsultasi untuk memastikan Anda mendapatkan manfaat maksimal dari teknologi GIS.
Pemantauan Lingkungan Berbasis GIS: Solusi pemantauan lingkungan kami membantu Anda mengelola dan memantau kondisi lingkungan dengan lebih baik.
Pengembangan Aplikasi Berbasis Peta: Kami mengembangkan aplikasi berbasis peta yang intuitif dan user-friendly.
Survey dan Pengumpulan Data Lapangan: Layanan survey kami memastikan bahwa data yang Anda miliki akurat dan up-to-date.<bR><bR>
Visi Kami<bR>
Visi kami adalah menjadi penyedia layanan GIS terdepan di Indonesia, yang dikenal karena inovasi, keandalan, dan kualitas tinggi. Kami berkomitmen untuk terus berinovasi dan beradaptasi dengan teknologi terbaru untuk memberikan layanan terbaik bagi klien kami.
Dengan Mapsciencecorp, Anda mendapatkan lebih dari sekadar layanan GIS; Anda mendapatkan mitra yang berdedikasi untuk kesuksesan Anda. Kami siap membantu Anda menjelajahi potensi penuh dari teknologi GIS untuk meningkatkan pengelolaan dan pemahaman data geografis Anda.</P>
</div>
</div>
</div>
<!-- About End -->
<div class="container-fluid py-5">
<div class="container">
<div class="row g-4">
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.1s">
<div class="contact-info-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<i class="fa fa-map-marker-alt fa-3x text-dark mb-4"></i>
<h5 class="text-white">Office Address</h5>
<h5 class="fw-light text-white">Jakarta, Indonesia</h5>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.3s">
<div class="contact-info-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<i class="fa fa-phone-alt fa-3x text-dark mb-4"></i>
<h5 class="text-white">Call Us</h5>
<h5 class="fw-light text-white">+62 812 8871 8288</h5>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.5s">
<div class="contact-info-item position-relative bg-primary text-center p-3">
<div class="border py-5 px-3">
<i class="fa fa-envelope fa-3x text-dark mb-4"></i>
<h5 class="text-white">Mail Us</h5>
<h5 class="fw-light text-white">info@mapsciencecorp.com</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>