<!DOCTYPE html>
<html lang="en">
<head>
<title>Selamat datang di Face-mu</title>
<link rel ="shortcut icon" href="icon.png">
<style type="text/css">
.header{
background-color : Steelblue;
}
.header{
height : 75px;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 150px;
}
#lebar{
width : 1000px;
}
.bg-color{
height : 450px;
background-image : url(bg.jpg);
}
.login{
float : right;
color : white;
font-family : arial;
font-size : small;
}
#gambar{
margin-top : 20px;
float : left;
height : 20px;
}
#kanan{
float: left;
padding: 4px;
width:420px;
height: 380px
}
#tengah {
float: left;
}
#kiri {
float: left;
width: 780px;
height: 380px;
}
#picture{
padding-top : 10px;
padding-bottom : 10px;
padding-left : 150px;
width: 430px;
height: 220px;
font-family : Arial;
font-size : small;
font-weight : bold;
color: Steelblue;
}
#huruf{
font-family : Arial;
font-size : small;
font-weight : bold;
line-height : 30px;
color: Steelblue;
}
#tombol_login{
background-color : Steelblue;
color : white;
}
#tombol_register{
background-color : Steelblue;
color : white;
}
.footer{
background-color : Steelblue;
}
.footer{
padding-top : 5px;
padding-bottom : 5px;
padding-right : 190px;
padding-left : 25px;
color : white;
font-family : Arial;
font-size : small;
}
</style>
<link href="icon.jpg">
</head>
<body>
<body background = "bg.jpg">
<div class="header">
<div id="lebar">
<div id="gambar">
<img src="facemu.png">
</div>
<div class="login">
<table>
<tr>
<td>Email</td>
<td>Password</td>
<td> </td>
</tr>
<tr>
<td><input type="text"></td>
<td><input type="password"></td>
<td><input type="submit" value="Log in" id="tombol_login"></td>
</tr>
<tr>
<td height="30"><input type="checkbox" checked>Let me stay in</td>
<td height="30">Forgot password?</td>
<td height="30"> </td>
</tr>
</table>
</div>
</div>
</div>
<div class="bg-color">
<form action="my_action.jsp">
<div id="tengah">
<div id="kiri">
<div id="picture" width="100">
<font size="5">facemu helps you connect and share with the people in your life in Indonesia </font>
<img src="indo.png">
</div>
</div>
</div>
</form>
<div id="kanan">
<div id="huruf">
<font size="6">Register</font><br/>
<font size ="3">FREE Forever</font>
<hr style="color:Steelblue">
<form action="my_action.jsp">
<table>
<tr>
<td>First Name </td>
<td><input type="text" size="30"></td>
</tr>
<tr>
<td>Last Name </td>
<td><input type="text" size="30"></td>
</tr>
<tr>
<td>Your Email </td>
<td><input type="text" size="30"></td>
</tr>
<tr>
<td>Re-enter Your Email</td>
<td><input type="password" size="30"></td>
</tr>
<tr>
<td>New Password</td>
<td><input type="password" size="30"></td>
</tr>
<tr>
<td>Sex </td>
<td><select name="kelamin">
<option value="Male">Male
<option value="Female">Female
</select></td>
</tr>
<tr>
<td>Date of Birth <select name="tanggal">
<option value="01" selected>01
<option value="02">02 <option value="03">03 <option value="04">04
<option value="05">05 <option value="06">06 <option value="07">07
<option value="08">08 <option value="09">09 <option value="10">10
<option value="11">11 <option value="12">12 <option value="13">13
<option value="14">14 <option value="15">15 <option value="16">16
<option value="17">17 <option value="18">18 <option value="19">19
<option value="20">20 <option value="21">21 <option value="22">22
<option value="23">23 <option value="24">24 <option value="25">25
<option value="26">26 <option value="27">27 <option value="28">28
<option value="29">29 <option value="30">30 <option value="31">31
</select></td>
<td><select name="bulan">
<option value="01" selected>januari
<option value="02">februari
<option value="03">maret
<option value="04">april
<option value="05">mei
<option value="06">juni
<option value="07">juli
<option value="08">agustus
<option value="09">september
<option value="10">oktober
<option value="11">november
<option value="12">desember
</select></td>
<td><select name = "tahun">
<option value=1980 selected>1980
<option value=1990>1990
<option value=2000>2000
<option value=2010>2010
<option value=2011>2011
</select></td>
</tr>
</table>
<font size = "2" color="Steelblue"><align="center">why do I need to provide this?</font>
</form>
<input type="submit" value="Register" id="tombol_register">
<hr style="color: Steelblue">
<b><p><font color = "Steelblue" size="1">Create Page</font>
<font color="black" size="1">for celebrities, music group or business</font></p></b>
</div>
</div>
</div>
<div class="footer">
Copyright © - Rista Rusdianawati - 2011
</div>
</body>
</html>
berikut adalah tampilan kode html di atas.
0 komentar:
Posting Komentar
silakan komen......