diff --git a/__pycache__/app.cpython-311.pyc b/__pycache__/app.cpython-311.pyc
index 2bc18db..b606043 100644
Binary files a/__pycache__/app.cpython-311.pyc and b/__pycache__/app.cpython-311.pyc differ
diff --git a/static/assets/anushka_avatar1.png b/static/assets/anushka_avatar1.png
new file mode 100644
index 0000000..a0c7c52
Binary files /dev/null and b/static/assets/anushka_avatar1.png differ
diff --git a/static/assets/aryan_avatar.jpeg b/static/assets/aryan_avatar.jpeg
new file mode 100644
index 0000000..cac3b04
Binary files /dev/null and b/static/assets/aryan_avatar.jpeg differ
diff --git a/static/assets/icons8-github.svg b/static/assets/icons8-github.svg
new file mode 100644
index 0000000..70f3e63
--- /dev/null
+++ b/static/assets/icons8-github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><linearGradient id="rL2wppHyxHVbobwndsT6Ca" x1="4" x2="44" y1="23.508" y2="23.508" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4c4c4c"/><stop offset="1" stop-color="#343434"/></linearGradient><path fill="url(#rL2wppHyxHVbobwndsT6Ca)" d="M24,4C12.954,4,4,12.954,4,24c0,8.887,5.801,16.411,13.82,19.016h12.36	C38.199,40.411,44,32.887,44,24C44,12.954,35.046,4,24,4z"/><path d="M30.01,41.996L30,36.198c0-0.939-0.22-1.856-0.642-2.687c5.641-1.133,8.386-4.468,8.386-10.177	c0-2.255-0.665-4.246-1.976-5.92c0.1-0.317,0.174-0.645,0.22-0.981c0.188-1.369-0.023-2.264-0.193-2.984l-0.027-0.116	c-0.186-0.796-0.409-1.364-0.418-1.388l-0.111-0.282l-0.111-0.282l-0.302-0.032l-0.303-0.032c0,0-0.199-0.021-0.501-0.021	c-0.419,0-1.04,0.042-1.627,0.241l-0.196,0.066c-0.74,0.249-1.439,0.485-2.417,1.069c-0.286,0.171-0.599,0.366-0.934,0.584	C27.334,12.881,25.705,12.69,24,12.69c-1.722,0-3.365,0.192-4.889,0.571c-0.339-0.22-0.654-0.417-0.942-0.589	c-0.978-0.584-1.677-0.819-2.417-1.069l-0.196-0.066c-0.585-0.199-1.207-0.241-1.626-0.241c-0.302,0-0.501,0.021-0.501,0.021	l-0.302,0.032l-0.3,0.031l-0.112,0.281l-0.113,0.283c-0.01,0.026-0.233,0.594-0.419,1.391l-0.027,0.115	c-0.17,0.719-0.381,1.615-0.193,2.983c0.048,0.346,0.125,0.685,0.23,1.011c-1.285,1.666-1.936,3.646-1.936,5.89	c0,5.695,2.748,9.028,8.397,10.17c-0.194,0.388-0.345,0.798-0.452,1.224c-0.197,0.067-0.378,0.112-0.538,0.137	c-0.238,0.036-0.487,0.054-0.739,0.054c-0.686,0-1.225-0.134-1.435-0.259c-0.313-0.186-0.872-0.727-1.414-1.518	c-0.463-0.675-1.185-1.558-1.992-1.927c-0.698-0.319-1.437-0.502-2.029-0.502c-0.138,0-0.265,0.01-0.376,0.028	c-0.517,0.082-0.949,0.366-1.184,0.78c-0.203,0.357-0.235,0.773-0.088,1.141c0.219,0.548,0.851,0.985,1.343,1.255	c0.242,0.133,0.765,0.619,1.07,1.109c0.229,0.368,0.335,0.63,0.482,0.992c0.087,0.215,0.183,0.449,0.313,0.732	c0.47,1.022,1.937,1.924,2.103,2.023c0.806,0.483,2.161,0.638,3.157,0.683l0.123,0.003c0,0,0.001,0,0.001,0	c0.24,0,0.57-0.023,1.004-0.071v2.613c0.002,0.529-0.537,0.649-1.25,0.638l0.547,0.184C19.395,43.572,21.645,44,24,44	c2.355,0,4.605-0.428,6.703-1.176l0.703-0.262C30.695,42.538,30.016,42.422,30.01,41.996z" opacity=".05"/><path d="M30.781,42.797c-0.406,0.047-1.281-0.109-1.281-0.795v-5.804c0-1.094-0.328-2.151-0.936-3.052	c5.915-0.957,8.679-4.093,8.679-9.812c0-2.237-0.686-4.194-2.039-5.822c0.137-0.365,0.233-0.75,0.288-1.147	c0.175-1.276-0.016-2.086-0.184-2.801l-0.027-0.116c-0.178-0.761-0.388-1.297-0.397-1.319l-0.111-0.282l-0.303-0.032	c0,0-0.178-0.019-0.449-0.019c-0.381,0-0.944,0.037-1.466,0.215l-0.196,0.066c-0.714,0.241-1.389,0.468-2.321,1.024	c-0.332,0.198-0.702,0.431-1.101,0.694C27.404,13.394,25.745,13.19,24,13.19c-1.762,0-3.435,0.205-4.979,0.61	c-0.403-0.265-0.775-0.499-1.109-0.699c-0.932-0.556-1.607-0.784-2.321-1.024l-0.196-0.066c-0.521-0.177-1.085-0.215-1.466-0.215	c-0.271,0-0.449,0.019-0.449,0.019l-0.302,0.032l-0.113,0.283c-0.009,0.022-0.219,0.558-0.397,1.319l-0.027,0.116	c-0.169,0.715-0.36,1.524-0.184,2.8c0.056,0.407,0.156,0.801,0.298,1.174c-1.327,1.62-1.999,3.567-1.999,5.795	c0,5.703,2.766,8.838,8.686,9.806c-0.395,0.59-0.671,1.255-0.813,1.964c-0.33,0.13-0.629,0.216-0.891,0.256	c-0.263,0.04-0.537,0.06-0.814,0.06c-0.69,0-1.353-0.129-1.69-0.329c-0.44-0.261-1.057-0.914-1.572-1.665	c-0.35-0.51-1.047-1.417-1.788-1.755c-0.635-0.29-1.298-0.457-1.821-0.457c-0.11,0-0.21,0.008-0.298,0.022	c-0.366,0.058-0.668,0.252-0.828,0.534c-0.128,0.224-0.149,0.483-0.059,0.708c0.179,0.448,0.842,0.85,1.119,1.002	c0.335,0.184,0.919,0.744,1.254,1.284c0.251,0.404,0.37,0.697,0.521,1.067c0.085,0.209,0.178,0.437,0.304,0.712	c0.331,0.719,1.353,1.472,1.905,1.803c0.754,0.452,2.154,0.578,2.922,0.612l0.111,0.002c0.299,0,0.8-0.045,1.495-0.135v3.177	c0,0.779-0.991,0.81-1.234,0.81c-0.031,0,0.503,0.184,0.503,0.184C19.731,43.64,21.822,44,24,44c2.178,0,4.269-0.36,6.231-1.003	C30.231,42.997,30.812,42.793,30.781,42.797z" opacity=".07"/><path fill="#fff" d="M36.744,23.334c0-2.31-0.782-4.226-2.117-5.728c0.145-0.325,0.296-0.761,0.371-1.309	c0.172-1.25-0.031-2-0.203-2.734s-0.375-1.25-0.375-1.25s-0.922-0.094-1.703,0.172s-1.453,0.469-2.422,1.047	c-0.453,0.27-0.909,0.566-1.27,0.806C27.482,13.91,25.785,13.69,24,13.69c-1.801,0-3.513,0.221-5.067,0.652	c-0.362-0.241-0.821-0.539-1.277-0.811c-0.969-0.578-1.641-0.781-2.422-1.047s-1.703-0.172-1.703-0.172s-0.203,0.516-0.375,1.25	s-0.375,1.484-0.203,2.734c0.077,0.562,0.233,1.006,0.382,1.333c-1.31,1.493-2.078,3.397-2.078,5.704	c0,5.983,3.232,8.714,9.121,9.435c-0.687,0.726-1.148,1.656-1.303,2.691c-0.387,0.17-0.833,0.33-1.262,0.394	c-1.104,0.167-2.271,0-2.833-0.333s-1.229-1.083-1.729-1.813c-0.422-0.616-1.031-1.331-1.583-1.583	c-0.729-0.333-1.438-0.458-1.833-0.396c-0.396,0.063-0.583,0.354-0.5,0.563c0.083,0.208,0.479,0.521,0.896,0.75	c0.417,0.229,1.063,0.854,1.438,1.458c0.418,0.674,0.5,1.063,0.854,1.833c0.249,0.542,1.101,1.219,1.708,1.583	c0.521,0.313,1.562,0.491,2.688,0.542c0.389,0.018,1.308-0.096,2.083-0.206v3.75c0,0.639-0.585,1.125-1.191,1.013	C19.756,43.668,21.833,44,24,44c2.166,0,4.243-0.332,6.19-0.984C29.585,43.127,29,42.641,29,42.002v-5.804	c0-1.329-0.527-2.53-1.373-3.425C33.473,32.071,36.744,29.405,36.744,23.334z M11.239,32.727c-0.154-0.079-0.237-0.225-0.185-0.328	c0.052-0.103,0.22-0.122,0.374-0.043c0.154,0.079,0.237,0.225,0.185,0.328S11.393,32.806,11.239,32.727z M12.451,33.482	c-0.081,0.088-0.255,0.06-0.389-0.062s-0.177-0.293-0.096-0.381c0.081-0.088,0.255-0.06,0.389,0.062S12.532,33.394,12.451,33.482z M13.205,34.732c-0.102,0.072-0.275,0.005-0.386-0.15s-0.118-0.34-0.016-0.412s0.275-0.005,0.386,0.15	C13.299,34.475,13.307,34.66,13.205,34.732z M14.288,35.673c-0.069,0.112-0.265,0.117-0.437,0.012s-0.256-0.281-0.187-0.393	c0.069-0.112,0.265-0.117,0.437-0.012S14.357,35.561,14.288,35.673z M15.312,36.594c-0.213-0.026-0.371-0.159-0.353-0.297	c0.017-0.138,0.204-0.228,0.416-0.202c0.213,0.026,0.371,0.159,0.353,0.297C15.711,36.529,15.525,36.62,15.312,36.594z M16.963,36.833c-0.227-0.013-0.404-0.143-0.395-0.289c0.009-0.146,0.2-0.255,0.427-0.242c0.227,0.013,0.404,0.143,0.395,0.289	C17.381,36.738,17.19,36.846,16.963,36.833z M18.521,36.677c-0.242,0-0.438-0.126-0.438-0.281s0.196-0.281,0.438-0.281	c0.242,0,0.438,0.126,0.438,0.281S18.762,36.677,18.521,36.677z"/></svg>
\ No newline at end of file
diff --git a/static/assets/linkedin.png b/static/assets/linkedin.png
new file mode 100644
index 0000000..ec18e6b
Binary files /dev/null and b/static/assets/linkedin.png differ
diff --git a/static/assets/linkedin.svg b/static/assets/linkedin.svg
new file mode 100644
index 0000000..89d59de
--- /dev/null
+++ b/static/assets/linkedin.svg
@@ -0,0 +1 @@
+<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="48px" height="48px">    <path d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M10.954,22h-2.95 v-9.492h2.95V22z M9.449,11.151c-0.951,0-1.72-0.771-1.72-1.72c0-0.949,0.77-1.719,1.72-1.719c0.948,0,1.719,0.771,1.719,1.719 C11.168,10.38,10.397,11.151,9.449,11.151z M22.004,22h-2.948v-4.616c0-1.101-0.02-2.517-1.533-2.517 c-1.535,0-1.771,1.199-1.771,2.437V22h-2.948v-9.492h2.83v1.297h0.04c0.394-0.746,1.356-1.533,2.791-1.533 c2.987,0,3.539,1.966,3.539,4.522V22z"/></svg>
\ No newline at end of file
diff --git a/static/assets/mohit_avatar1.jpg b/static/assets/mohit_avatar1.jpg
new file mode 100644
index 0000000..27df81a
Binary files /dev/null and b/static/assets/mohit_avatar1.jpg differ
diff --git a/static/assets/raunak_avatar.png b/static/assets/raunak_avatar.png
new file mode 100644
index 0000000..6d28589
Binary files /dev/null and b/static/assets/raunak_avatar.png differ
diff --git a/static/assets/shoeb_avatar.jpeg b/static/assets/shoeb_avatar.jpeg
new file mode 100644
index 0000000..263bc53
Binary files /dev/null and b/static/assets/shoeb_avatar.jpeg differ
diff --git a/static/assets/subhadeep_avatar.jpg b/static/assets/subhadeep_avatar.jpg
new file mode 100644
index 0000000..d73c8c8
Binary files /dev/null and b/static/assets/subhadeep_avatar.jpg differ
diff --git a/static/assets/twitter.svg b/static/assets/twitter.svg
new file mode 100644
index 0000000..18f6ebc
--- /dev/null
+++ b/static/assets/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="48px" height="48px"><path d="M 11 4 C 7.134 4 4 7.134 4 11 L 4 39 C 4 42.866 7.134 46 11 46 L 39 46 C 42.866 46 46 42.866 46 39 L 46 11 C 46 7.134 42.866 4 39 4 L 11 4 z M 13.085938 13 L 21.023438 13 L 26.660156 21.009766 L 33.5 13 L 36 13 L 27.789062 22.613281 L 37.914062 37 L 29.978516 37 L 23.4375 27.707031 L 15.5 37 L 13 37 L 22.308594 26.103516 L 13.085938 13 z M 16.914062 15 L 31.021484 35 L 34.085938 35 L 19.978516 15 L 16.914062 15 z"/></svg>
\ No newline at end of file
diff --git a/static/css/output.css b/static/css/output.css
index 5397b35..073c78b 100644
--- a/static/css/output.css
+++ b/static/css/output.css
@@ -759,6 +759,10 @@ video {
   margin-left: 7%;
 }
 
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
 .mr-12 {
   margin-right: 3rem;
 }
@@ -839,6 +843,10 @@ video {
   display: inline-block;
 }
 
+.inline {
+  display: inline;
+}
+
 .flex {
   display: flex;
 }
@@ -915,6 +923,10 @@ video {
   height: 50px;
 }
 
+.h-\[80\%\] {
+  height: 80%;
+}
+
 .h-\[80px\] {
   height: 80px;
 }
@@ -1035,6 +1047,10 @@ video {
   width: 90px;
 }
 
+.w-\[95\%\] {
+  width: 95%;
+}
+
 .w-full {
   width: 100%;
 }
@@ -1245,6 +1261,10 @@ video {
   border-style: dashed;
 }
 
+.border-none {
+  border-style: none;
+}
+
 .border-\[\#C3BCC3\] {
   --tw-border-opacity: 1;
   border-color: rgb(195 188 195 / var(--tw-border-opacity));
@@ -1432,6 +1452,10 @@ video {
   padding-left: 0px;
 }
 
+.pl-\[10\%\] {
+  padding-left: 10%;
+}
+
 .pl-\[3\%\] {
   padding-left: 3%;
 }
diff --git a/templates/index.html b/templates/index.html
index 184c30c..2b8d3dd 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -628,90 +628,108 @@ <h2 class="text-white  640tk:text-3xl  verysmall:text-4xl  sm:text-3xl  md:text-
         
     </div>
       
-    <div class="container my-12 mx-auto px-5 md:px-12 xl:px-14"><!--container-->
+    <div class="pl-[10%] container my-12 mx-auto px-5 md:px-12 xl:px-14"><!--container-->
     
       <div class="flex flex-wrap -mx-1 lg:-mx-4">
          <!-- column-1 -->
       <div class="group h-96  [perspective:1000px] bg-[#0F0913] my-2 px-4 md:w-1/2 w-full  640tk:my-3 640tk:p-6  sm:my-4 sm:p-5  md:my-3 md:p-7  lg:my-5 lg:p-10 lg:w-1/3">
-        <div class="relative h-full w-full rounded-xl shadow-xl transition-all duration-700     [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
+        <div class="relative h-[80%] w-[95%] rounded-xl shadow-xl transition-all duration-700     [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
          <div class="absolute inset-0">
-             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="https://imgv3.fotor.com/images/cover-photo-image/a-beautiful-girl-with-gray-hair-and-lucxy-neckless-generated-by-Fotor-AI.jpg" alt="">
+             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="{{ url_for('static', filename='assets/aryan_avatar.jpeg') }}" alt="">
           </div>
         <div class="absolute inset-0 h-full w-full rounded-xl bg-black/80 px-12 text-center text-slate-200 [transform:rotateY(180deg)] [backface-visibility:hidden]">
           <div class="flex min-h-full flex-col items-center justify-center">
-             <h1 class="text-3xl font-bold">Obito Uchiha</h1>
-             <p class="text-base">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui commodi illum veritatis voluptatem totam culpa sed provident ab quam ad.</p>
-             <button class="mt-2 rounded-md bg-neutral-800 py-1 px-2 text-sm hover:bg-neutral-900">
+             <h1 class="text-3xl font-bold">Aryan Dev</h1>
+             <!-- <p class="text-base">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui commodi illum veritatis voluptatem totam culpa sed provident ab quam ad.</p> -->
+              <div class="flex mt-2">
+              <a class="bg-white border-none inline mr-1" href="https://github.com/Aryandev12"><img src="{{ url_for('static', filename='assets/icons8-github.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://www.linkedin.com/in/aryan-dev-084260250"><img src="{{ url_for('static', filename='assets/linkedin.png') }}" alt=""></a>
+              <a class="bg-white border-none inline" href="https://twitter.com/aryandev512"><img src="{{ url_for('static', filename='assets/twitter.svg') }}" alt=""></a>
+              </div>
+             
+             <!-- <button class="mt-2 rounded-md bg-neutral-800 py-1 px-2 text-sm hover:bg-neutral-900">
             Read more
-             </button>
+             </button> -->
          </div>
         </div>   
       </div>
     </div>
     <!-- column-2 -->
-       <div class="group h-96  [perspective:1000px] bg-[#0F0913] my-3 px-3 md:w-1/2 w-full  640tk:my-3 640tk:p-6   sm:my-4 sm:p-5  md:my-3 md:p-7  lg:my-5 lg:p-10 lg:w-1/3">
-        <div class="relative h-full w-full rounded-xl shadow-xl transition-all duration-700     [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
+       <div class="group h-96  [perspective:1000px]  bg-[#0F0913] my-3 px-3 md:w-1/2 w-full  640tk:my-3 640tk:p-6   sm:my-4 sm:p-5  md:my-3 md:p-7  lg:my-5 lg:p-10 lg:w-1/3">
+        <div class="relative h-[80%] w-[95%] rounded-xl shadow-xl transition-all duration-700     [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
          <div class="absolute inset-0">
-             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="https://imgv3.fotor.com/images/cover-photo-image/a-beautiful-girl-with-gray-hair-and-lucxy-neckless-generated-by-Fotor-AI.jpg" alt="">
+             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="{{ url_for('static', filename='assets/anushka_avatar1.png') }}" alt="">
           </div>
         <div class="absolute inset-0 h-full w-full rounded-xl bg-black/80 px-12 text-center text-slate-200 [transform:rotateY(180deg)] [backface-visibility:hidden]">
           <div class="flex min-h-full flex-col items-center justify-center">
-             <h1 class="text-3xl font-bold">Obito Uchiha</h1>
-             <p class="text-base">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui commodi illum veritatis voluptatem totam culpa sed provident ab quam ad.</p>
-             <button class="mt-2 rounded-md bg-neutral-800 py-1 px-2 text-sm hover:bg-neutral-900">
-            Read more
-             </button>
+             <h1 class="text-3xl font-bold">Anushka Jhingran</h1>
+              <div class="flex mt-2">
+              <a class="bg-white border-none inline mr-1" href="https://github.com/anushkaj-01"><img src="{{ url_for('static', filename='assets/icons8-github.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://www.linkedin.com/in/anushka-jhingran-7875a7276/"><img src="{{ url_for('static', filename='assets/linkedin.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://twitter.com/anushkaj_17"><img src="{{ url_for('static', filename='assets/twitter.svg') }}" alt=""></a>
+              </div>
+             
+             
+             
          </div>
         </div>   
       </div>
     </div>
     <!-- column-3 -->
      <div class="group h-96  [perspective:1000px] bg-[#0F0913] my-3 px-3 md:w-1/2 w-full  640tk:my-3 640tk:p-6   sm:my-4 sm:p-5   md:my-3 md:p-7  lg:my-5 lg:p-10 lg:w-1/3">
-        <div class="relative h-full w-full rounded-xl shadow-xl transition-all duration-500      [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
+        <div class="relative h-[80%] w-[95%] rounded-xl shadow-xl transition-all duration-500      [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
          <div class="absolute inset-0">
-             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="https://imgv3.fotor.com/images/cover-photo-image/a-beautiful-girl-with-gray-hair-and-lucxy-neckless-generated-by-Fotor-AI.jpg" alt="">
+             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="{{ url_for('static', filename='assets/shoeb_avatar.jpeg') }}" alt="">
           </div>
         <div class="absolute inset-0 h-full w-full rounded-xl bg-black/80 px-12 text-center text-slate-200 [transform:rotateY(180deg)] [backface-visibility:hidden]">
           <div class="flex min-h-full flex-col items-center justify-center">
-             <h1 class="text-3xl font-bold">Obito Uchiha</h1>
-             <p class="text-base">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui commodi illum veritatis voluptatem totam culpa sed provident ab quam ad.</p>
-             <button class="mt-2 rounded-md bg-neutral-800 py-1 px-2 text-sm hover:bg-neutral-900">
-            Read more
-             </button>
+             <h1 class="text-3xl font-bold">Shoeb</h1>
+             <div class="flex mt-2">
+              <a class="bg-white border-none inline mr-1" href="https://github.com/shoeb310"><img src="{{ url_for('static', filename='assets/icons8-github.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://twitter.com/shoeb0051?t=X_UWtu0v79z-aWkUdJOoAQ&s=09"><img src="{{ url_for('static', filename='assets/linkedin.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://www.linkedin.com/in/shoeb-shaikh-738544269?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><img src="{{ url_for('static', filename='assets/twitter.svg') }}" alt=""></a>
+              </div>
+             
+             
          </div>
         </div>   
       </div>
     </div>
     <!-- column-4 -->
      <div class="group h-96  [perspective:1000px] bg-[#0F0913] my-3 px-3 md:w-1/2 w-full  640tk:my-3 640tk:p-6   sm:my-4 sm:p-5   md:my-3 md:p-7  lg:my-5    lg:p-10 lg:w-1/3">
-        <div class="relative h-full w-full rounded-xl shadow-xl transition-all duration-700     [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
+        <div class="relative h-[80%] w-[95%] rounded-xl shadow-xl transition-all duration-700     [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
          <div class="absolute inset-0">
-             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="https://imgv3.fotor.com/images/cover-photo-image/a-beautiful-girl-with-gray-hair-and-lucxy-neckless-generated-by-Fotor-AI.jpg" alt="">
+             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="{{ url_for('static', filename='assets/subhadeep_avatar.jpg') }}" alt="">
           </div>
         <div class="absolute inset-0 h-full w-full rounded-xl bg-black/80 px-12 text-center text-slate-200 [transform:rotateY(180deg)] [backface-visibility:hidden]">
           <div class="flex min-h-full flex-col items-center justify-center">
-             <h1 class="text-3xl font-bold">Obito Uchiha</h1>
-             <p class="text-base">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui commodi illum veritatis voluptatem totam culpa sed provident ab quam ad.</p>
-             <button class="mt-2 rounded-md bg-neutral-800 py-1 px-2 text-sm hover:bg-neutral-900">
-            Read more
-             </button>
+             <h1 class="text-3xl font-bold">Subhadeep</h1>
+             <div class="flex mt-2">
+              <a class="bg-white border-none inline mr-1" href="https://github.com/im-subhadeep"><img src="{{ url_for('static', filename='assets/icons8-github.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href=""><img src="{{ url_for('static', filename='assets/linkedin.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://twitter.com/im_subhadeep_"><img src="{{ url_for('static', filename='assets/twitter.svg') }}" alt=""></a>
+              </div>
+             
          </div>
         </div>   
       </div>
     </div>
     <!-- column-5 -->
      <div class="group h-96  [perspective:1000px] bg-[#0F0913] my-3 px-3 md:w-1/2 w-full  640tk:my-3 640tk:p-6   sm:my-4 sm:p-5   md:my-3 md:p-7  lg:my-5 lg:p-10 lg:w-1/3">
-        <div class="relative h-full w-full rounded-xl shadow-xl transition-all duration-700     [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
+        <div class="relative h-[80%] w-[95%] rounded-xl shadow-xl transition-all duration-700     [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
          <div class="absolute inset-0">
-             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="https://imgv3.fotor.com/images/cover-photo-image/a-beautiful-girl-with-gray-hair-and-lucxy-neckless-generated-by-Fotor-AI.jpg" alt="">
+             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="{{ url_for('static', filename='assets/mohit_avatar1.jpg') }}" alt="">
           </div>
         <div class="absolute inset-0 h-full w-full rounded-xl bg-black/80 px-12 text-center text-slate-200 [transform:rotateY(180deg)] [backface-visibility:hidden]">
           <div class="flex min-h-full flex-col items-center justify-center">
-             <h1 class="text-3xl font-bold">Obito Uchiha</h1>
-             <p class="text-base">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui commodi illum veritatis voluptatem totam culpa sed provident ab quam ad.</p>
-             <button class="mt-2 rounded-md bg-neutral-800 py-1 px-2 text-sm hover:bg-neutral-900">
-            Read more
-             </button>
+             <h1 class="text-3xl font-bold">Mohit</h1>
+             <div class="flex mt-2">
+              <a class="bg-white border-none inline mr-1" href="https://github.com/MohitShaw181104"><img src="{{ url_for('static', filename='assets/icons8-github.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://www.linkedin.com/in/mohit-s-31190824b?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><img src="{{ url_for('static', filename='assets/linkedin.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://x.com/MohitKrShaw2?t=qS5tkTytgDw1DSZHxXwTjg&s=09"><img src="{{ url_for('static', filename='assets/twitter.svg') }}" alt=""></a>
+              </div>
+              
+             
          </div>
         </div>   
       </div>
@@ -720,17 +738,19 @@ <h1 class="text-3xl font-bold">Obito Uchiha</h1>
     <!-- column-6 -->
     
      <div class="group h-96  [perspective:1000px] bg-[#0F0913] my-3 px-3 md:w-1/2 w-full 640tk:my-3 640tk:p-6    sm:my-4 sm:p-5   md:my-3 md:p-7  lg:my-5 lg:p-10 lg:w-1/3">
-        <div class="relative h-full w-full rounded-xl shadow-xl transition-all duration-700      [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
+        <div class="relative h-[80%] w-[95%] rounded-xl shadow-xl transition-all duration-700      [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]" >
          <div class="absolute inset-0">
-             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="https://imgv3.fotor.com/images/cover-photo-image/a-beautiful-girl-with-gray-hair-and-lucxy-neckless-generated-by-Fotor-AI.jpg" alt="">
+             <img class="h-full w-full rounded-xl object-cover shadow-xl shadow-yellow-300" src="{{ url_for('static', filename='assets/raunak_avatar.png') }}" alt="">
           </div>
         <div class="absolute inset-0 h-full w-full rounded-xl bg-black/80 px-12 text-center text-slate-200 [transform:rotateY(180deg)] [backface-visibility:hidden]">
           <div class="flex min-h-full flex-col items-center justify-center">
-             <h1 class="text-3xl font-bold">Obito Uchiha</h1>
-             <p class="text-base">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui commodi illum veritatis voluptatem totam culpa sed provident ab quam ad.</p>
-             <button class="mt-2 rounded-md bg-neutral-800 py-1 px-2 text-sm hover:bg-neutral-900">
-            Read more
-             </button>
+             <h1 class="text-3xl font-bold">Raunak Prajapati</h1>
+             <div class="flex mt-2">
+              <a class="bg-white border-none inline mr-1" href="https://github.com/raunak-111"><img src="{{ url_for('static', filename='assets/icons8-github.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://www.linkedin.com/in/raunak-prajapati-68699b254/"><img src="{{ url_for('static', filename='assets/linkedin.svg') }}" alt=""></a>
+              <a class="bg-white border-none inline mr-1" href="https://twitter.com/Raunakp111"><img src="{{ url_for('static', filename='assets/twitter.svg') }}" alt=""></a>
+              </div>
+             
          </div>
         </div>   
       </div>
@@ -738,13 +758,13 @@ <h1 class="text-3xl font-bold">Obito Uchiha</h1>
     
     
     
+    
     </div>
     </div>
     <div class="  md:mx-2  mt-20 mr-3 flex md:flex-row  md:justify-around   md:gap-3  md:flex-wrap-3 flex-col">
         <img class="object-contain" src="{{ url_for('static', filename='assets/aboutdesign.svg') }}" alt="">
      </div> 
     </div>
-      
     </section>
 
     <!--footer-->