<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Berita Virus Korona</title>
<!-- Bootstrap core CSS -->
<link href="../static/home_design/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="../static/home_design/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="../static/home_design/css/grayscale.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Header -->
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0 text-uppercase">Berita Corona</h1>
<h2 class="text-white-50 mx-auto mt-2 mb-5">Mencari Kueri dengan Proximity Index</h2>
<form class="form-inline d-flex" method="POST" action="result/">
{% csrf_token %}
<input type="text" class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" name="querysearch" placeholder="Masukkan kueri anda...">
<button type="submit" class="btn btn-primary mx-auto">Cari</button>
</form>
<br>
<p> <a href="simulator_data/"> Klik untuk melihat proses indexing berita Corona!<br>(proses ini akan memakan waktu beberapa menit) </a> </p>
</div>
</div>
</header>
<!-- Footer -->
<footer class="bg-black small text-center text-white-50">
<div class="container">
Sistem Temu Balik Informasi - Kelompok 10
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="../static/home_design/vendor/jquery/jquery.min.js"></script>
<script src="../static/home_design/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="../static/home_design/vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="../static/home_design/js/grayscale.min.js"></script>
</body>
</html>