diff --git a/index.html b/index.html
index 0b884b6..378db0e 100644
--- a/index.html
+++ b/index.html
@@ -1,81 +1,100 @@
-<html>
-  <head>
-  <!-- Javascript -->
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
-  
-  <script src="js/fx.js"></script>
-  
-  <!-- Stylesheet --> 
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+<!DOCTYPE html>
 
-  
-  <link rel="stylesheet" type="text/css" href="css/style.css">
-  
-  </head>
-  
-  <body>
-    <div id="pagewrap">
-	    <div id="main">
-        <div id="main_title" class="invisible"><h1>Hey! I'm Marc!</h1></div>
-	      <div id="main_mugshot" class="centered invisible"></div>
-	      <div id="main_menu" class="centered">
-	        <div id="main_menu_skillset">
-	          <div class="menu_title invisible"><h2>Skillset</h2></div>
-	        </div>
-	        <div id="main_menu_experience">
-	          <div class="menu_title invisible"><h2>Experience</h2></div>
-          </div>
-	        <div id="main_menu_projects">
-	          <div class="menu_title invisible"><h2>Projects</h2></div>
-	        </div>
-	          <div id="main_menu_blog">
-            <div class="menu_title invisible"><h2>Blog</h2></div>
-          </div>
-	      </div>
-	    </div>
-	    
-	    <div id="left_field">
-	      <div id="intro_blurb" class="invisible">
-		      <p>I am a 25 years old computer engineering major student at McGill University (Montreal, CAN). I also minor
-	        in mathematics out of playful curiosity. Originally a physiology and mathematics double-major, bioinformatics-
-	        related courses sparked my interest for all things computer systems and I promptly changed faculty to
-	        pursue my new passion. I strive to have as broad a skillset as possible, which brought me to explore
-	        hardware, computer software and recently, web development.</p>
-	        <p>My biggest tech thrills revolve around playing with microcontrollers, finding ways to use multiple
-	        technologies to get the job done as efficiently as possible and producing well-designed solutions to
-	        the problems that land on my desk.</p>
-	        <p>I'm also a pretty big fan of professional cycling, obstacle course racing and healthy cooking.</p>
-		      
-	      </div>
-	      
-	      <div id="skillset" class="invisible">
-	      	<p>I'm constantly learning new things and honing my skills in the hopes of having as broad 
-	      	a skillset as possible.</p>
-	      	<p>I routinely use <b>C/C++</b>, <b>Java</b>, <b>Javascript</b>, <b>jQuery</b>, <b>PHP</b> and <b>HTML/CSS</b>.</p>
-	      	<p>My current learning goals involve <b>Ruby</b>, <b>HandlebarsJS</b> and <b>node.JS</b>.</p>
-	      	<p>I have experience managing <b>Wordpress-based websites</b>, writing <b>MIPS assembly</b> and using both 
-	      	<b>NoSQL</b> and <b>SQL</b> databases.</p>
-	      	<p>On the <b>hardware</b> side of things, I am comfortable <b>soldering</b>, <b>prototyping circuits</b> and 
-	      	<b>programming microcontrollers</b>.</p>
-	  
-	      </div>
-	    </div>
-	    <div id="right_field">
-	      <div id="callmemaybe" class="invisible">
-	        <h3>Feel free to contact me over here</h3>
-	        <a class="social_icon" href="https://facebook.com/marc.cataford"><i class="fa fa-5x fa-facebook-official"></i></a>
-	        <a class="social_icon" href="https://twitter.com/_mcataford"><i class="fa fa-5x fa-twitter-square"></i></a>
-	        <a class="social_icon" href="https://ca.linkedin.com/in/marccataford"><i class="fa fa-5x fa-linkedin-square"></i></a>
-	        <a class="social_icon" href="https://github.com/mcataford"><i class="fa fa-5x fa-git-square"></i></a>
-	        <br>
-	        Or by email at <a href="mailto:c.marcandre@gmail.com">c.marcandre [at] gmail.com</a>
-	        
-	      </div>
-	    </div>
-    </div>
-  
-  
-  
-  </body>
-</html>
+<html>
+	<head>
+		<title>Hello!</title>
+		<!-- Stylesheets -->
+		<link href="css/style.css" rel="stylesheet">
+		<link href="css/fullpage.css" rel="stylesheet">
+		<link href="css/typed/main.css" rel="stylesheet">
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+	</head>
+
+	<body>
+		<div id="page">
+			<div id="panel-landing" class="section">
+				<div id="main-menu" class=" fs-1-3">
+					<p id="greet" class="fs-5 mb-z">I'm <span class="red bold">Marc</span> and I love to <span id="typedWords" class="red bold"></span></p>
+					<ul>
+						<li><a href="#resume">Resume</a></li>
+						<li><a href="#projects">Projects</a></li>
+						<li><a href="#getInTouch">Get in touch</a></li>
+					</ul>
+					<div id="landing-blurb">
+						<p class="mt-z"> I am a <span class="red bold">third-year computer engineering student</span> at <span class="red bold">McGill University</span>.</p>
+						<p>My main interests these days are <span class="red bold">full-stack web development</span>, <span class="red bold">hardware design</span> and <span class="red bold">low-level programming</span>.
+					</div>
+				</div>
+				<div class="social">
+					<ul>
+					<li><a href="#"><i class="fa fa-3x fa-facebook-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-twitter-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-github-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-instagram"></i></a></li>
+
+				</div>
+			</div>
+
+			<div id="panel-resume" class="section">
+				<div>
+					<p>Marc Cataford</p>
+
+					<div id="resume-container">
+						<div id="resume-skills">
+							<ul>
+								<li class="resume-skills-title">Competent with:</li>
+								<li>Java</li>
+								<li>C/C++</li>
+								<li>PHP</li>
+								<li>Javascript</li>
+								<li>HTML/CSS</li>
+								<li><i class="fa fa-cogs"></i></li>
+								<li class="resume-skills-title">Basic knowledge of:</li>
+								<li>Python</li>
+								<li>Assembly</li>
+								<li>Perl</li>
+								<li>Matlab</li>
+								<li><i class="fa fa-cogs"></i></li>
+								<li class="resume-skills-title">Frameworks &amp; Libraries</li>
+								<li>jQuery</li>
+								<li>HandlebarsJS</li>
+							</ul>
+						</div>
+					</div>
+
+				</div>
+
+				<div class="social">
+					<ul>
+					<li><a href="#"><i class="fa fa-3x fa-facebook-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-twitter-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-github-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-instagram"></i></a></li>
+
+				</div>
+			</div>
+
+			<div id="panel-projects" class="section">
+				<div class="social">
+					<ul>
+					<li><a href="#"><i class="fa fa-3x fa-facebook-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-twitter-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-github-square"></i></a></li>
+					<li><a href="#"><i class="fa fa-3x fa-instagram"></i></a></li>
+
+				</div>
+			</div>
+
+			<div id="panel-intouch" class="section"></div>
+		</div>
+
+
+		<!-- JS -->
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+		
+		<script src="js/fullpage.js"></script>
+		<script src="js/typed.js"></script>
+		<script src="js/animate.js"></script>
+	</body>
+
+</html>
\ No newline at end of file
