-
Notifications
You must be signed in to change notification settings - Fork 0
/
warmup100616.html
31 lines (29 loc) · 1.32 KB
/
warmup100616.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OLD STYLE LAYOUT</title>
<link rel="stylesheet" href="css/warmup100616.css">
</head>
<body>
<!-- ============ LEFT COLUMN (MENU) ============== -->
<nav>
<ul>
<li><a href="#">Menu link</a></li>
<li><a href="#">Menu link</a></li>
<li><a href="#">Menu link</a></li>
<li><a href="#">Menu link</a></li>
<li><a href="#">Menu link</a></li>
</ul>
</nav>
<!-- ============ RIGHT COLUMN (CONTENT) ============== -->
<main>
<div>
<h1>Website Logo</h1>
<h2>Page heading</h2>
<p>This is a basic two-column web page layout. The left column or the <em>menu column</em> is a narrow band of space (usually between 15-25% of the page width) and is reserved for a menu of hyperlinks leading to other pages on your website. The table used to create this layout employs a single table row containing two table cells.</p>
<p>The right column or the <em>content column</em> takes up the lion's share of the web page width and contains the actual content of each particular page. In a basic two column layout like this, it is common to place the website logo at the top of the content column on each page.</p>
</div>
</main>
</body>
</html>