diff --git a/index.html b/index.html
index 35950ef..bc1b61b 100644
--- a/index.html
+++ b/index.html
@@ -91,20 +91,20 @@
                 </div>
                 <div class="flex gap-4">
                     <a href="https://pixey.org/radiquum" target="_blank" referrerpolicy="origin">
-                        <div class="bg-white text-black w-[170px] h-[150px] p-2">
-                            <img class="mx-auto" alt="" src="./static/assets/pixelfed.svg" />
+                        <div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
+                            <img class="w-20 h-20 mx-auto" alt="" src="./static/assets/pixelfed.svg" />
                             <div class="flex flex-col gap-1">
                                 <p class="font-medium text-[24px] leading-[1]">pixey.org</p>
-                                <p class="font-light text-[14px] leading-[1]">See the photos like in instagram</p>
+                                <p class="font-light text-[12px] leading-[1]">See the photos like in instagram</p>
                             </div>
                         </div>
                     </a>
                     <a href="https://instafops.net/radiquwum" target="_blank" referrerpolicy="origin">
-                        <div class="bg-white text-black w-[170px] h-[150px] p-2">
-                            <img class="mx-auto" alt="" src="./static/assets/pixelfed.svg" />
+                        <div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
+                            <img class="w-20 h-20 mx-auto" alt="" src="./static/assets/pixelfed.svg" />
                             <div class="flex flex-col gap-1">
                                 <p class="font-medium text-[24px] leading-[1]">instafops.net</p>
-                                <p class="font-light text-[14px] leading-[1]">Photos that more furry related</p>
+                                <p class="font-light text-[12px] leading-[1]">Photos that more furry related</p>
                             </div>
                         </div>
                     </a>
@@ -114,11 +114,56 @@
                         <img class="w-20 h-20" alt="" src="./static/assets/immich.png" />
                         <div class="flex flex-col gap-1">
                             <p class="font-medium text-[24px] leading-[1]">wah.su/photos</p>
-                            <p class="font-light text-[14px] leading-[1]">View gallery like in google photos</p>
+                            <p class="font-light text-[12px] leading-[1]">View gallery like in google photos</p>
                         </div>
                     </div>
                 </a>
             </div>
+            <div class="flex flex-col gap-4">
+                <div class="relative w-[356px] h-[150px] flex justify-end items-end bg-bg-blue">
+                    <p class="font-bold text-[40px] leading-[1] p-[8px]">SOCIAL MEDIA</p>
+                </div>
+                <div class="flex flex-wrap gap-4">
+                    <a href="https://furry.engineer/@radiquum" target="_blank" referrerpolicy="origin">
+                        <div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
+                            <img class="mx-auto w-14 h-14" alt="" src="./static/assets/logos--mastodon-icon.svg" />
+                            <div class="flex flex-col justify-end gap-1">
+                                <p class="font-medium text-[24px] leading-[1]">Mastodon</p>
+                                <p class="font-light text-[12px] leading-[1]">@radiquum@furry.engineer</p>
+                            </div>
+                        </div>
+                    </a>
+                    <a href="https://bsky.app/profile/radiquum.wah.su" target="_blank" referrerpolicy="origin">
+                        <div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
+                            <img class="w-16 mx-auto h-14" alt="" src="./static/assets/Bluesky_Logo.png" />
+                            <div class="flex flex-col gap-1">
+                                <p class="font-medium text-[24px] leading-[1]">Bluesky</p>
+                                <p class="font-light text-[12px] leading-[1]">@radiquum.wah.su</p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+                <div class="flex flex-wrap gap-4">
+                    <a href="https://x.com/radiquum" target="_blank" referrerpolicy="origin">
+                        <div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
+                            <img class="mx-auto w-14 h-14" alt="" src="./static/assets/logos--twitter.svg" />
+                            <div class="flex flex-col justify-end gap-1">
+                                <p class="font-medium text-[24px] leading-[1]">Twitter</p>
+                                <p class="font-light text-[12px] leading-[1]">@radiquum</p>
+                            </div>
+                        </div>
+                    </a>
+                    <a href="https://vk.com/radiquum" target="_blank" referrerpolicy="origin">
+                        <div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
+                            <img class="mx-auto w-14 h-14" alt="" src="./static/assets/VKLogo.png" />
+                            <div class="flex flex-col gap-1">
+                                <p class="font-medium text-[24px] leading-[1]">VKontakte</p>
+                                <p class="font-light text-[12px] leading-[1]">radiquum</p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+            </div>
         </div>
     </div>
     <script src="./static/script.js"></script>
