Untitled

<html>
<head>
<script type="text/javascript" src="js/script.js"></script>
<style type="text/css">
header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;
}

#wrapper {
    background-color:Gray;
}
.section {
    width:65%;
    float:left;
    border-right: thick double #000000;
}
.aside {
    width:30%;
    float:right;

}
footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
}
textarea{
	width: 500px;
}
</style>
	<title>
		FreePaste!
	</title>
</head>
<body>
	<center>
	<h1>Welcome to free paste!</h1>
	</center>


	<div id="wrapper">

		<div class="section">
			<form id="paste_form" action="save_paste.php" method="post">
			New paste! (limit = 64kB)
			<br><br>
			Paste Name : <br>
			<textarea name="title" form="paste_form" rows="1" cols="80"></textarea>
			<br>
			Paste:<br>
			<textarea name="paste" form="paste_form" rows="20" cols="100"></textarea>
			<br>
			<input type="submit" value="Done!" >
			</form>
		</div>

		<div class="aside">
			<form class="login" id="login_form" action="login.php" method="post">
				<table form="login_form">
				<tr>
					<td>Username: </td>
					<td><input type="text" name="user" form="login_form" placeholder="Email"></td>
				</tr>
				<tr>
					<td>Password: </td>
					<td><input type="text" name="pass" form="login_form" placeholder="..."></td>
				</tr>
				<tr>
					<td></td>
					<td><input type="submit" value="Sign in"></td>
				</tr>
				</table>

				<pre>New User? </pre>
				<input type="button" value="Sign Up!" onclick="register_page()">

			</form>
			_________________________
			<h2>Popular pastes:</h2>

		</div>

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

</html>