PWEB CURRICULUM VITAE

 <!DOCTYPE html>  
 <html lang="en" dir="ltr">  
  <head>  
   <style type="text/css">  
     body, html{  
     height: 100%;  
     margin: 0;  
     }  
     .profil{  
      border-radius: 50%;  
     }  
     table{  
      border-spacing: 0;  
     }  
     p{  
      font-family: TW Cen MT;  
     }  
     img.a{  
      vertical-align: text-bottom;  
     }  
     img.b{  
      vertical-align: text-top;  
     }  
     .judul{  
      font-size: 20px;  
      color: white;  
     }  
     .tulis{  
      font-size: 15px;  
      color: white;  
     }  
   </style>  
   <title>My Personal Blog</title>  
  </head>  
  <body background="img/Picture1.jpg" style="background-size:cover;">  
   <br><br><br><br><br>  
   <table width="55%" align="center" style="vertical-align: middle">  
    <tr>  
     <td bgcolor="LightGrey" width="40%" >  
      <p align="center"><img src="img/Untitled.png" alt="FOTO" width="60%" class="profil"></p>  
       <font size="5px">  
        <pre align="center" ><p>PROFILE</p></pre>  
       </font>  
       <font size="4px">  
          <p><img src="img/employee.png" alt="name" width="10%" style="padding: 0 10px 0 28px" class="a">Reza Adipatria Maranatha</p>  
          <p><img src="img/location.png" alt="loc" width="10%" style="padding: 0 10px 0 28px" class="a">Ketintang Permai BD-18</p>  
          <p><img src="img/phone-call.png" alt="phone" width="8%" style="padding: 0 14px 0 30px" class="a">081939103078</p>  
          <p><img src="img/envelope.png" alt="phone" width="9%" style="padding: 0 10px 0 30px" class="b">rezamaranatha@yahoo.com</p>  
       </font>  
     </td>  
     <td bgcolor=" #1a1a1a" style="text">  
       <pre style="padding: 0 0 0 50px"><p class="judul">PENDIDIKAN</p><p class="tulis">2014-2017   SMAK St Louis 1 Surabaya  
 2011-2014   SMP Santo Yosef Surabaya  
 2005-2011   SD Santo Yosef Surabaya</p><p class="judul">KELEBIHAN</p><p class="tulis">Tinggi Badan, Rajin</p><p class="judul">KEKURANGAN</p><p class="tulis">Malas, Terlalu bayak pikiran</p><p class="judul">HOBI</p><p class="tulis">Bermain Sepak Bola, Main PUBG</p>  
       </pre>  
     </td>  
    </tr>  
   </table>  
  </body>  
 </html>

Comments

Tugas Membuat Forms

Tugas kali ini saya membuat sebuah Form Registrasi untuk web berita saya untuk form yang saya buat, saya membuat nya dalam bentuk Modal, yaitu adalah pop-up jika tombol register di klik Berikut adalah hasil dari apa yang saya buat Ini adalah website berita saya Kemudian jika tombol register di klik akan muncul form pop-up Berikut adalah source code nya : HTML: <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="inicss.css"/> </head> <body> <div class="header"> <h1>PIAL ROSE NEWS</h1> </div> <ul> <li><a class="active" href="#">News</a></li> <li><a href="#">Jobs</a></li> <li><a href="#">...

HTML and CSS

Hari ini saya belajar menggunakan HTML dan CSS untuk membuat sebuah website static berikut hasil nya HTML : <html> <head> <title>Belajar Membuat Layout dengan HTML dan CSS</title> <link rel="stylesheet" href="custom.css"/> </head> <body> <div class="header"> <div class="jarak"> <h2>Belajar Membuat Layout dengan HTML dan CSS</h2> </div> </div> <div class="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div class="content"> <div class="jarak">  ...

Tugas Web Berita

Di tugas kali ini saya mendapat tugas untuk membuat sebuah web berita, kami diberi contoh yaitu web www.techinasia.com berikut hasil dari apa yang telah saya buat kemudian berikut adalah source code nya : HTML : <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="inicss.css"/> </head> <body> <div class="header"> <h1>PIAL ROSE NEWS</h1> </div> <ul> <li><a class="active" href="#">News</a></li> <li><a href="#">Jobs</a></li> <li><a href="#">Companies</a></li> <li><a href="#">Events</a></li> </ul> <div class = "co...

PWEB

Search This Blog