Skip to content
Snippets Groups Projects
Commit d3a9e676 authored by migchav's avatar migchav
Browse files

Delete prueba2.html

parent afeec494
No related branches found
No related tags found
No related merge requests found
<!DOCTYPE html>
<html>
<!-- https://www.youtube.com/watch?v=qwRTUeAZoF8-->
<head>
<title>Pesan Go-Back</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</head>
<body>
<div id="pesan">
<div class="inner">
<h1 id="title">Pesan Go-Back</h1>
<form>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="location-tab" data-toggle="tab" href="#location" role="tab" aria-controls="location" aria-selected="true">Lokasi</a>
</li>
<li class="nav-item">
<a class="nav-link" id="detail-tab" data-toggle="tab" href="#detail" role="tab" aria-controls="detail" aria-selected="false">Detail Pesanan</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="location" role="tabpanel" aria-labelledby="location-tab">
<div class="form-group">
<label for="start">Masukkan Lokasi Anda</label>
<input type="text" class="form-control" id="start" placeholder="Jl. Mayjend Ahmad Yani" required>
</div>
<div class="form-group">
<label for="end">Masukkan Lokasi Tujuan</label>
<input type="text" class="form-control" id="end" placeholder="Jl. Semarang" required>
</div>
<button type="submit" class="btn btn-light" id="pesan-btn">Pesan</button>
</div>
<div class="tab-pane fade" id="detail" role="tabpanel" aria-labelledby="detail-tab">
<h4>Detail Pesanan</h4>
<div class="card-custom">
<table>
<tr>
<th>Jarak</th>
<th>:</th>
<td id="distance"></td>
</tr>
<tr>
<th>Durasi</th>
<th>:</th>
<td id="duration"></td>
</tr>
<tr>
<th>Harga</th>
<th>:</th>
<td id="price"></td>
</tr>
</table>
</div>
</div>
</div>
</form>
<div id="detail">
<hr />
<h4>Detail Pesanan</h4>
<div class="card-custom">
<table>
<tr>
<th>Jarak</th>
<th>:</th>
<td id="distance"></td>
</tr>
<tr>
<th>Durasi</th>
<th>:</th>
<td id="duration"></td>
</tr>
<tr>
<th>Harga</th>
<th>:</th>
<td id="price"></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_qHKYFum4g_Y8e7sgqS3T26Fjz1IxBpg&libraries=places"></script>
<script src="script.js"></script>
<script>
$('#myTab a').on('click', function (event) {
event.preventDefault()
$(this).tab('show')
})
</script>
</body>
</html>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment