Scribd
Upload
16 views7 pages

CODING

The document is an HTML page containing a resume template. It includes sections for personal details, education, work experience, and hobbies with empty fields to be populated. The accompanying CSS file styles the resume layout and makes it responsive for mobile screens.

Uploaded by

indriberlianaa3
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views7 pages

CODING

The document is an HTML page containing a resume template. It includes sections for personal details, education, work experience, and hobbies with empty fields to be populated. The accompanying CSS file styles the resume layout and makes it responsive for mobile screens.

Uploaded by

indriberlianaa3
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

<!

DOCTYPE html>
<html>
<head>
<meta charset=’’utf-8’’>
<meta name=’’viewport’’content=’’width=devide-width,initial-scale=1’’>
<title>SOAL TUGAS UTS</title>
<link rel=’’stylesheet’’type=’’text/css’’href=’’style.css’’>
</head>
<body>
<div class=’’kotak’’>

<div class=’’judul’’>
<h1>JUDUL DISESUAIKAN DENGAN ISIAN</h1>
</div>

<div class=’’blok’’>

<h2>identitas lengkap</h2>

<div class=’’kid’’>
<img src=’’sigit’’>
</div>

<div class=’’kanan’’>
<table>
<tr>
<th>Nama</th>
<th></th>
<td></td>
</tr>
<tr>
<th>Tempat</th>
<th><th>
<td></td
</tr>
<tr>
<th>Tgl Lahir</th>
<th></th>
<td></td>
</tr>
<tr>
<th>Agama</th>
<th></th>
<td></td>
</tr>
<tr>
<th>Alamat</th>
<th></th>
<td></td>
</tr>
<tr>
<th>Email</th>
<th></th>
<td></td>
</tr>
<tr>
<th>No Hp</th>
<th></th>
<td></td>
</tr>
<tr>
<th>Website</th>
<th></th>
<td></td>
<href=’’sigit@dcc’’>UAS.Pergmlanjut.PHP.com</a></td>
<tr>
</table>

</div>

</div>

<div class=’’blok’’>

<h2>Pendidikan</h2>

<div>
<ul>
<li><b></b></li>
<li><b></b></li>
<li><b></b></li>
<li><b></b></li>
<ul>
</div>

</div>

<div class=’’blok’’>

<h2>Pengalaman kerja</h2>

<div>
<ul>
<li>
<b></b> - <i></i>
</li>
<li>
<b></b> - <i></i>
</li>
</ul>
</div>

</div>

<div class=’’blok’’>

<h2>Hobi/Keahlian</h2>

<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

</div>
</div>
</body>
</html>

FILE CSS (Style.css)

Body{
Font-family:monospace;
Font-size:23pt;
}
th{
text-align:left;
}
Img{
Kotak{
border:1px solid black;
width:60%;
margin:10px auto;
padding: 20px;
}
judul{
text-align:center;
background:red;
}
blok{
overflow:hidden;
}
kanan{
width:70%;
padding:opx 20px;
float:left;
}
@media only screen and (max-width:768px) {
kotak{
width:100%;
padding:opx;
border: none;
}
kiri{
width:100%;
padding: 0;
}
}

You might also like