FEWD87 · cliffjadoo · May 20, 2016 · May 24, 2016 · Jun 7, 2016 · Jul 4, 2016
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# FEWD87 Homework #1 - Resume Website for famous person of your choice
+# FEWD80 Homework #1 - Resume Website for a famous person of your choice
 
 ## Directions
 
@@ -8,13 +8,18 @@ The website should meet the following criteria:
 
 - Website should have two (2) pages
 
- 1) A bio page - short bio
+ 1) A bio / about me page
+
  2) Experience / Interests page
 
 - Visitors to your website should be able to easily navigate to each page via a link
+
 - Code for the site should make good use of indentation
+
 - Site should include at least one image
+
 - Site should have at least one link to an external website
+
 - Site should use an external style sheet and incorporate at least 5 different css rules (of your own choosing)
 
-Note: Content of the site does not matter, have fun with it (however, content should be SFW)
+Note: Content of the site does not matter, have fun with it (content should be SFW)
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,41 @@
+* {
+	font-family: Verdana, sans-serif;
+	padding-left: 10px;
+	background-color: teal;
+}
+
+nav{
+	text-align: center;
+}
+
+h1{
+	text-align:center;
+}
+
+h2 {
+	display:inline;
+	width:100%;
+	text-align: center;
+	border: solid;
+	margin:20px;
+	background:teal;
+}
+
+footer {
+	text-align: center;
+}
+
+.picf {
+	display: inline;
+}
+
+.social{
+	width:100px;
+	height:100px;
+  	bottom: 0;
+  	margin:10px;
+}
+
+.centertext {
+	text-align: center;
+}
diff --git a/images/fb.png b/images/fb.png
diff --git a/images/ig.jpg b/images/ig.jpg
diff --git a/images/li.jpg b/images/li.jpg
diff --git a/images/rick.jpg b/images/rick.jpg
diff --git a/images/rick1.jpg b/images/rick1.jpg
diff --git a/images/rm.jpg b/images/rm.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <title>Document</title>
+        <link href="css/style.css" rel="stylesheet" type="text/css">
+    </head>
+
+<body>
+    <h1> Resumes of Rick from Rick and Morty</h1>
+    <nav>
+        <h2>Experience -<a href="pages/experience.html"> Click me </a></h2>
+        <h2>Bio of Rick -<a href="pages/bio.html">Click me</a></h2>
+    </nav>
+            <p>Please<a href="https://www.youtube.com/watch?v=3gJ1dDUQe2s">click here</a> for a sample portfolio theme song from Rick and Morty</p>
+    <div class="picf">    
+            <img src="images/rick.jpg" alt="Image of Rick" title="Rick's Selfie" class="center" />
+        <h3>Rick and Morty Family Pic</h3>
+            <img src="images/rm.jpg" alt="Image of Rick and Morty" title="Rick's Professional Pic" />
+        <h3>Professional Picture of Rick and Morty</h3>
+            <img src="images/rick1.jpg" alt="k's miltary picture" title="Rick's Miltary Pic" />
+        <h3>Rick's Miltary Exxperience</h3>
+    </div>
+    <footer>
+        <h4 class="centertext">Ricks Social Media Links</h4>
+            <nav>
+                <a href="linkedin.com"><img src="images/li.jpg" title="linkedin" alt="linkedin" class="social" /></a>
+                <a href="facebook.com"><img src="images/fb.png" title="facebook" alt="facebook" class="social" /></a>
+                <a href="instagram.com"><img src="images/ig.jpg" title="instagram" alt="instagram" class="social" /></a>
+             </nav>
+    </footer>
+</body>
+</html>
diff --git a/pages/bio.html b/pages/bio.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<link href="../style.css" rel="stylesheet" type="text/css">
+	<title>Bio</title>
+</head>
+<body>
+	<h1> Biography of Rick </h1>
+		<p> Rick was born on earth</>
+		<p> Shortly there after he became a world reknown scientist. He currently travels the universe looking for various materials.</p>
+		<p>An eccentric and alcoholic mad scientist who is the father of Beth, and the maternal grandfather of Morty and Summer. His irresponsible tendencies lead Jerry to worry about the safety of their son Morty. The series is often retroscripted for Rick's lines</p>
+		<p><a href="../index.html">Go home</a></p>
+</body>
+	<footer>
+		<h4>Rick's Social Media Links</h4>
+		<nav>
+			<a href="linkedin.com"><img src="../images/li.jpg" title="linkedin" alt="linkedin" class="social"/></a>
+			<a href="facebook.com"><img src="../images/fb.png" title="facebook" alt="facebook" class="social"/></a>
+			<a href="instagram.com"><img src="../images/ig.jpg" title="instagram" alt="instagram"class="social"/></a>
+		</nav>
+	</footer>
+</html>
diff --git a/pages/experience.html b/pages/experience.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<link href="../style.css" rel="stylesheet" type="text/css">
+	<title>Rick's Experience</title>
+</head>
+<body>
+	<h1>Experience</h1>
+	<h2>Research Scientist - Rick INC</h2>
+	<h3>March 1990 - Present</h3>
+		<ul>
+			<li>computational advertising/marketing research</li>
+			<li>machine learning and data mining</li>
+			<li>general statistical models and (big) data analytics</li>
+			<li>causality models</li>
+		</ul>
+	<h2>Graduate Student - Harvard University</h2>
+	<h3>March 1986-March 1990</h3>
+		<ul>
+			<li>
+				Did research on visualization of user opinions on the web 
+				and developing a visualization system to help users intuitively 
+				find the underlying patterns.
+			</li>
+		</ul>
+		<p><a href="../index.html">Go home</a></p>
+</body>
+<nav>
+	<h4 class="centertext">Rick's Social Media Links</h4>
+    <a href="linkedin.com"><img src="../images/li.jpg" title="linkedin" alt="linkedin" class="social" /></a>
+    <a href="facebook.com"><img src="../images/fb.png" title="facebook" alt="facebook" class="social" /></a>
+    <a href="instagram.com"><img src="../images/ig.jpg" title="instagram" alt="instagram" class="social" /></a>
+</nav>
+
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,41 @@
+* {
+	font-family: Verdana, sans-serif;
+	padding-left: 10px;
+	background-color: teal;
+}
+
+nav{
+	text-align: center;
+}
+
+h1{
+	text-align:center;
+}
+
+h2 {
+	display:inline;
+	width:100%;
+	text-align: center;
+	border: solid 1px;
+	margin:20px;
+	background:teal;
+}
+
+footer {
+	text-align: center;
+}
+
+.picf {
+	display: inline;
+}
+
+.social{
+	width:100px;
+	height:100px;
+	bottom: 0;
+	margin:10px;
+}
+
+.centertext {
+	text-align: center;
+}