diff --git a/public/icons/code-fork-solid.svg b/public/icons/code-fork-solid.svg
new file mode 100644
index 0000000..d86c6b6
--- /dev/null
+++ b/public/icons/code-fork-solid.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 5.50001C11.0002 6.34179 10.697 7.15545 10.1461 7.79185C9.59506 8.42825 8.83316 8.84475 8.00001 8.96501V11.5H14.25C14.8467 11.5 15.419 11.263 15.841 10.841C16.263 10.419 16.5 9.84674 16.5 9.25001V8.85501C15.6963 8.61278 15.0064 8.08996 14.5559 7.38175C14.1053 6.67354 13.9241 5.82706 14.0453 4.99647C14.1664 4.16588 14.5819 3.40644 15.216 2.85646C15.8501 2.30648 16.6606 2.00254 17.5 2.00001C18.386 1.99841 19.2396 2.33287 19.8886 2.93591C20.5377 3.53895 20.9339 4.3657 20.9973 5.24939C21.0608 6.13308 20.7867 7.00795 20.2305 7.69751C19.6742 8.38708 18.8771 8.84004 18 8.96501V9.25001C18 10.2446 17.6049 11.1984 16.9017 11.9017C16.1984 12.6049 15.2446 13 14.25 13H8.00001V15.035C8.85393 15.1583 9.63224 15.5926 10.1855 16.2546C10.7388 16.9166 11.0281 17.7596 10.9979 18.6218C10.9676 19.4841 10.6199 20.3048 10.0216 20.9264C9.42328 21.5479 8.61645 21.9266 7.75599 21.9897C6.89553 22.0528 6.04208 21.7959 5.35947 21.2682C4.67686 20.7406 4.2132 19.9794 4.05749 19.1308C3.90177 18.2822 4.06498 17.406 4.51578 16.6703C4.96658 15.9347 5.6732 15.3915 6.50001 15.145V8.85501C5.69634 8.61278 5.0064 8.08996 4.55585 7.38175C4.1053 6.67354 3.92411 5.82706 4.04527 4.99647C4.16644 4.16588 4.5819 3.40644 5.216 2.85646C5.85009 2.30648 6.66063 2.00254 7.50001 2.00001C8.42827 2.00001 9.3185 2.36875 9.97488 3.02513C10.6313 3.68151 11 4.57175 11 5.50001V5.50001ZM7.50001 7.50001C8.03044 7.50001 8.53915 7.28929 8.91422 6.91422C9.28929 6.53915 9.50001 6.03044 9.50001 5.50001C9.50001 4.96957 9.28929 4.46086 8.91422 4.08579C8.53915 3.71072 8.03044 3.50001 7.50001 3.50001C6.96958 3.50001 6.46087 3.71072 6.08579 4.08579C5.71072 4.46086 5.50001 4.96957 5.50001 5.50001C5.50001 6.03044 5.71072 6.53915 6.08579 6.91422C6.46087 7.28929 6.96958 7.50001 7.50001 7.50001V7.50001ZM17.5 7.50001C18.0304 7.50001 18.5391 7.28929 18.9142 6.91422C19.2893 6.53915 19.5 6.03044 19.5 5.50001C19.5 4.96957 19.2893 4.46086 18.9142 4.08579C18.5391 3.71072 18.0304 3.50001 17.5 3.50001C16.9696 3.50001 16.4609 3.71072 16.0858 4.08579C15.7107 4.46086 15.5 4.96957 15.5 5.50001C15.5 6.03044 15.7107 6.53915 16.0858 6.91422C16.4609 7.28929 16.9696 7.50001 17.5 7.50001V7.50001ZM9.50001 18.5C9.50001 17.9696 9.28929 17.4609 8.91422 17.0858C8.53915 16.7107 8.03044 16.5 7.50001 16.5C6.96958 16.5 6.46087 16.7107 6.08579 17.0858C5.71072 17.4609 5.50001 17.9696 5.50001 18.5C5.50001 19.0304 5.71072 19.5391 6.08579 19.9142C6.46087 20.2893 6.96958 20.5 7.50001 20.5C8.03044 20.5 8.53915 20.2893 8.91422 19.9142C9.28929 19.5391 9.50001 19.0304 9.50001 18.5Z" fill="#B7C8CB"/>
+</svg>
diff --git a/public/icons/star.svg b/public/icons/star.svg
new file mode 100644
index 0000000..c5e4814
--- /dev/null
+++ b/public/icons/star.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" stroke="#B7C8CB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/widgets/Navbar.astro b/src/components/widgets/Navbar.astro
index 5395eca..edec3be 100644
--- a/src/components/widgets/Navbar.astro
+++ b/src/components/widgets/Navbar.astro
@@ -24,7 +24,7 @@ const navItems = [
         <a class="font-extrabold text-2xl" href="/">xHyroM</a>
         <nav>
             <ul
-                class="absolute top-0 left-0 md:relative nav-links gap-10 md:flex hidden md:flex-row bg-gray md:bg-transparent w-full [&_li]:my-2 [&_li]:ml-4 border-b-[1px] md:border-b-0 border-neutral-800"
+                class="absolute top-0 left-0 md:relative nav-links gap-10 md:flex hidden md:flex-row bg-gray md:bg-transparent w-full [&_li]:my-2 [&_li]:ml-4 border-b-[1px] md:border-b-0 border-neutral-800 transition-all"
             >
                 {
                     navItems.map((item) => (
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 4bea3ac..31d370d 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -23,9 +23,31 @@ const projects = [
             {
                 projects.map((project) => (
                     <section class="flex flex-col md:w-96 w-80 min-h-max border-[1px] border-neutral-800 bg-gray p-6 rounded-md">
-                        <h2 class="text-3xl font-bold text-white mb-4 break-all">
-                            {project.name}
-                        </h2>
+                        <div class="flex">
+                            <h2 class="text-3xl font-bold text-white mb-4 break-all">
+                                {project.name}
+                            </h2>
+                            <div class="bg-neutral-800 text-neutral-300 flex justify-center items-center h-fit rounded-lg py-1 px-4 ml-4 gap-2 translate-y-1">
+                                <div class="flex gap-1">
+                                    <img
+                                        src="/icons/star.svg"
+                                        alt=""
+                                        class="w-[21px]"
+                                    />
+                                    <p>4</p>
+                                </div>
+                                <div class="flex gap-1">
+                                    {" "}
+                                    <img
+                                        src="/icons/code-fork-solid.svg"
+                                        alt=""
+                                        class="w-[21px]"
+                                    />
+                                    <p>9</p>
+                                </div>
+                            </div>
+                        </div>
+
                         <p class="text-neutral-300 mb-6 break-all">
                             {project.desc}
                         </p>