<!DOCTYPE html>
<html lang="en">
<head>
<title>Teknik Elektro</title>
<link rel="icon" href="garaa.ico">
<style type="text/css">
<!--
body, header, footer, nav, section{
width : 1000px;
float : left;
}
header, footer, nav, section{
padding : 5px;
}
header{
font-size : 30px;
font-weight : bold;
height : 110px;
background-image: url(bg.png);
}
header div.logo, header div.title{
float : left;
margin-left: 60px;
}
header div.title{
width : 400px;
margin-top : 20px;
color : blue;
margin-left: 30px;
text-align : center;
}
nav{
background-color : rgb(3, 157, 255);
}
nav div.search{
float : left;
color : white;
}
nav div.menu{
float : right;
}
nav div.menu div#submenu, nav div.menu div#submenu-kiri{
float : left;
border-radius : 30px;
padding : 3px;
background-color : #3366CC;
border : 1px solid brown;
width: 100px;
text-align : center;
}
nav div.menu div#submenu:hover, nav div.menu div#submenu-kiri:hover{
color : blue;
background-color : white;
text-align : center;
}
nav div.menu div#submenu-kiri{
border-radius : 30px;
padding : 3px;
text-align : center;
}
section{
background-color: grey;
}
article, aside{
float : left;
}
article{
width : 710px;
}
article div.profil, article div.info{
padding : 5px;
}
article div.profil{
background-color : rgba(255, 255, 255, 0.8);
height : 200px;
}
article div.info{
background-color : #3366CC;
height : 150px;
}
aside{
margin-right : 10px;
width : 275px;
}
footer{
text-align : center;
font-size : small;
font-weight : bold;
color : black;
height : 30px;
background-image : url(bg.png);
background-position : bottom center;
}
-->
</style>
</head>
<body>
<header>
<div class="logo">
<img width = "100" height= "100" src="um.png">
</div>
<div class="title">TEKNIK ELEKTRO </div>
</header>
<nav>
<div class="search">
<label>Search</label>
<input type="text" maxlength="20">
</div>
<div class="menu">
<div id="submenu-kiri">Home</div>
<div id="submenu">About Me</div>
<div id="submenu">Documents</div>
<div id="submenu">Software</div>
<div id="submenu">Games</div>
</div>
</nav>
<section>
<aside>
<img width="280" height="370" src="hitsugaya.jpeg">
</aside>
<article>
<div class="profil">
<p align="justify">Toushirou hitsugaya (日番谷 冬獅郎, Hitsugaya Toushirou) adalah karakter fiksi dalam seri anime dan manga Bleach karya Tite Kubo. Dia adalah Kapten Divisi 10 dalam Gotei 13. Wakil kaptennya adalah Rangiku Matsumoto. Hitsugaya adalah karakter utama dalam film Bleach The Movie 2: The Diamond Dust Rebellion.<br>
Toushirou terpilih menjadi karakter BLEACH paling populer dalam jajak pendapat Shonen Jump terakhir, menggantikan Ichigo Kurosaki yang sebelumnya menempati peringkat itu. Dia menerima 8273 suara, 383 suara lebih banyak daripada Rukia Kuchiki yang sebelumnya menempati peringkat kedua.</p>
<p align="justify"><i>Sumber : http://id.wikipedia.org/wiki/Toushirou_Hitsugaya</i><br>
</p>
</div>
<div class="info">
<font size="5" color="red"><b>Daftar isi :</b></font>
<ul>
<li>Ciri-ciri</li>
<li>Sifat dan perwatakan </li>
<li>Masa kecil </li>
<li>Hyorinmaru</li>
</ul>
</div>
</article>
</section>
<footer>
| Home | About Me | Documents | Software | Games |
UM © 2011 Umam Almuqtashid
</footer>
</body>
</html>
Berikut adalah screenshotnya :
