Tugas 1 - PWeb

-
Tugas 1 - Pemrograman Web Kelas C
Nama: Donny Fitrado
NRP: 05111740000171
Kelas: C

Berikut ini saya sertakan source code dari CV saya yang saya buat menggunakan HTML. 

 <!DOCTYPE html>  
 <html>  
      <head>  
           <title>Biodata</title>  
           <style type="text/css">  
           table.tbl1  
           {  
                border-collapse: collapse;  
           }  
           p   
           {  
                font-family: Verdana, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  
           }  
           </style>  
      </head>  
      <body background="Dark-Lines-with-Purple-Background-Download.jpg">  
           <table width="100%" align="center" bgcolor="LightGrey" class="tbl1">  
                <tr>  
                     <td width="30%" bgcolor="Indigo">  
                          <font color="White">  
                               <p align="center">Donny Fitrado</p>  
                          </font>  
                     </td>  
                     <td bgcolor="Indigo">  
                          <font color="White">  
                               <p align="center">05111740000171</p>  
                          </font>  
                     </td>  
                     <td width="30%" bgcolor="Indigo">  
                          <font color="White">  
                               <p align="center">Pemrograman Web C</p>  
                          </font>  
                     </td>  
                </tr>  
           </table>  
           <br>  
           <br>  
           <table width="68%" align="center" bgcolor="MediumPurple" class="tbl1">  
                <tr>  
                     <td align="center" colspan="3" width="100%" bgcolor="MediumPurple">  
                          <h1>Curriculum Vitae</h1>  
                     </td>  
                </tr>  
                <tr>  
                     <td width="32%" bgcolor="MediumPurple">  
                          <p align="center"><img src="IMG_7320 - Copy.jpg" alt="profpic" width="350" ></p>  
                     </td>  
                     <td width="34%" bgcolor="DarkMagenta" class="td1">  
                          <font color="white" size="4px">  
                               <pre><p align="center"><h2> //Data Diri</h2> <b>Nama</b>          Donny Fitrado<br> <b>TTL</b>           Semarang, 20 Januari 1999<br> <b>Alamat</b>      Jl. Manyar Tirtomoyo 8 no. 16, Surabaya<br> <b>Jenis Kelamin</b>      Pria<br> <b>Agama</b>           Islam<br> <b>Pekerjaan</b>   Pelajar<br> <b>No. HP</b>     082244462069   
                               </pre>  
                               <pre><h2> //Riwayat Pendidikan</h2> 2005-2008      <b>SD YPPI 2</b> Surabaya <br> 2008-2011      <b>SD Kr. Cita Hati</b> Surabaya<br> 2011-2014      <b>SMP Kr. Cita Hati</b> Surabaya<br> 2014-2017      <b>SMA Cita Hati </b>Surabaya<br>  
                               </pre>  
                               <pre><h2> //Prestasi</h2> 2016      <b>Juara 1 InaSEC Competition</b>: Video Editor<br> 2016      <b>Juara 1 UBS Zetizen Vlog</b>: Talent & Video Editor<br>  
                               </pre>  
                          </font>  
                     </td>  
                     <td width="34%" bgcolor="Purple" class="td1">  
                          <font color="white" size="4px">  
                               <pre><p align="center"><h2> (+)Kelebihan</h2>  Jujur <br>  Rajin <br>  Ramah<br> </pre>  
                               <pre><h2> (-)Kekurangan</h2>  Sering menunda pekerjaan<br></pre>  
                               <pre><h2> //Hobi</h2>  Drum<br>  Videografi <br>  Fotografi<br></pre>  
                               </p>  
                          </font>  
                     </td>  
                </tr>  
                <tr>  
                     <td width="50%">  
                          <p align="right"><img src="mailicon.png" width="20"> | dfitrado@gmail.com</p>  
                     </td>  
                     <td width="35%">  
                          <p align="right"><img src="utubeicon.png" width="15"> | Potatoes Project</p>  
                     </td>  
                </tr>  
           </table>  
      </body>  
 </html>


Dari Source Code tersebut, hasil nya adalah:



Sekian, terima kasih.

Comments

Post a Comment

Popular posts from this blog

EAS PBKK A

-
Image
Nama: Donny Fitrado NRP: 05111740000171 Kelas: PBKK A Post kali ini dibuat untuk memenuhi evaluasi akhir semester (EAS) PBKK kelas A, yaitu mencoba untuk membuat website yang dapat bermanfaat bagi masyarakat di pandemi COVID-19 ini.  Saya dan rekan saya,  Muhammad Luthfi Rahmatullah (05111740000038) . membuat website Kawal COVID-19, dimana masyarakat dapat menggunakannya untuk melihat jumlah kasus positif COVID-19, lalu jumlah orang yang sembuh, serta jumlah orang yang meninggal karena COVID-19. Tidak hanya data yang ada di Indonesia, namun website ini memuat data kasus COVID-19 di seluruh dunia. Semua data yang dimuat pada website Kawal COVID-19 ini merupakan data yang real dan selalu update, karena data berasal dari website kawalcorona.com. Website ini kami bangun dengan menggunakan CodeIgniter, serta dengan bantuan leaflet,js untuk memunculkan peta dalam pemetaan nasional serta global. Ada beberapa page yang dapat dimanfaatkan: 1. Data Nasional Dalam page dat...
Read more

Tugas 2 - Pemrograman Web

-
Image
Nama: Donny Fitrado NRP: 05111740000171 Kelas: PWeb C Berikut ini adalah source code nya: index.html <!DOCTYPE html> <html> <head> <title> Belajar Membuat Layout dengan HTML dan CSS </title> <link rel="stylesheet" type="text/css" href="Custom.css"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> </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> ...
Read more

Tugas PBO - Tech Support

-
Image
Nama: Donny Fitrado NRP: 05111740000171 Kelas: PBO A 1. SupportSystem /** * Write a description of class SupportSystem here. * * @author (Donny Fitrado) * @version (8-10-18) */ public class SupportSystem { private InputReader reader; private Responder responder; /** * Creates a technical support system. */ public SupportSystem() { reader = new InputReader(); responder = new Responder(); } /** * Start the technical support system. This will print a * welcome message and enter into a dialog with the user, * until the user ends the dialog. */ public void start() { boolean finished = false; printWelcome(); while(!finished) { String input = reader.getInput(); if(input.startsWith("bye")) { finished = true; } else { String response = responder.generateResponse(); Syst...
Read more