diff --git a/additionalpage/contact.html b/additionalpage/contact.html
index 915d69ae..249884ad 100644
--- a/additionalpage/contact.html
+++ b/additionalpage/contact.html
@@ -77,30 +77,49 @@ <h3>Contact<span > Us</span></h3>
 
            <div class="contact-part">
 
+
+
                <div class="contact-main-heading">Have You Any Questions?</div>
+               <p class="color">Contact us at ...</p>
                <div class="icon-part">
                    <div class="icon-div">
-                       <i class="fa-solid fa-phone"></i>
-                   <h3>Call Us </h3>
-                   <p>xxxxxxxxxxx</p>
+                    <a target="_blank" href="https://discord.gg/dakzwdz4ev" class="icon facebook">
+                        <span><i class="fab fa-discord"></i></span> </a>
+                        <a target="_blank" href="https://discord.gg/dakzwdz4ev" >
+                           Discord </a>
+                          
 
                </div>
                <div class="icon-div">
-                   <i class="fa-solid fa-location-dot"></i>
-                   <h3>Office</h3>
-                   <p>xxxxxxxxxxx</p>
+                <a target="_blank" href="https://www.linkedin.com/company/gamesphere-multiplayer/"
+                class="icon linkedin">
+                <span><i class="fab fa-linkedin"></i></span>  </a>
+                <a target="_blank" href="https://www.linkedin.com/company/gamesphere-multiplayer/">
+                Linkedin  </a>
+                
+           
 
                </div>
                <div class="icon-div">
-                   <i class="fa-solid fa-envelope"></i>
-                   <h3>Email</h3>
-                   <p>xxxxxxxxxxx</p>
+                <a target="_blank" href="https://github.com/GameSphere-MultiPlayer" class="icon github">
+                    <span><i class="fab fa-github"></i></span>
+                </a>
+                <a target="_blank" href="https://github.com/GameSphere-MultiPlayer" >
+                    Github
+                </a>
+                
                    
                </div>
                <div class="icon-div">
-                   <i class="fa-solid fa-earth-americas"></i>
-                   <h3>Website</h3>
-                   <p>xxxxxxxxxxx</p>
+                <a target="_blank" href=" https://www.facebook.com/profile.php?id=100092184203215&mibextid=ZbWKwL"
+                class="icon twitter">
+                <span><i class="fab fa-facebook"></i></span>  </a>
+                <a target="_blank" href=" https://www.facebook.com/profile.php?id=100092184203215&mibextid=ZbWKwL">
+                Facebook</a>
+                
+                
+                
+           
                    
                </div>
            </div>
diff --git a/dist/contact.css b/dist/contact.css
index a86c1d5a..65b0145f 100644
--- a/dist/contact.css
+++ b/dist/contact.css
@@ -92,16 +92,24 @@
     color: var(--main-color);
 }
 
-.icon-div h3{
+.icon-div a{
     color: white;
     font-weight: bold;
+    margin-top: 5px;
     margin: 10px;
 }
+.icon-div a:hover{
+    color: cyan;
+    font-weight: 400;
+}
 
 .icon-div p{
     color: rgb(224, 224, 224);
 }
-
+.color{
+    margin-top: 20px;
+    font-size: 1.2vw;
+}
 .form-above-heading{
     color: var(--main-color);
     text-align: center;