Second-CSS-assignment/screen2.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
86
87
88
89
90
91
92
93
94
95
<html>
<head>
	<title>Screen 2</title>
	<link rel="stylesheet" type="text/css" href="screen2style.css">
</head>
<body>
	<div id = 'wrapper'>
		<div id = 'red_nav'>
			<p id = 'logo_box'>
				logo goes here!
			</p>
			<h3>The power to Serve</h3>
			<div id = 'right_search'>
				<p id = 'text_size'>Text Size:
					<a href="#" class = 'yellow'>Large</a> / <a href="#" class = 'yellow'>Normal</a> |
					<a href='#'class = 'yellow'>Donate</a>  |
					<a href='#' class = 'yellow'>Contact</a>
				</p>
				<form>
					<input type = 'text'>
					<input type = 'submit' value = 'search'>
				</form>
			</div> <!--end of right 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 = 'nav_list'>
				<ul>
					<li><a href="">Developers</a></li>
					<li><a href="">Developer's Handbook</a></li>
					<li><a href="">Porter's Handbook</a></li>
					<li><a href="">Source Code Repositories</a></li>
					<li><a href="">Release Engineering</a></li>
					<li><a href="">Platforms</a></li>
					<li><a href="">Project Ideas</a></li>
					<li><a href="">Contributing</a></li>
				</ul>
			</div>
			<div id = 'main_content'>
				<h3>Free BSD/pcc Project</h3>

				<h5>Introduction</h5>
				<p>The free BSD blah blah blah.  Our port number to the power pc is blah blah blah.
					This is a lame paragraph.  Use our product!
				</p>
				<h5>Table of Contents</h5>
				<ul>
					<li>Oligarchy </li>
					<li>Philanthropy</li>
					<li>Desensitization </li>
					<li>Onomatopoeia </li>
					<li>Another large word</li>
					<li>Steal our money</li>
					<li>Documentation and stuff that we use</li>
					<li>The final item on this list</li>
				</ul>
				<h5>Status</h5>
				<p>
					A rather short paragraph will suffice here.  Perhaps I'll add another sentence.  One more for good measure.
				</p>
				<hr>
				<h5>Latest News</h5>
					<ul>
						<li>Trey must learn Linux</li>
						<li>Trey must learn C#</li>
						<li>Trey must learn NodeJS and Rspec</li>
					</ul>
				<hr>
				<h5>Frequently Asked Questions</h5>
					<ol>
						<li>What is your name?</li>
						<li>What is your quest?</li>
						<li>What is your favorite color?</li>
					</ol>
				<h6>How Can I Install FreeBSD/ppc?</h6>
				<p>Here is another small paragraph that I didn't really feel the need to copy word for word.  If I were to do that, I might
					have gotten bored.  <a href="">Resource Here</a>.  This website is easily conquered my friends!</p>
				<h6>How to use ports on FreeBSD?</h6>
			</div> <!--end of main content -->
		</div> <!--end of content -->

	</div>	<!-- end of wrapper -->
</body>
</html>