
Untitled
By: a guest on
Aug 10th, 2012 | syntax:
None | size: 1.60 KB | hits: 6 | expires: Never
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>index</title>
<meta name="generator" content="TextMate http://macromates.com/">
<meta name="author" content="酒井参辉">
<style>
body{ width: 960px; margin: 0 auto;}
header{ overflow: auto; width:100%; border-bottom: 10px solid #5082B8;}
nav{ border: 1.5px solid black; width: 240px; margin: 10px 0 0 20px; min-height: 480px; float: left;}
nav ul { list-style: none; padding: 0px;}
nav ul li a { color: black; margin: 15px; display: block;}
.logo{ display: block; float:left;}
.page_title{ display: block; float:right; margin-top: 50px;}
.container{ display: inline-block; margin: 20px; width: 658px;}
.container form label { display:block; padding-bottom: 10px;}
.container textarea { overflow: auto; width: 450px; height: 190px;}
input[type="submit"]{ margin: 20px 0 0 395px; display: block;}
</style>
<!-- Date: 2011-07-02 -->
</head>
<body>
<header>
<h1 class="logo">Logo</h1>
<div class="page_title">Student's Login Page</div>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Weekly Essay</a></li>
<li><a href="#">Logout</a></li>
</ul>
</nav>
<div class="container">
<h2>Weekly Essay Topics</h2>
<form>
<label for="reponse">Response:</label>
<textarea name="response"></textarea>
<input type="submit" value="submit" />
</form>
</div>
</body>
</html>