diff --git a/static/assets/Bluesky_Logo.png b/static/assets/Bluesky_Logo.png
new file mode 100644
index 0000000..fe21c62
Binary files /dev/null and b/static/assets/Bluesky_Logo.png differ
diff --git a/static/assets/VKLogo.png b/static/assets/VKLogo.png
new file mode 100644
index 0000000..7888a14
Binary files /dev/null and b/static/assets/VKLogo.png differ
diff --git a/static/assets/logos--mastodon-icon.svg b/static/assets/logos--mastodon-icon.svg
new file mode 100644
index 0000000..f4bf1c2
--- /dev/null
+++ b/static/assets/logos--mastodon-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="0.94em" height="1em" viewBox="0 0 256 274"><path fill="#3088d4" d="M249.874 164.085c-3.753 19.307-33.613 40.438-67.908 44.533c-17.883 2.134-35.49 4.095-54.266 3.234c-30.705-1.407-54.933-7.33-54.933-7.33c0 2.99.184 5.836.553 8.498c3.992 30.302 30.047 32.118 54.728 32.964c24.912.852 47.094-6.142 47.094-6.142l1.023 22.521s-17.425 9.357-48.465 11.078c-17.116.94-38.369-.43-63.122-6.983c-53.686-14.21-62.92-71.436-64.332-129.502c-.43-17.24-.165-33.497-.165-47.094c0-59.375 38.903-76.779 38.903-76.779C58.6 4.074 92.259.286 127.25 0h.86c34.991.286 68.673 4.074 88.287 13.083c0 0 38.901 17.404 38.901 76.78c0 0 .488 43.807-5.425 74.222"/><path fill="#fff" d="M209.413 94.469v71.894H180.93V96.582c0-14.71-6.19-22.176-18.57-22.176c-13.687 0-20.547 8.857-20.547 26.37v38.195h-28.315v-38.195c0-17.513-6.862-26.37-20.55-26.37c-12.379 0-18.568 7.466-18.568 22.176v69.78H45.897V94.47c0-14.694 3.741-26.37 11.256-35.009c7.75-8.638 17.898-13.066 30.496-13.066c14.575 0 25.613 5.602 32.911 16.808l7.095 11.893l7.096-11.893c7.296-11.206 18.334-16.808 32.911-16.808c12.597 0 22.745 4.428 30.496 13.066c7.513 8.639 11.255 20.315 11.255 35.009"/></svg>
\ No newline at end of file
diff --git a/static/assets/logos--twitter.svg b/static/assets/logos--twitter.svg
new file mode 100644
index 0000000..ed7edef
--- /dev/null
+++ b/static/assets/logos--twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1.23em" height="1em" viewBox="0 0 256 209"><path fill="#55acee" d="M256 25.45a105 105 0 0 1-30.166 8.27c10.845-6.5 19.172-16.793 23.093-29.057a105.2 105.2 0 0 1-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52c0 4.117.465 8.125 1.36 11.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52 7.757-7.11 16.78-7.11 26.404c0 18.222 9.273 34.297 23.365 43.716a52.3 52.3 0 0 1-23.79-6.57q-.004.33-.003.661c0 25.447 18.104 46.675 42.13 51.5a52.6 52.6 0 0 1-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475c-17.975 14.086-40.622 22.483-65.228 22.483c-4.24 0-8.42-.249-12.529-.734c23.243 14.902 50.85 23.597 80.51 23.597c96.607 0 149.434-80.031 149.434-149.435q0-3.417-.152-6.795A106.8 106.8 0 0 0 256 25.45"/></svg>
\ No newline at end of file
diff --git a/static/tailwind.css b/static/tailwind.css
index 775304f..b397c21 100644
--- a/static/tailwind.css
+++ b/static/tailwind.css
@@ -728,6 +728,14 @@ video {
   height: 5rem;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
+.h-14 {
+  height: 3.5rem;
+}
+
 .max-h-\[40vh\] {
   max-height: 40vh;
 }
@@ -792,6 +800,38 @@ video {
   width: 5rem;
 }
 
+.w-\[180px\] {
+  width: 180px;
+}
+
+.w-\[190px\] {
+  width: 190px;
+}
+
+.w-\[200px\] {
+  width: 200px;
+}
+
+.w-\[210px\] {
+  width: 210px;
+}
+
+.w-\[220px\] {
+  width: 220px;
+}
+
+.w-\[2000px\] {
+  width: 2000px;
+}
+
+.w-16 {
+  width: 4rem;
+}
+
+.w-14 {
+  width: 3.5rem;
+}
+
 .max-w-\[1200px\] {
   max-width: 1200px;
 }
@@ -808,6 +848,10 @@ video {
   max-width: 54.75%;
 }
 
+.flex-1 {
+  flex: 1 1 0%;
+}
+
 .scroll-mt-32 {
   scroll-margin-top: 8rem;
 }
@@ -824,6 +868,10 @@ video {
   flex-direction: column;
 }
 
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -943,6 +991,10 @@ video {
   padding: 8px;
 }
 
+.p-1 {
+  padding: 0.25rem;
+}
+
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;