Tugas 1 - PWEB
PERSONAL WEB BERISI CURRICULUM VITAE
Nama: Muh. Shafwatallah Wahid
NRP: 05111740007002
Kelas: Pemograman Web C
1. SOURCE CODE
<<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/mas.css">
<body>
<div class="prof-box">
<h1> Curriculum Vitae</h1>
<div class="line-break"></div>
<img src="back/wawa2.jpg" class="wawa-pic">
<div class="prof-bio">
<pre><h2>|Profil</h2><b>
Nama:</b> Muh.Shafwatallah Wahid<br>
<b>TTL:</b> Parepare, 18 Februari 2000<br>
<b>Alamat:</b> Perumahan Depag Blok B2 No. 3 Daya, Makassar
<b>Jenis Kelamin:</b> Laki-laki<br>
<b>Agama:</b> Islam<br>
</pre>
</div>
<div class="line-break"></div>
<div class="prof-pend">
<pre><h3>|Pendidikan</h3>
2005-2011 <b>SD Negeri 48 Parepare</b><br>
2011-2014 <b>MTs Negeri 02 Biringkanaya</b><br>
2014-2017 <b>MAS Al-Ikhlas Ujung Bone</b><br>
2017-sekarang <b>Institut Teknologi Sepuluh Nopember Surabaya</b><br>
</pre>
</div>
<div class="line-break"></div>
<div class="prof-peng">
<pre><h4>|Pengalaman Organisasi</h4>
2013 <b>Badan pengurus OSIS</b>, Ketua Umum seksi Publikasi<br>
2015 <b>Badan Pengurus OSAI</b>, Ketua Umum Informasi dan Komunikasi<br>
2015 <b>Staff Ambalan Pramuka</b><br>
2017 <b>ERC CSSMoRA Regional Jawa Timur</b><br>
</pre>
</div>
<div class="line-break"></div>
<div class="prof-kele">
<pre><h5>|Kelebihan</h5>
<b>+ Desaign Grafis</b><br>
<b>+ Mudah Beradaptasi</b><br>
<b>+ Percaya Diri</b><br>
</pre>
</div>
<div class="line-break"></div>
<div class="prof-keku">
<pre><h6>|Kekurangan</h6>
<b>- Teledor</b><br>
<b>- Tidak Berani Berpendapat</b><br>
<b>- Paling Takut sama Kecoa Terbang</b>
</pre>
</div>
<div class="prof-akhir"></div>
<p><img src="back/gmail.png" style="width: 16px; height: 16px"> shafwatallah@gmail.com</p>
<p><img src="back/wa.png" style="width: 16px; height: 16px"> +8282290454511 </p>
<p><i><img src="back/face.png" style="width: 16px; height: 16px"> shafwatallah </i></p>
</body>
</html>
2. SOURCE CODE EDITOR
*NB= pke css
html {
background: url(../back/hei.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'helvetica neue', sans-serif;
}
.prof-box{
width: 720px;
height: 1220px;
background: rgba(0,0,0,0.4);
padding: 40px;
color: white;
margin: 0 auto;
margin-top: 50px;
}
.wawa-pic{
border-radius: 50%;
height: 200px;
width: 200px;
margin: 0 auto;
}
h1{
font-weight: inherit;
letter-spacing: 6;
font-size: 30;
color: lightgrey;
text-align: center;
font-family: gloss and bloom;
}
h2 {
font-weight: 100;
font-size: 20;
font-family: gloss and bloom;
font-weight: bold;
letter-spacing: 5;
color: lightgrey;
}
.prof-bio{
font-size: 16px;
line-height: 0.6;
text-align: justify-all;
margin: 0 auto;
font-family: sans-serif;
}
.line-break {
width: 250px;
margin: 0 auto;
border-top: 1px solid white;
}
.prof-pend{
font-size: 16px;
line-height: 0.6;
text-align: justify-all;
margin: 0 auto;
font-family: sans-serif;
}
h3{
font-weight: 100;
font-size: 20;
font-family: gloss and bloom;
font-weight: bold;
letter-spacing: 5;
color: lightgrey;
}
h4{
font-weight: 100;
font-size: 20;
font-family: gloss and bloom;
font-weight: bold;
letter-spacing: 5;
color: lightgrey;
}
.prof-peng{
font-size: 16px;
line-height: 0.6;
text-align: justify-all;
margin: 0 auto;
font-family: sans-serif;
}
h5{
font-weight: 100;
font-size: 20;
font-family: gloss and bloom;
font-weight: bold;
letter-spacing: 5;
color: lightgrey;
}
.prof-kele{
font-size: 16px;
line-height: 0.6;
text-align: justify-all;
margin: 0 auto;
font-family: sans-serif;
letter-spacing: 3;
}
h6{
font-weight: 100;
font-size: 20;
font-family: gloss and bloom;
font-weight: bold;
letter-spacing: 5;
color: lightgrey;
}
.prof-keku{
font-size: 16px;
line-height: 0.6;
text-align: justify-all;
margin: 0 auto;
font-family: sans-serif;
letter-spacing: 3;
}
.prof-akhir{
width: 720px;
margin: 0 auto;
border-top: 1px solid white;
}
3. Tampilan
Komentar
Posting Komentar