diff --git a/index.html b/index.html
index 524cf5d..5900939 100644
--- a/index.html
+++ b/index.html
@@ -1,31 +1,22 @@
 <!DOCTYPE html>
 <html>
-<head>
-	<link rel="stylesheet" type="text/css" href="Style.css">
-	<title>Green Sydney</title>  <!-- Working title ~GotHubs -->
-	<img src="https://media-exp2.licdn.com/media/AAEAAQAAAAAAAAjwAAAAJDEwMTUwNzQ2LWUzZTUtNDUzNC04NDlmLTUyM2ZjZTlkOTBhOQ.jpg" alt="Picture">
-	</head>
-<body>
-	<link rel="stylesheet" type="text/css" href="style.css">
-	<h1>Green Sydney!</h1>
-	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
-	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
-</body>
-
+  <head>
+    <meta charset="utf-8">
+    <title>ZTM</title>
+    <link rel="stylesheet" href="style.css">
+    <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
+  </head>
+  <body>
+    <header>
+      <a href="https://zero-to-mastery.slack.com/messages/C8KL2J988/" target="_blank">slack</a>
+      <a href="https://www.udemy.com/the-complete-web-developer-in-2018/" target="_blank">udemy</a>
+    </header>
+    <section id="intro">
+      <h1>Zero to Mastery</h1>
+      <p>web developers in progress</p>
+    </section>
+    <footer>
+      <p>Image courtesy of <a href="https://unsplash.com/" target="_blank">Unsplash.com</a></p>
+    </footer>
+  </body>
 </html>
diff --git a/style.css b/style.css
index 2ac0f6d..ef17be0 100644
--- a/style.css
+++ b/style.css
@@ -1,21 +1,43 @@
-/*Css frame ~GetHubs*/
-body {
-    background-color:  #99d6ff;
-    text-align: center;
+body{
+  margin: 0;
+  font-family: Quicksand, sans-serif;
+  background-image: url("https://images.unsplash.com/photo-1455461491901-a0990c10d84c?auto=format&fit=crop&w=750&q=80");
+  background-repeat: no-repeat;
+  background-size: cover;
 }
+
+header{
+  margin-top: 20px;
+  text-align: right;
+}
+
+header a{
+  text-decoration: none;
+  color: white;
+  text-transform: uppercase;
+  margin-right: 30px;
 }
 
-h1 {
-    color: white;
-   background: Green;
-     text-align: center;
+header a:hover{
+  color: #6FD4D4;
 }
 
-p {
-    font-family: verdana;
-    font-size: 20px;
+#intro{
+  margin-top: 120px;
+  text-align: center;
+  font-size: 3em;
+  text-shadow: 2px 2px 8px black;
+  color: rgba(255, 255, 255, 0.9);
 }
 
-head {
-  boarder:20px solid blue;
-  }
\ No newline at end of file
+footer p{
+  margin-top: 100px;
+  color: white;
+  font-size: 0.8em;
+  text-align: center;
+}
+
+footer a{
+  text-decoration: none;
+  color: #64CACA;
+}
