Faris Rahmat

Jumat, 31 Maret 2017

Tugas UTS PWEB F

Referensi organisasi : Ukafo ITS - ukafo.lmb.its.ac.id

Source code :

<!DOCTYPE html>

<head>

<title>Ukafo ITS Official Website</title>

</script>

<!--[if lt IE 9]>

<![endif]-->

</head>

</button>

<a class="navbar-brand" href="#" style="color:red">UKM Fotografi ITS</a>

</div>

<li><a href="#profil">Profil</a></li>

<li><a href="#galeri">Galeri</a></li>

<li><a href="#contact">Kontak</a></li>

</ul>

</div>

</nav>

<h1>Selamat datang di website Ukafo ITS</h1>

<p class="text-justify">"UKAFO yang dibawah naungan Lembaga Minat Bakat (LMB) ITS didirikan atas tingginya minat mahasiswa akan bidang fotografi. Dengan adanya wadah fotografi di lingkup institut diharapkan seluruh civitas akademika ITS diharapkan dapat memfasilitasi potensi minat bakat mahasiswa khususnya di bidang seni fotografi"</p>

</div>

<h1>Susunan organisasi Ukafo</h1>

</div>

<h2 class="spec"> Galeri</h2>

</div></div></div>

</div>

</div>

</div>

</div>

</div>

</div>

<h3 class="spec"> Contact Details</h3>

<ul>

<li><a href="#">ukmukafoits@gmail.com</a></li>

<li>Moch Agus Riandyka<br>082187403634</li>

<li>Dwilaksana Abdullah Rasyid<br>08996222821</li>

<li>

Ukafo Office, SCC ITS 3rd Floor

<br>

Kampus ITS Keputih, Sukolilo, Surabaya 60111, Jawa Timur

<br>

Indonesia

</li>

</ul>

</div>

<h3 class="text-justify panel-heading"="">Contact us</h3>

<p class="panel-body text-muted ">Anda juga bisa meninggalkan pesan anda di bawah ini, isikan nama, email, dan pesan yang ingin anda tinggalkan</p>

<form>

</div>

</div>

</div>

<button type="submit" class="btn btn-default">Kirim</button>

</div>

</form>

</div>

</footer>

</body>

</html>

Kamis, 16 Maret 2017

Tugas 1

<!DOCtype html>
<html>
<head>
<title>About me</title>
<style>
h1 {
list-style-type: none;
margin: 0px;
padding: 20px;
overflow: hidden;
background-color: lightgreen;
color: black;
font-size: 200%;
font-color: gray;
}
td, th {
border bottom 1px solid #dddddd;
text-align: left;
padding: 8px;

}

body {
background-color: white;
}
h2 {
font-size: 125%;
background-color: lightgreen;
border: 0px dark gray;;
margin: 100px 450px 20px 300px;
padding: 0px;
}

</style>

</head>
<body>

<h1>About me</h1>
<h2>
<table>
<tr>
<td>Nama</td><td>Faris Rahmat Hardian</td>
</tr>
<tr>
<td>TTL</td><td>Mojokerto, 4 Agustus 1997</td>
</tr>
<tr>
<td>Tempat tinggal</td><td>Perum ITS Blok U No.138, Surabaya</td>
</tr>
<tr>
<td>No. HP</td><td>08993461740</td>
</tr>
<tr>
<td>Email</td><td>fr.hardian@gmail.com</td>
</tr>

</table>
</h2>

</body>
</html>

Minggu, 05 Maret 2017

Tugas

<!DOCtype html>
<html>
<head>
<title>Pemesanan Tiket Kereta Api Online</title>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: blue;
}
li {
float: left;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
h1{
color: rgb(104, 132, 146);
font-size: 200%;
}
body {
background-color: rgb(236, 232, 229);
}
form {
text-align: right;
margin: 20px 350px 20px 300px;
padding: 20px;
}
input[type=text],[type=time],[type=date] {
width: 60%;
padding: 5px 8px;
margin: 8px 0;
box-sizing: border-box;
border: 1px dark gray;
border-radius: 4px;
}
select {
width: 60%;
padding: 5px 8px;
margin: 8px 0;
box-sizing: border-box;
border: 1px dark gray;
border-radius: 4px;
}
li a {
display: block;
color: white;
text-align: center;
padding: 20px 16px;
text-decoration: none;
}
</style>

</head>
<body>
<ul>
<li><a class="active" href="#home">Pemesanan Tiket Kereta Api Online</a></li>
<li><a href="#harga">Daftar Harga KA</a></li>
<li><a href="#jadwal">Daftar Jadwal KA</a></li>
<li><a href="#pesan">Data Pesanan Tiket</a></li>
</ul>
<h1>Selamat Datang !!!</h1>
<form name="input" action="html_form_action.asp" method="get">
Nama Kereta : <input type="text" name="train"><br>
Tanggal Berangkat : <input type="date" name="arrive"><br>
Tanggal Tiba : <input type="date" name="go"><br>
Jam Berangkat : <input type="time" name="dtg"><br>
Jam Tiba : <input type="time" name="pgi"><br>
Dari : <input type="text" name="asal"><br>
Ke : <input type="text" name="tujuan"><br>
Kelas : <select id="country" name="country">
<option value="ekonomi">Ekonomi</option>
<option value="bisnis">Bisnis</option>
<option value="eksekutif">Eksekutif</option>
</select>
<br>
<input type="submit" value="Simpan" />
</form>
<table>
<tr>
<th>No.</th>
<th>Nama Kereta</th>
<th>Jadwal Berangkat</th>
<th>Jadwal Tiba</th>
<th>Dari</th>
<th>Ke</th>
<th>Harga (Kelas)</th>
<th> </th>
</tr>
<tr>
<td>1.</td>
<td>Argo Parahyangan</td>
<td>2014-04-22 - 06:00</td>
<td>2014-04-22 - 08:45</td>
<td>Gambir, Jakarta Pusat</td>
<td>Bandung, Bandung</td>
<td>Bisnis - 90.000</td>
<td> <input id="e" type="submit" value="Edit"> <input id="h" type="submit" value="Hapus"></td>
</tr>
<tr>
<td>2.</td>
<td>Argo Parahyangan</td>
<td>2014-04-23 - 13:01</td>
<td>2014-04-23 - 15:00</td>
<td>Gambir, Jakarta Pusat</td>
<td>Surabaya</td>
<td>Eksekutif - 100.000</td>
<td> <input id="e" type="submit" value="Edit"> <input id="h" type="submit" value="Hapus"></td>
</tr>
</table>
</body>
</html>

Tampilan :