diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css
index 51564df..085a5b2 100644
--- a/dark/assets/css/styles.css
+++ b/dark/assets/css/styles.css
@@ -479,7 +479,7 @@ html {
     margin-top: 20px;
     border: 2px solid var(--primary-color);
     border-radius: 10px;
-    padding: 30px 40px;
+    padding: 18px 40px;
     transition: 0.2s;
     overflow: hidden;
     box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.2);
@@ -602,12 +602,15 @@ html {
 .social-media-icons {
     position: relative;
     top: 300px;
-    margin: 50px;
+    margin: 80px;
     margin-bottom: 400px;
     display: flex;
-    margin-left: 460px;
+    /* margin-left: 460px; */
+    justify-content: center;
+}
+.ix{
+    margin-left: 10px;
 }
-
 
 /* Home Link */
 
@@ -811,12 +814,13 @@ html {
     }
 }
 
-.second-section {
+/* instead of single section made contact and about two different sections */
+/* .second-section {
     box-shadow: 0 0 50px rgba(0, 0, 0, 1);
     background-color: rgba(0, 0, 0, 0.9);
     backdrop-filter: blur(10px);
-    height: 1000px;
-}
+    height: 000px;
+} */
 
 #about-section h1 {
     text-align: center;
@@ -877,7 +881,12 @@ html {
     font-size: 20px;
 }
 
-
+#about-section{
+    box-shadow: 0 0 50px rgba(0, 0, 0, 1);
+    background-color: rgba(0, 0, 0, 0.9);
+    backdrop-filter: blur(10px);
+    margin: 0px
+}
 
 /* Contact Section */
 
@@ -888,7 +897,6 @@ html {
     font-size: 90px;
     filter: blur(4px);
     font-family: impact;
-    z-index: -1;
 }
 
 #contact-section h3 {
@@ -923,3 +931,28 @@ html {
     bottom: -26px;
     left: calc(50% - 20px);
 }
+
+#contact-section .context1{
+    width: 550px;
+    margin: 90px 100px; 
+    position: relative;
+    left : 380px;
+    color: rgb(122, 122, 122);
+    font-size: 20px;
+    line-height: 1.8em;
+    text-align: center;
+}
+
+#contact-section{
+    height: 800px;
+    box-shadow: 0 0 50px rgba(0, 0, 0, 1);
+    background-color: rgba(0, 0, 0, 0.9);
+    backdrop-filter: blur(10px)
+ 
+}
+
+#contact-section .formtext{
+    position:absolute;
+    right: 200px;
+    top: 250px;
+}
diff --git a/dark/assets/img/language.png b/dark/assets/img/language.png
new file mode 100644
index 0000000..195d58c
Binary files /dev/null and b/dark/assets/img/language.png differ
diff --git a/dark/index.html b/dark/index.html
index 563fc39..cc93664 100644
--- a/dark/index.html
+++ b/dark/index.html
@@ -157,55 +157,55 @@ <h1><span class="first-text">I'm a </span><span class="auto-type"></span></h1>
         <div id="tooltip">
           <span id="tooltiptext">Whatsapp</span>
           <a href="https://api.whatsapp.com/send/?phone=0714345661" target="_blank "
-            ><img src="https://img.icons8.com/color/48/000000/whatsapp--v1.png" alt="Whatsapp Icon"
+            ><img class ="ix" src="https://img.icons8.com/color/48/000000/whatsapp--v1.png" alt="Whatsapp Icon"
           /></a>
         </div>
         <div id="tooltip">
           <span id="tooltiptext">Telegram</span>
           <a href="https://t.me/YoshithaRathnayake2008" target="_blank "
-            ><img src="https://img.icons8.com/color/48/000000/telegram-app--v1.png" alt="Telegram Icon"
+            ><img class ="ix" src="https://img.icons8.com/color/48/000000/telegram-app--v1.png" alt="Telegram Icon"
           /></a>
         </div>
         <div id="tooltip">
           <span id="tooltiptext">Twitter</span>
           <a href="https://twitter.com/Yoshitha2008" target="_blank ">
-            <img src="https://img.icons8.com/color/48/000000/twitter-circled--v1.png" alt="Twitter Icon"
+            <img class ="ix" src="https://img.icons8.com/color/48/000000/twitter-circled--v1.png" alt="Twitter Icon"
           /></a>
         </div>
         <div id="tooltip">
           <span id="tooltiptext">LinkedIn</span>
           <a href="https://www.linkedin.com/in/yoshitha-rathnayake" target="_blank "
-            ><img src="https://img.icons8.com/color/48/linkedin-circled--v1.png" alt="LinkedIn Icon"
+            ><img class ="ix" src="https://img.icons8.com/color/48/linkedin-circled--v1.png" alt="LinkedIn Icon"
           /></a>
         </div>
         <div id="tooltip">
           <span id="tooltiptext">Instagram</span>
           <a href="https://www.instagram.com/yoshitha_rathnayake/" target="_blank "
-            ><img src="https://img.icons8.com/color/48/000000/instagram-new.png" alt="Instagram Icon"
+            ><img class ="ix" src="https://img.icons8.com/color/48/000000/instagram-new.png" alt="Instagram Icon"
           /></a>
         </div>
         <div id="tooltip">
           <span id="tooltiptext">Medium</span>
           <a href="https://yoshitharathnayake.medium.com"
-            ><img src="https://img.icons8.com/ios-filled/48/ffffff/medium--v2.png" alt="Medium Icon"
+            ><img class ="ix" src="https://img.icons8.com/ios-filled/48/ffffff/medium--v2.png" alt="Medium Icon"
           /></a>
         </div>
         <div id="tooltip">
           <span id="tooltiptext">GitHub</span>
           <a href="https://github.com/YoshithaRathnayake" target="_blank "
-            ><img src="https://img.icons8.com/fluency/48/000000/github.png" alt="GitHub Icon"
+            ><img class ="ix" src="https://img.icons8.com/fluency/48/000000/github.png" alt="GitHub Icon"
           /></a>
         </div>
         <div id="tooltip">
           <span id="tooltiptext">GitLab</span>
           <a href="https://gitlab.com/YoshithaRathnayake" target="_blank "
-            ><img src="https://img.icons8.com/color/48/000000/gitlab.png" alt="GitLab Icon"
+            ><img class ="ix"src="https://img.icons8.com/color/48/000000/gitlab.png" alt="GitLab Icon"
           /></a>
         </div>
         <div id="tooltip">
           <span id="tooltiptext">YouTube</span>
           <a href="https://www.youtube.com/channel/UCiuDD_uA4v5PF2cr-3nTChA" target="_blank "
-            ><img src="https://img.icons8.com/color/50/youtube-play.png" alt="YouTube Icon"
+            ><img class ="ix" src="https://img.icons8.com/color/50/youtube-play.png" alt="YouTube Icon"
           /></a>
         </div>
       </center>
@@ -231,6 +231,13 @@ <h3>ABOUT <span class="text-info">ME</span></h3>
       <section id="contact-section">
             <h1>CONTACT ME</h1>
             <h3>CONTACT <span class="text-info">ME</span></h3>
+             <section class="context1"><p>Want to get in touch with me? Fill out the form with your inquiry or mail me,you can also connect with me on social media platforms on above given links</p>
+              <p>
+                <img src="assets/img/language.png" alt="" style="width: 21px ; height: 21px;">
+                  Languages : Sinhala(Mother Language) , Tamil , English
+              </p></section>
+             <section>
+             </section>
       </section>
     </section>