PWEB A 2021 - TUGAS 2

Nama : Nabil Fikri Arief

NRP : 05111940000086

Kelas : PWEB A 2021

Tugas 2 Membuat CV/Biodata menggunakan table pada HTML

Melanjutkan pada tugas 1 sebelumnya, kita akan menambahkan riwayat pendidikan dan pengalaman menggunakan table html yang sebelumnya telah kita pelajari.

Berikut adalah tampilannya : 



Berikut adalah source codenya :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Informasi Umum</title>
<style>
*{
font-family: "Arial";
}
table{
width: 100%;
border: 1px solid #ffffff;
padding: 2px;
}
td{
border: 1px solid #ffffff;
text-align: left;
padding: 8px;
}
tr:nth-child(odd){
background-color: #fa0000;
}
tr:nth-child(even){
background-color:#ff7575;
}
.needshadow{
text-shadow:
-1px -1px white,
1px -1px 0 white,
-1px 1px 0 white,
1px 1px 0 white;
}
body{
background-color: rgb(255, 174, 174);
width: 800px;
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<body>
<h1 align="center">Detail Biodata Nabil Fikri Arief</h1>
<br>
<div>
<table>
<tr>
<td class="needshadow" colspan="3" style="font-size: 20px ;text-align: center;"><b>Riwayat Pendidikan</b></td>
</tr>
<tr>
<td style="text-align: center;"><b>Jenjang Pendidikan</b></td>
<td style="text-align: center;"><b>Keterangan</b></td>
<td style="text-align: center;"><b>Tahun</b></td>
</tr>
<tr>
<td>Sekolah Dasar</td>
<td>MIN Loloan Timur</td>
<td>2007 - 2013</td>
</tr>
<tr>
<td>Sekolah Menengah Pertama</td>
<td>SMP Firdaus</td>
<td>2013 - 2016</td>
</tr>
<tr>
<td>Sekolah Menengah Atas</td>
<td>MAN 1 Jembrana</td>
<td>2016 - 2019</td>
</tr>
<tr>
<td>Perguruan Tinggi</td>
<td>Institut Teknologi Sepuluh Nopember</td>
<td>2019 - Now</td>
</tr>
</table>
</div>
<div>
<table style="margin-top: 60px;">
<tr>
<td class="needshadow" colspan="3" style="font-size: 20px ;text-align: center;"><b>Informasi Umum</b></td>
</tr>
<tr>
<td><b>No.Telp</b></td>
<td>(+62)819-0755-8582</td>
</tr>
<tr>
<td><b>Email</b></td>
<td><a href="mailto:nabilfikri238@gmail.com">nabilfikri238@gmail.com</a></td>
</tr>
<tr>
<td><b>Hobi</b></td>
<td>Gaming</td>
</tr>
<tr>
<td><b>Cerita Dari Hobi Saya</b></td>
<td>Saya suka bermain game. Game offline maupun online. Saat ini sedang menggemari Mobile Legends dan Valorant.</td>
</tr>
</table>
</div>
<a href="..\biodata"><button style="display: block; margin-left: auto; margin-right: auto; margin-top: 40px;">Kembali ke halaman awal</button></a>
</body>
</html>
view raw detail.html hosted with ❤ by GitHub
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biodata</title>
<style>
*{
font-family: "Arial";
}
table{
width: 100%;
border: 1px solid #ffffff;
padding: 2px;
}
td{
border: 1px solid #ffffff;
text-align: left;
padding: 8px;
}
tr:nth-child(odd){
background-color: #fa0000;
}
tr:nth-child(even){
background-color:#ff7575;
}
.needshadow{
text-shadow:
-1px -1px white,
1px -1px 0 white,
-1px 1px 0 white,
1px 1px 0 white;
}
body{
background-color: rgb(255, 174, 174);
width: 800px;
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<body>
<div>
<h1 align="center">Biodata Nabil Fikri Arief</h1>
<table>
<tr>
<td class="needshadow" colspan="3" style="font-size: 20px ;text-align: center;"><b>Data Pribadi</b></td>
</tr>
<tr>
<td rowspan="10"><img src="images/foto.jpg" width="200px" style="display: block; margin-left: 20px; margin-right:20px"></td>
<td><b>Nama</b></td>
<td>Nabil Fikri Arief</td>
</tr>
<tr>
<td><b>NRP</b></td>
<td>05111940000086</td>
</tr>
<tr>
<td><b>Tempat,Tanggal Lahir</b></td>
<td>Jembrana,08 April 2001</td>
</tr>
<tr>
<td><b>Jenis Kelamin</b></td>
<td>Laki - laki</td>
</tr>
<tr>
<td><b>Agama</b></td>
<td>Islam</td>
</tr>
<tr>
<td><b>Alamat</b></td>
<td>Jl. WR Supratman II/7 Jembrana, Bali </td>
</tr>
<tr>
<td><b>Status</b></td>
<td>Belum Menikah</td>
</tr>
<tr>
<td><b>Pekerjaan</b></td>
<td>Mahasiswa</td>
</tr>
<tr>
<td><b>Kewarganegaraan</b></td>
<td>Indonesia</td>
</tr>
<tr>
<td><b>Informasi Umum</b></td>
<td><a href="detail.html"><button>Cari tahu!</button></a></td>
</tr>
</table>
</div>
</body>
</html>
view raw index.html hosted with ❤ by GitHub


Comments

Post a Comment

Popular posts from this blog

MPPL A - Tugas 1

Image
 Nama : Nabil Fikri Arief NRP : 05111940000086 Kelas : MPPL A 2021 1. Bergabung ke situs freelance  Saya mendaftar di projects 2.  Menemukan proyek yang sesuai Saya memilih proyek ini 3. Roadmap skill Untuk mengerjakan proyek, skill yang dibutuhkan adalah berikut ini HTML : Bisa CSS :  Kurang JavaScript : Kurang Bootsrap : Tidak bisa PHP : Kurang Laravel : Kurang MySQL : Bisa Untuk mengasah kekurangan saya, saya akan mempelajarinya melalui YouTube. Sekian pemaparan untuk tugas MPPL saya, terima kasih atas perhatiannya
Read more

TUGAS 1 REKAYASA KEBUTUHAN

Image
Nama : Nabil Fikri Arief NRP : 05111940000086 Kelas : Rekayasa Kebutuhan A 2022 Deskripiskan aplikasi Peduli Lindungi Indentifikasi User dan Stakeholder Tulis / gambarkan kebutuhan dari masing-masing user/stakeholder Tentukan aspek lain yang penting supaya aplikasi berjalan lancar 1. Deskripsi Aplikasi      Peduli lindungi adalah aplikasi hasil pengembangan oleh pemerintah Indonesia dalam membantu penanganan Coronavirus Disease (COVID-19). Aplikasi ini berguna untuk melakukan pelacakan, pendataan, dan berkontribusi dalam pencegahan COVID-19.     Selain kontribusi pemerintah, Peduli lindungi juga turut mengajak partisipasi khalayak umum untuk saling berbagi data lokasi saat bepergian agar tracing COVID-19 dan riwayat kontak dengan penderita COVID-19 dapat dilakukan     Informasi seperti notifikasi daerah zona merah dapat diakses dan diketahui juga dari aplikasi ini. Zona merah sendiri adalah area atau kelurahan yang terdata terdapat penderita infeksi CO...
Read more

MPPL A 2021 - TUGAS 2

Nama : Nabil Fikri Arief NRP : 05111940000086 Kelas : MPPL A 2021 Tugas Identifikasi Siklus Manajemen Initiation dari Aplikasi MOKAPOS 1. Identification of the Problems : Kesulitan dalam mencatat dan menelusuri riwayat transaksi Dibutuhkan kalkulasi serta yang cepat dan benar Kesulitan mencatat stok dan harga produk Ramainya uang digital digunakan Kesulitan ketika transaksi yang terjadi sangat banyak 2. Identification of the Scope :      Pada langkah ini, kita menentukan cakupan atau scope dari aplikasi yang ingin dibuat. Pada mokapos.com, cakupan atau scope penggunanya yaitu bagi semua pelaku usaha terutama UMKM di Indonesia yang membutuhkan manajemen usaha yang mudah, efisien, dan efektif. 3. Identification of the Deliverables : Perangkat lunak yang dapat diakses melalui mobile devices dan website Perangkat keras untuk menunjang proses bisnis yang dilakukan seperti tablet, printer, dll.  Peminjaman modal usaha lebih mudah dan terpercaya Bisa berkonsultasi untu...
Read more