bfl-itp · eyejes · Sep 11, 2014 · Sep 18, 2014 · Oct 30, 2014
diff --git a/css/main.css b/css/main.css
diff --git a/css/normalize.css b/css/normalize.css
diff --git a/img/.gitignore b/img/.gitignore
diff --git a/img/back.jpg b/img/back.jpg
diff --git a/img/dots.png b/img/dots.png
diff --git a/img/four.jpg b/img/four.jpg
diff --git a/img/one.jpg b/img/one.jpg
diff --git a/img/three.jpg b/img/three.jpg
diff --git a/img/two.jpg b/img/two.jpg
diff --git a/index.html b/index.html
@@ -1,9 +1,123 @@
 <!DOCTYPE html>
-<html>
-  <head>
-    <title>So-and-so's Instructional Assignment</title>
-  </head>
-  <body>
-    YOUR CODE HERE
-  </body>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>4 seteps</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width">
+
+        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
+        <link rel="stylesheet" href="css/normalize.css">
+        <link rel="stylesheet" href="css/main.css">
+
+        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+
+        <style>
+	html, body {
+		padding:0;
+		margin:0;
+		width:100%;
+		height:100%;
+		background-image: url('../img/back.png');
+	}
+
+	body {
+		overflow:auto;
+	}
+
+	h1 {
+		margin:0;
+		padding:0;
+		padding-top:2em;
+		font-family:sans-serif;
+		color:#fff;
+		text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+	}
+
+	h3 {
+	 font-size: 1em;
+	 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
+	 }
+
+	 p {
+	 	font-size: 1em;
+	 	color: white;
+	 	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
+	 	}
+
+	div {
+		width:100%;
+		height:100%;
+		background:#09f;
+		text-align:center;
+	}
+
+	.odd {
+		background:#f90;
+	}
+
+	#nav {
+		position:fixed;
+	}
+
+
+	div
+	{
+		width:640px;
+		height:100px;
+		background:white;
+		transition:width 2s;
+		-moz-transition:width 2s; 
+		-webkit-transition:width 2s; 
+		-o-transition:width 2s; 
+	}
+
+	div:hover
+	{
+	width:1440px;
+	}
+
+
+	</style>
+    </head>
+
+
+    <body id="bodybg" style="text-align:center;" >
+
+        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+        <script src="js/plugins.js"></script>
+        <script src="js/main.js"></script>
+
+        <section id="links">
+        	<ul id="nav">
+                <li><a href="#one">STEP1</a></li>
+                <li><a href="#two">STEP2</a></li>
+                <li><a href="#three">STEP3</a></li>
+                <li><a href="#four">STEP4</a></li>
+            </ul>
+        </section>
+
+
+        <div id="wrap">
+        <section id="one"><h1>STEP1</h1>
+        </section>
+
+        <section id="two"><h1>STEP2</h1>
+        </section>
+
+        <section id="three"><h1>STEP3</h1>
+		</section>
+
+		<section id="four"><h1>STEP4</h1>
+		</section>
+		</div>
+
+
+
+    </body>
 </html>
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1 @@
+
diff --git a/js/plugins.js b/js/plugins.js
@@ -0,0 +1,24 @@
+// Avoid `console` errors in browsers that lack a console.
+(function() {
+    var method;
+    var noop = function () {};
+    var methods = [
+        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
+        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
+        'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
+        'timeStamp', 'trace', 'warn'
+    ];
+    var length = methods.length;
+    var console = (window.console = window.console || {});
+
+    while (length--) {
+        method = methods[length];
+
+        // Only stub undefined methods.
+        if (!console[method]) {
+            console[method] = noop;
+        }
+    }
+}());
+
+// Place any jQuery/helper plugins in here.
diff --git a/js/vendor/jquery-1.9.0.min.js b/js/vendor/jquery-1.9.0.min.js
diff --git a/js/vendor/modernizr-2.6.2.min.js b/js/vendor/modernizr-2.6.2.min.js