diff --git a/img/dark_earth.gif b/img/dark_earth.gif
new file mode 100644
index 0000000..d6dbf1f
Binary files /dev/null and b/img/dark_earth.gif differ
diff --git a/img/only-black.jpg b/img/only-black.jpg
new file mode 100644
index 0000000..10ac0cb
Binary files /dev/null and b/img/only-black.jpg differ
diff --git a/index.html b/index.html
index d719da5..8c406d4 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,7 @@
         </div>
     </nav>
     <section class="home" id="home">
+        <img src="./img/dark_earth.gif" alt="">
         <h2 class="title">Welcome to Codemap!</h2>
         <p class="subtitle">Your ultimate guide to coding journey!</p>
         <p class="para">This is an open source project created by the team, during the Hacktober fest. We look
@@ -48,57 +49,66 @@ <h2 class="title">Welcome to Codemap!</h2>
         <div class="roadmap-flex-box">
             <a class="skill" href="./pages/frontend/frontend.html" target="_blank">
                 <div>
-                    <h1 class="skill-header">Frontend</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <h1 class="skill-header"><i class="fa-solid fa-map-location-dot"></i> Frontend</h1>
+                    <p class="skill-para">Step by step guide to becoming a frontend developer</p>
+                    <div class="new"><p>New</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
-                    <h1 class="skill-header">Backend</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <h1 class="skill-header"><i class="fa-solid fa-map-location-dot"></i> Backend</h1>
+                    <p class="skill-para">Step by step guide to becoming a backend developer</p>
+                    <div class="new"><p>New</p></div>
                 </div>
+                
             </a>
-
+            
             <a class="skill" href="#" target="_blank">
                 <div>
-                    <h1 class="skill-header">DevOps</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <h1 class="skill-header">Android</h1>
+                    <p class="skill-para">A step by step guide to becoming an Android App Developer</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
-                    <h1 class="skill-header">Android</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <h1 class="skill-header">DevOps</h1>
+                    <p class="skill-para">A step by step guide on starting with your DevOps career</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">DBA</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a Data Base Administrator</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">Blockchain</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Discover the best CodeMap to start with Blockchain Developement</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">QA</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">Software Architect</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
@@ -115,56 +125,64 @@ <h1 class="skill-header">Software Architect</h1>
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">HTML</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="new"><p>New</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">CSS</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="new"><p>New</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">JavaScript</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="new"><p>New</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">React</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">c/c++</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">Java</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">Python</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
 
             <a class="skill" href="#" target="_blank">
                 <div>
                     <h1 class="skill-header">Go</h1>
-                    <p class="skill-para">Step by step guide to becoming a front-end developer in 2022</p>
+                    <p class="skill-para">Step by step guide to becoming a front-end developer</p>
+                    <div class="coming-soon"><p>Coming Soon</p></div>
                 </div>
             </a>
             
diff --git a/style/style.css b/style/style.css
index c290d12..0ea7dd1 100644
--- a/style/style.css
+++ b/style/style.css
@@ -81,6 +81,12 @@ html {
 /* <============= Home Section CSS =============> */
 .home {
     margin: 20px;
+    background-color: transparent;
+}
+
+.home img {
+    width: 200px;
+    margin: auto auto;
 }
 
 .roadmap {
@@ -107,9 +113,10 @@ html {
 }
 
 .skill {
+    display: block;
     width: 300px;
+    overflow: hidden;
     margin: 10px;
-    padding: 20px;
     border: 2px solid var(--light-black);
     border-radius: 8px;
 }
@@ -122,10 +129,45 @@ html {
     color: var(--secondary-color);
     font-size: 22px;
     font-weight: 800;
+    padding: 20px 0 0 20px;
+}
+
+.skill-header i {
+    margin: 0px 5px;
+    color: var(--off-white);
 }
 
 .skill-para {
     font-size: 13px;
+    padding: 0 0 0 20px;
+    margin-bottom: 10px;
+    margin-right: 10px;
+}
+
+.new {
+    display: flex;
+    justify-content: right;
+}
+
+.new p {
+    display: inline-block;
+    padding: 0 5px;
+    font-size: 14px;
+    background-color: var(--green);
+    border-radius: 2px;
+}
+
+.coming-soon {
+    display: flex;
+    justify-content: right;
+}
+
+.coming-soon p {
+    display: inline-block;
+    padding: 0 5px;
+    font-size: 14px;
+    background-color: var(--secondary-color);
+    border-radius: 2px;
 }
 
 /* <============= Open Source Section CSS =============> */
@@ -273,7 +315,7 @@ footer p i {
     }
 }
 
-@media (max-width: 450px) {
+@media (max-width: 420px) {
     .home-title {
         font-size: 22px;
     }