OpenTileServer/app/index.html

174 lines
5.0 KiB
HTML

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>AcuGIS | OpenTileServer</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.ico" rel="icon">
<!-- Google 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:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<header id="header" class="header d-flex align-items-center" style="background-color:#28728d">
<div class="container-fluid container-xl d-flex align-items-center justify-content-between">
<a href="index.html" class="logo d-flex align-items-center">
<h1>AcuGIS</h1>
</a>
<nav id="navbar" class="navbar">
<ul>
<li><a href="#" class="active">Dashboard</a></li>
<li><a href="/latest" target="_blank">Docs</a></li>
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
</div>
</header>
<section id="hero" class="hero" style="background-color:#28728d">
<div class="container position-relative">
<div class="row gy-5" data-aos="fade-in">
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center text-center text-lg-start">
<h2><span style="font-size:70px">OpenStreetMap<br>Server</span></h2>
<p>&nbsp;&nbsp;Build a Tile Server with OpenStreetMap data</p>
<div class="d-flex justify-content-center justify-content-lg-start">
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2">
<img src="assets/img/pg_layers.png" class="img-fluid" alt="" data-aos="zoom-out" data-aos-delay="100" >
</div>
</div>
</div>
<p>&nbsp;</p> <p>&nbsp;</p>
</section>
<main id="main">
</main>
<footer id="footer" class="footer" style="background-color:#28728d">
<div class="container">
<div class="row gy-4">
<div class="col-lg-3 col-md-12 footer-info">
<a href="/latest" class="logo d-flex align-items-center">
<span>Get Started</span>
</a>
<p>Get started with OpenTileServerr</p>
<div class="social-links d-flex mt-4">
<a href="https://github.com/AcuGIS/OpenTileServer" class="twitter"><i class="bi bi-github"></i></a>
</div>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>Leaflet</h4>
<ul>
<li><a href="leaflet-example.html" target="_blank">Leaflet Example</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>OpenLayers</h4>
<ul>
<li><a href="openlayers-example.html" target="_blank">OpenLayers Example</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>GeoFabrik</h4>
<ul>
<li><a href="https://download.geofabrik.de/" target="_blank">PBF Downloads</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>OpenSteetMap</h4>
<ul>
<li><a href="https://www.openstreetmap.org/about" target="_blank">OpenStreetMap</a></li>
</ul>
</div>
</div>
</div>
<div class="container mt-4">
<div class="copyright">
&copy; 2023 <strong><span>AcuGIS</span></strong>. Cited, Inc. All Rights Reserved
</div>
</div>
</footer>
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/js/web.js"></script>
</body>
</html>