diff --git a/css/skeleton.css b/css/skeleton.css
index f28bf6c59..c402c300b 100644
--- a/css/skeleton.css
+++ b/css/skeleton.css
@@ -121,6 +121,7 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */
 html {
   font-size: 62.5%; }
 body {
+  background-color:grey;
   font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
   line-height: 1.6;
   font-weight: 400;
diff --git a/index.html b/index.html
index c81c19074..da2861b9a 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,17 @@
   <title>Your page title here :)</title>
   <meta name="description" content="">
   <meta name="author" content="">
+  <style>
+    <!--providing color to background-------->
+    body{
+      background-color:grey;
+    }
+    <!-- making font stylish-------->
+    p{
+      font-family:Monotype Corsiva;
+      font-size:30px;
+    }
+  </style>
 
   <!-- Mobile Specific Metas
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
@@ -27,7 +38,8 @@
   <link rel="icon" type="image/png" href="images/favicon.png">
 
 </head>
-<body>
+<body >
+  <h2 style="text-align:center" >INDEX</h2><!----providing heading -->
 
   <!-- Primary Page Layout
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
