Nama: Hania Maghfira
NRP: 5115100042
Source code:
<!DOCTYPE html>
<html>
<head>
<title>Situs Resmi PT KAI</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="form.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="icon" type="image/gif" href="https://upload.wikimedia.org/wikipedia/id/thumb/4/4e/Logo_PT_KAI_(Persero).svg/1280px-Logo_PT_KAI_(Persero).svg.png">
</head>
<body>
<div class="content" style="background-color: #E0E0E0;">
<nav class="navbar navbar-default">
<div class="navbar-header">
<a class="navbar-brand" href="#" style="color: #FFFFFF; font-size: 20px; margin-left: 25px">Pemesanan Tiket Kereta Online</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar" style="background-color: #3399CC">
<ul class="nav navbar-nav">
<li><a href="#" style="color: #FFFFFF; font-size: 16px">Daftar Harga Kelas KA</a></li>
<li><a href="#" style="color: #FFFFFF; font-size: 16px">Daftar Jadwal KA</a></li>
<li><a href="#" style="color: #FFFFFF; font-size: 16px">Data Pesanan Tiket</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" style="color: #FFFFFF"><span class="glyphicon glyphicon-log-out" style="color: #FFF"></span> Logout</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="col-sm-3">
<img class="img-responsive" src="https://upload.wikimedia.org/wikipedia/id/thumb/4/4e/Logo_PT_KAI_(Persero).svg/1280px-Logo_PT_KAI_(Persero).svg.png" alt="PT KAI">
</div>
<div class="col-sm-6">
<h1 style="color : #3366CC; font-size: 50px; margin-top: 50px;">Selamat Datang!!!</h1>
</div>
</div>
<hr>
<div class="container">
<form class="form-horizontal" role="form" method="post" action="send.php">
<div class="form-group">
<label class="control-label col-sm-offset-3 col-sm-2" for="pilihan-kereta">Nama Kereta:</label>
<div class="col-sm-3">
<select class="form-control" id="pilihan-kereta" style="background-color: #F0F0F0">
<option> </option>
<option>Argo Anggrek</option>
<option>Jayabaya</option>
<option>Kertajaya</option>
<option>Bima</option>
<option>Argo Bromo</option>
<option>Matarmaja</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-offset-3 col-sm-2" for="tgl-berangkat">Tanggal Berangkat:</label>
<div class="col-sm-3">
<input type="date" class="form-control" id="tgl-berangkat" style="background-color: #F0F0F0">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-offset-3 col-sm-2" for="jam-berangkat">Jam Berangkat:</label>
<div class="col-sm-3">
<input type="time" class="form-control" id="jam-berangkat" style="background-color: #F0F0F0">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-offset-3 col-sm-2" for="tempat-asal">Dari:</label>
<div class="col-sm-3">
<select class="form-control" id="tempat-asal" style="background-color: #F0F0F0">
<option> </option>
<option>Bandung</option>
<option>Cirebon</option>
<option>Jakarta</option>
<option>Kediri</option>
<option>Semarang</option>
<option>Surabaya</option>
<option>Yogyakarta</option>
<option>Tegal</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-offset-3 col-sm-2" for="tempat-tujuan">Ke:</label>
<div class="col-sm-3">
<select class="form-control" id="tempat-tujuan" style="background-color: #F0F0F0">
<option> </option>
<option>Bandung</option>
<option>Cirebon</option>
<option>Jakarta</option>
<option>Kediri</option>
<option>Semarang</option>
<option>Surabaya</option>
<option>Yogyakarta</option>
<option>Tegal</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-offset-3 col-sm-2" for="kelas">Kelas:</label>
<div class="col-sm-3">
<select class="form-control" id="kelas" style="background-color: #F0F0F0">
<option> </option>
<option>Eksekutif</option>
<option>Bisnis</option>
<option>Ekonomi</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-5 col-sm-10">
<button type="submit" class="btn btn-primary">Pesan Tiket</button>
<button type="submit" class="btn btn-warning" style="color:white">Batal</button>
</div>
</div>
</form>
</div>
<hr>
<footer class="container">
<p>
<center>Terima kasih atas kepercayaan Anda</center>
</p>
</footer>
</div>
</body>
</html>
 |
| Tampilan source code |
0 Comment:
Posting Komentar