Second-CSS-assignment/demo.html at master · Codingdojo-Trey/Second-CSS-assignment · GitHub

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<html>
<head>
	<title>BSD Demo</title>
	<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
	<div id = 'wrapper'>
		<div id = 'red_nav'>
			<div id = 'logo'>
				logo goes here!
			</div> <!--end of logo div -->

			<h2>The Power to Serve</h2>

			<div id = 'search'>
				<p> Text: <span class = 'links'> Normal / Large | Donate | contact </span> </p>
				<form>
					<input type = 'text'>
					<input type = 'submit' value = 'search'>
				</form>
			</div> <!--end of search -->
		</div> <!--end of red nav -->
		<div id = 'grey_nav'>
			<ul>
				<li>Home</li>
				<li>About</li>
				<li>Get FreeBSD</li>
				<li>Documentation</li>
				<li>Community</li>
				<li>Developers</li>
				<li>Support</li>
				<li>Foundation</li>
			</ul>
		</div> <!--end of grey nav -->
		<div id= 'content'>
			<div id = 'left_nav'>
				<ul>
					<li>Developers</li>
					<li>Developer's Handbook</li>
					<li>Porters Handbook</li>
					<li>Source Code Repositories</li>
					<li>Release Engineering</li>
					<li>More stuff</li>
					<li>Documentation, stuff, and stuff</li>
					<li>Other links o interest</li>
				</ul>
			</div> <!--end of left nav -->
			<div id = 'main_content'>
				<h2>Free BSD/ppc Project </h2>
				<h5>Intro</h5>
				<p>
					This is the introductory paragraph.  It really gets annoying writing filler text so just bear with me, folks.  Hmm, I really enjoyed my
					trip to IKEA...the damn place smells so good.
				</p>
				<h5>Table of contents</h5>
				<ul>
					<li>This</li>
					<li>That</li>
					<li>Whatever</li>
					<li>More stuff</li>
					<li>MOnday</li>
					<li>Cinnamon rolls</li>
					<li>Thirsty</li>
				</ul>
				<h5>Status</h5>
				<p>
					This is the status paragraph where the company talks about their stuff.Again, writing filler text is incredibly boring....
				</p>
				<hr>
				<h5>Latest News</h5>
				<hr>
				<ul>
					<li>Item 2</li>
					<li>Item 2</li>
					<li>Item 2</li>
				</ul>
				<h5>Frequently Asked Questions</h5>
				<h6>How Can I go to the moon?</h6>
				<h6>What is that smell in my attic?</h6>
			</div> <!--end of main content -->
		</div> <!-- end of content -->
	</div> <!--end of wrapper -->

</body>
</html>