Quick and dirty example

cassidoo · cassidoo · commit 9935cf4b037b · 2014-02-20T19:46:14.000-06:00
diff --git a/7 - Project/example.css b/7 - Project/example.css
@@ -0,0 +1,44 @@
+html {
+	height: 100%;
+}
+body {
+	font-family: Arial;
+	height: 100%;
+	margin: 0px;
+}
+a {
+	color: red;
+}
+img {
+	float: right;
+	width: 200px;
+}
+p span
+{
+	font-weight: bold;
+}
+.header {
+	background-color: #99B5DD;
+	position: fixed;
+	top: 0px;
+	width: 100%;
+	height: 60px;
+	padding: 0px 10px;
+	font-size: 50px;
+	z-index: 10;
+}
+.content {
+	height: 200px;
+	position: absolute;
+	top: 60px;
+	padding: 10px;
+	z-index: 0;
+}
+.footer {
+	background-color: #0F215D;
+	position: fixed;
+	bottom: 0px;
+	height: 60px;
+	width: 100%;
+	z-index: 10;
+}
diff --git a/7 - Project/example.html b/7 - Project/example.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+	<head>
+		<title> Susan's Website </title>
+		<link rel="stylesheet" type="text/css" href="example.css">
+	</head>
+	<body>
+		<div class="header">
+			Susan Baugh
+		</div>
+		<div class="content">
+			<h1>Welcome!</h1>
+			<p>
+				Thanks for stopping by!  My name is Susan and I love art, learning about energy and renewable resources, and playing Candy Crush. <br>
+				Please have a look around and check out my projects and work! <br>
+			</p>
+			<img src="http://i.imgur.com/cMoWwd6.jpg" alt="I'm Susan"/>
+
+			<h1>Publications</h1>
+
+			<h2>Presentations</h2>
+
+			Construction of the Belo Monte Hydroelectric Power Plant in the Amazon <br>
+			
+			Microfluidic Devices for Medical and Energy Applications <br>
+
+			<h2>Publications</h2>
+
+			Paper-based Microfluidics for Energy Applications <br>
+			
+			How to Destroy Candy Crush in 5 Easy Steps <br>
+			
+			<h1>Contact Me</h1>
+			
+			<p><span>Email</span> susan@example.com</p>
+			
+		</div>
+		<div class="footer"></div>
+	</body>
+</html>
