diff --git a/css/style.css b/css/style.css
index e69de29b..745c3e24 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,93 @@
+body{
+    background-color: wheat;
+    background-image: url('data:image/jpeg;base64,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');
+    background-repeat: no-repeat;
+    background-size: 350px;
+    background-position-x: 20px;
+    background-position-y: 200px;
+    background-attachment: fixed;
+}
+#header{
+    display:block;
+    background-image: url("http://i.imgur.com/v9bw6xj.png");
+    background-repeat: no-repeat;
+    background-size: 160px;
+    background-position-x: right;
+    background-position-y: center;
+    background-color: lightblue;
+    border-radius: 20px;
+    border: 1px solid black;
+}
+.messageHeader{
+    border-top: 1px solid black;
+    border-left: 1px solid black;
+    border-right: 1px solid black;
+    display: flex;
+    justify-content: space-between;
+    background-color: whitesmoke;
+    font-family: 'Press Start 2P', cursive;
+    font-size: 20px;
+    margin-left: 25%; 
+}
+.newHead{
+    border-top: 1px solid black;
+    border-left: 1px solid black;
+    border-right: 1px solid black;
+    display: flex;
+    justify-content: space-between;
+    background-color: whitesmoke;
+    font-family: 'Press Start 2P', cursive;
+    font-size: 20px;
+    margin-left: 25%;
+}
+.content{
+    border-bottom: 1px solid black;
+    border-left: 1px solid black;
+    border-right: 1px solid black;
+    display: block;
+    margin-bottom: 10px;   
+    background-color: whitesmoke;
+    font-family: 'Press Start 2P', cursive;
+    margin-left: 25%; 
+}
+.newContent{
+    border-bottom: 1px solid black;
+    border-left: 1px solid black;
+    border-right: 1px solid black;
+    display: block;
+    margin-bottom: 10px;
+    background-color: whitesmoke;
+    font-family: 'Press Start 2P', cursive;
+    margin-left: 25%; 
+}
+.messageContent{
+    display: none;
+}
+.newMessageContent{
+    display: none;
+}
+#sideImg{
+    position: sticky;
+    left: 0px;
+    top: 25%;
+}
+.date{
+    flex:2;
+    margin-right: 20px;
+}
+.sender{
+    flex:1;
+}
+.subject{
+    flex:1;
+}
+.newdate{
+    flex:2;
+    margin-right: 20px;
+}
+.newsend{
+    flex:1;
+}
+.newsub{
+    flex:1;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index a8a1aad9..cb36bae5 100644
--- a/index.html
+++ b/index.html
@@ -2,17 +2,140 @@
 	<head>
 		<script src="js/mail-generator.js"></script>
 		<link href="css/style.css" rel="stylesheet" media="screen">
-    <script>
+		<script>
       window.onload = function(){
-        // ALL OF YOUR JAVASCRIPT CODE SHOULD GO HERE. 
-        // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser
-        
-      };
-    </script>
+				var inbox = window.geemails;
+
+				function showHide2(){
+					var newContentMessage = this.querySelectorAll('.newMessageContent')[0];
+					if (newContentMessage.style.display === 'block'){
+						newContentMessage.style.display = 'none';
+					} else {
+						newContentMessage.style.display = 'block';
+					}
+				}
+				
+				var intervalID = setInterval(newMessage, 3000);
+								
+				function newMessage(){
+				var incoming = getNewMessage();
+				newCount++
+				newSub = incoming.subject
+				newSend = incoming.sender
+				newBod = incoming.body;
+				newDate = incoming.date
+				
+				var newMessageHeader = document.createElement('div');
+				newMessageHeader.className = 'newHead';
+				document.body.appendChild(newMessageHeader)
+
+				var newDateElem = document.createElement('div');
+				newDateElem.className = 'newDate';
+				newDateElem.innerHTML = 'Date: ' + newDate;
+				newMessageHeader.appendChild(newDateElem);
+
+				var newSendElem = document.createElement('div');
+				newSendElem.className = 'newSend';
+				newSendElem.innerHTML = 'From: ' + newSend;
+				newMessageHeader.appendChild(newSendElem);
+
+				var newSubElem = document.createElement('div');
+				newSubElem.className = 'newSub';
+				newSubElem.innerHTML = 'Subject: ' + newSub;
+				newMessageHeader.appendChild(newSubElem);
+				
+				var newContentButton = document.createElement('div');
+					newContentButton.className = 'newContent';
+					newContentButton.innerHTML = 'Show';
+					newContentButton.addEventListener('click', showHide2)
+					document.body.appendChild(newContentButton);
+
+					var newMessageElem = document.createElement('div');
+					newMessageElem.className = 'newMessageContent';
+					newContentButton.appendChild(newMessageElem);
+
+					var newBodyElem = document.createElement('div');
+					newBodyElem.className = 'newBody';
+					newBodyElem.innerHTML = 'Body: ' + newBod;
+					newMessageElem.appendChild(newBodyElem);
+
+					inboxCounter.innerHTML = 'Inbox: ' + newCount;
+					console.log(newCount)
+					stop();
+				}
+				
+				var pageTitle = document.createElement('title');
+				pageTitle.innerHTML = 'Gee-Mail';
+				document.body.appendChild(pageTitle)
+
+				var headerBox = document.createElement('h1');
+				headerBox.id = 'header';
+				headerBox.innerHTML = 'Gee-Mail';
+				document.body.appendChild(headerBox);		
+				
+				for (i=0;i<inbox.length;i++){
+					var message = inbox[i];
+					var messageSubj = message.subject;
+					var messageSender = message.sender;
+					var messageBody = message.body;
+					var messageDate = message.date;
+
+					var messageHeader = document.createElement('div');
+					messageHeader.className = 'messageHeader';
+					document.body.appendChild(messageHeader)
+					
+					var dateElem = document.createElement('div');
+					dateElem.className = 'date';
+					dateElem.innerHTML = 'Date: ' + messageDate;
+					messageHeader.appendChild(dateElem);
+
+					var senderElem = document.createElement('div');
+					senderElem.className = 'sender';
+					senderElem.innerHTML = 'From: ' + messageSender;
+					messageHeader.appendChild(senderElem)
+
+					var subjectElem = document.createElement('div');
+					subjectElem.className = 'subject';
+					subjectElem.innerHTML = 'Subject: ' + messageSubj;
+					messageHeader.appendChild(subjectElem)
+
+					var contentButton = document.createElement('div');
+					contentButton.className = 'content';
+					contentButton.innerHTML = 'Show';
+					document.body.appendChild(contentButton);
+
+					var messageElem = document.createElement('div');
+					messageElem.className = 'messageContent';
+					contentButton.appendChild(messageElem);
+
+					var bodyElem = document.createElement('div');
+					bodyElem.className = 'body';
+					bodyElem.innerHTML = 'Body: ' + messageBody;
+					messageElem.appendChild(bodyElem);
+				}
+
+					var contentButton = document.getElementsByClassName('content')
+					for(i=0;i<inbox.length;i++){
+					contentButton[i].addEventListener('click', showHide);
+					}
+
+				function showHide(){
+					var contentMessage = this.querySelectorAll('.messageContent')[0];
+					if (contentMessage.style.display === 'block'){
+						contentMessage.style.display = 'none';
+					} else {
+						contentMessage.style.display = 'block';
+					}
+				}
+			
+				var newCount = inbox.length;
+				var inboxCounter = document.createElement('h4');
+					inboxCounter.innerHTML = 'inbox: ' + newCount;
+					headerBox.appendChild(inboxCounter)
+		
+			}
+		</script>
 	</head>
 	<body>
-		<div class="container" id="main">
-			Build Me!
-		</div>
 	</body>
 </html>
\ No newline at end of file