diff --git a/index.html b/index.html
index a83618bcf17b..d1a902e79622 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,14 @@
 
 <img src="forkit.gif" id="octocat" alt="" />
 
-<!-- Feel free to change this text here -->
-<p>
-  Fork me? Fork you, @octocat!
-</p>
+   <div id="octocat">
+          <img src="https://octodex.github.com/images/NUX_Octodex.gif" alt="Octocat Image">
+   </div>div>
+
+     <p>
+            Ready to team up? Let's collaborate, @octocat!
+     </p>
+     </p>
 
 </body>
 </html>
diff --git a/styles.css b/styles.css
index 9b8528455cf7..0178d2cfa0cb 100644
--- a/styles.css
+++ b/styles.css
@@ -15,3 +15,18 @@ p {
   margin: 50px auto;
   font: 30px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
 }
+     color: #333;
+     line-height: 1.5;
+     text-align: center;
+}
+
+   body {
+          font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+          background-color: #f8f9fa;
+   }
+
+   #octocat img {
+          display: block;
+          width: 100%;
+          height: auto;
+   }