SCRIPT
<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo face-mu</title>
<link rel="shortcut icon" href="icon.png">
<style type="text/css">
<!--
#utama {
height: 590px;
}
#header {
height: 80px;
background: #4169E1;
}
#logo{
clear: both;
float: left;
padding-left: 150px;
padding-top: 20px;
}
.box1 {
float: right;
padding: 5px;
height: 80px;
color: #FFFFFF;
}
.box2 {
float: right;
padding: 5px;
height: 80px;
color: #FFFFFF;
}
#tengah {
float: left;
}
#kiri {
float: left;
width: 780px;
height: 380px;
}
#subkiri{
width: 300px;
height: 200px;
padding: 50px;
color: #4169E1;
}
#kanan {
float: left;
padding: 5px;
width: 370px;
height: 380px;
color: #4169E1;
}
#footer {
clear: both;
height: 25px;
background: #4169E1;
font-size:7px;
color: #FFFFFF;
}
-->
</style>
</head>
<body background="bg.jpg">
<div id="utama">
<div id="header">
<div id="logo">
<img src="facemu.png">
</div>
<form>
<div class="box2">
<br><input type="button" value="masuk">
<br>
</div>
<div class="box1">
Password <br><input type="password" size="25">
<br>Lupa kata sandi anda?
</div>
<div class="box1">
Email <br><input type="text" size="25">
<br><input type="checkbox">Biarkan saya tetap masuk
</div>
</div>
</form>
<div id="tengah">
<div id="kiri">
<div id="subkiri">
<font size="5">Face-mu membantu Anda terhubung dan berbagi dengan orang-orang dalam kehidupan Anda di
Indonesia
</div>
</div>
<div id="kanan">
<h2>Medaftar</h2>
Gratis, sampai kapanpun
<hr/>
<form>
<table>
<tr><td>Nama Depan</td><td><input type="text" size="35"></td></tr>
<tr><td>Nama Belakang</td><td><input type="text" size="35"></td></tr>
<tr><td>Email Anda</td><td><input type="text" size="35"></td></tr>
<tr><td>Masukkan Ulang Email</td><td><input type="text" size="35"></td></tr>
<tr><td>Kata Sandi Baru</td><td><input type="text" size="35"></td></tr>
<tr><td>Saya Seorang</td><td>
<select name="kelamin">
<option value="wanita" selected>Wanita
<option value="pria">Pria
</select></td></tr>
</table>
</form>
<br><input type="button" value="DAFTAR">
</div>
</div>
<div id="footer">
<b>Face-mu © 2011 - Ariend Production</b>
</div>
</div>
</body>
</html>
Hasilnya
0 komentar:
Posting Komentar