html-css-lab/index.html at master · iemyoung/html-css-lab · 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
96
97
98
<!doctype html>
<html>
	<head>
		<meta name="busy hands" content="busy hands">
		<meta name="keywords" content="busy hands, WordPress">
		<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
	</head>
	<body>
		<!--top navbar!-->
		<div class="container">
			<nav>
				<ul id="nav">
					<li><a href="#">Home</a></li>
					<li><a href="#">About</a></li>
					<li><a href="#">Services</a></li>
					<li><a href="#">Blog</a></li>
					<li><a href="#">Contact Us</a></li>
				</ul>
			</nav>
		</div>

		<!--ions!-->
		<div class="container	">
				<img src="images/logo.png">
				<!--Grey icons!-->
				<img class="smIconGrey" id="rss" src="images/rss-grey.png">
				<img class="smIconGrey" id="fb" src="images/facebook-grey.png">
				<img class="smIconGrey" id="twitter" src="images/twitter-grey.png">
				<img class="smIconGrey" id="linkedin" src="images/linkedin-grey.png">
			<!--banner!-->
				<img class="banner" src="images/photobanner.png">
		</div>

		<!--text & Request box!-->
		<div class="text">
			<div class="article">
				<article>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</article>
			</div>
					<img id="blurb" src="images/button_blurb.png"> <!--need make?!-->
		</div>

		<!--inline boxes-->
		<div id="homebox 	q" class="container">
			<div class="column">
				<h2 >Home Box 1</h2>
				<img src="images/photo_column1.jpg">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>
				<a href="#">Read More</a>
			</div>
			<div class="column">
				<h2>Home Box 2</h2>
				<img src="images/photo_column2.jpg">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>
				<a href="#">Read More</a>
			</div>
			<div class="column">
				<h2>Home Box 3</h2>
				<img src="images/photo_column3.jpg">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>
				<a href="#">Read More</a>
			</div>
		</div>


		<!--footer!-->
		<div class="container">
			<footer>
				<div class="footer-container">
					<div class="footer">
						<h3>Blogroll</h3>
							<ul>
								<li>Documentation</li>
								<li>Plugins</li>
								<li>Suggest Ideas</li>
								<li>Suggest Forum</li>
								<li>Themes</li>
								<li>WordPress Blog</li>
							</ul>
					</div>
					<div class="footer" id="text">
						<h3>Text Widget</h3>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>
					</div>
					<div class="footer">
						<h3>Meta Widget</h3>
							<ul>
								<li>Login</li>
								<li>Entries RSS</li>
								<li>Comments RSS</li>
								<li>WordPressorg</li>
							</ul>
					</div>
						<p>Theme Brought to you by Good Friends!</p>
					</div>
			</footer>
		</div>
	</body>
</html>