BuscarPuntosCercanos.html

<!DOCTYPE html>
<html>
	<head>
		<title>Buscar Puntos Cercanos</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../bootstrap3/css/bootstrap.min.css">
		<style type="text/css">
		
			h1{
				text-align: center;
			}
			#form{
				border: dotted;
				border-radius: 25px;
				background-color: #e1eae5;
				padding: 20px;
				vertical-align: middle;
				width: 80%;
				margin: auto;
			}
			input{

			}

			div .form-group{
				margin:20px;
			}
		</style>
		<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
		<script src="../js/buscarPuntosCercanos.js"></script>
		

	</head>
	<body>

		<h1>Buscar Puntos Cercanos</h1>
		<hr>

		<div id="form" class="col-md-12">
			<div class="form-group">
				<div class="col-md-4">
					<label>Latitud</label>
				</div>
				<div class="col-md-8">
					<input type="text" name="latitudConsulta" id="latitudConsulta" class="form-control" placeholder="Latitud">
				</div>
			</div>
			<div class="form-group">
				<div class="col-md-4">
					<label>Longitud</label>
				</div>
				<div class="col-md-8">
					<input type="text" name="longitudConsulta" id="longitudConsulta" class="form-control" placeholder="Longitud">
				</div>
			</div>


			<div class="text-center">
				<input type="submit" name="botonBuscarPunto" value="Consultar!" id="botonBuscarCercanos">
			</div>

		</div>

	</body>

</html>