diff --git a/assets/images/emoji/headset.png b/assets/images/emoji/headset.png
new file mode 100644
index 0000000..d89e9dd
Binary files /dev/null and b/assets/images/emoji/headset.png differ
diff --git a/assets/images/icons/headset.png b/assets/images/icons/headset.png
new file mode 100644
index 0000000..d89e9dd
Binary files /dev/null and b/assets/images/icons/headset.png differ
diff --git a/assets/images/photos/headset.png b/assets/images/photos/headset.png
new file mode 100644
index 0000000..d89e9dd
Binary files /dev/null and b/assets/images/photos/headset.png differ
diff --git a/assets/images/photos/laptop.png b/assets/images/photos/laptop.png
new file mode 100644
index 0000000..d8102a4
Binary files /dev/null and b/assets/images/photos/laptop.png differ
diff --git a/assets/images/photos/pencil.png b/assets/images/photos/pencil.png
new file mode 100644
index 0000000..db84fca
Binary files /dev/null and b/assets/images/photos/pencil.png differ
diff --git a/header.php b/header.php
index ce9c75a..da65692 100644
--- a/header.php
+++ b/header.php
@@ -38,6 +38,12 @@
     <link rel="stylesheet" href="assets/css/style16eb.css?v=4.3.1">
     <!-- Fancybox CSS -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />
+    <link
+        rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+        integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+        crossorigin="anonymous"
+        referrerpolicy="no-referrer" />
 
 
 
@@ -96,19 +102,20 @@
                             </div>
                             <div class="social-icon-wrapper">
                                 <ul class="social-icon social-default icon-naked">
-                                    <li><a href="https://www.facebook.com/">
+                                    <li class="fb"><a href="https://www.facebook.com/" target="_blank">
                                             <i class="feather-facebook"></i>
                                         </a>
                                     </li>
-                                    <li><a href="https://www.twitter.com/">
-                                            <i class="feather-twitter"></i>
+                                    <li class="x"><a href="https://www.twitter.com/" target="_blank">
+                                            <i class="fa-brands fa-x-twitter"></i>
+
                                         </a>
                                     </li>
-                                    <li><a href="https://www.instagram.com/">
+                                    <li class="insta"><a href="https://www.instagram.com/" target="_blank">
                                             <i class="feather-instagram"></i>
                                         </a>
                                     </li>
-                                    <li><a href="https://www.linkdin.com/">
+                                    <li class="linkdin"><a href="https://www.linkdin.com/" target="_blank">
                                             <i class="feather-linkedin"></i>
                                         </a>
                                     </li>
diff --git a/home-parts/class.php b/home-parts/class.php
index 1951d25..b818175 100644
--- a/home-parts/class.php
+++ b/home-parts/class.php
@@ -21,7 +21,7 @@
                 <div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
                     <div class="icon">
                         <!-- <i class="feather-activity"></i> -->
-                        <img src="assets/images/services/icons/01.png" alt="service">
+                        <img src="assets/images/photos/headset.png" alt="service">
                     </div>
                     <div class="content">
                         <h4 class="title w-600">
@@ -48,7 +48,7 @@
                 <div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
                     <div class="icon">
                         <!-- <i class="feather-cast"></i> -->
-                        <img src="assets/images/services/icons/02.png" alt="service">
+                        <img src="assets/images/photos/laptop.png" alt="service">
                     </div>
                     <div class="content">
                         <h4 class="title w-600">
@@ -75,7 +75,7 @@
                 <div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
                     <div class="icon">
                         <!-- <i class="feather-map"></i> -->
-                        <img src="assets/images/services/icons/03.png" alt="service">
+                        <img src="assets/images/photos/pencil.png" alt="service">
                     </div>
                     <div class="content">
                         <h4 class="title w-600">