Debug and added new codes & Features

docs/cpp/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "C++",
+    "label": "CPP",
     "position": 9,
     "link": {
       "type": "generated-index",
-      "description": "C++ is a powerful, high-performance programming language developed by Bjarne Stroustrup in 1983. It extends the C language with object-oriented features, allowing for both low-level memory manipulation and high-level abstractions. C++ supports multiple programming paradigms, including procedural, object-oriented, and generic programming, making it versatile for various applications. It is widely used in system/software development, game programming, real-time simulations, and performance-critical applications. C++ offers robust standard libraries, enabling efficient and effective code reuse. Its combination of efficiency, flexibility, and rich feature set has made it a staple in the programming world."
+      "description": "CPP(C++) is a powerful, high-performance programming language developed by Bjarne Stroustrup in 1983. It extends the C language with object-oriented features, allowing for both low-level memory manipulation and high-level abstractions. C++ supports multiple programming paradigms, including procedural, object-oriented, and generic programming, making it versatile for various applications. It is widely used in system/software development, game programming, real-time simulations, and performance-critical applications. C++ offers robust standard libraries, enabling efficient and effective code reuse. Its combination of efficiency, flexibility, and rich feature set has made it a staple in the programming world."
     }
 }

docusaurus.config.js

@@ -104,14 +104,15 @@ const config = {
                 value: `<div class="dropdown">
                 <a class="dropbtn" href="/docs/"> Tutorials </a>
                 <div class="dropdown-content">
-                  <a href="/docs/category/html/" class="nav__icons"> <img src="/icons/html-5.svg" alt="HTML" /> </a>
-                  <a href="/docs/" class="nav__icons"> <img src="/icons/css.svg" alt="CSS" /> </a>
-                  <a href="/docs/category/javascript/" class="nav__icons" > <img src="/icons/js.svg" alt="JavaScript" /> </a>
-                  <a href="/docs/category/react/" class="nav__icons"> <img src="/icons/jsx.svg" alt="React" /> </a>                  
-                  <a href="/docs/category/typescript/" class="nav__icons"> <img src="/icons/ts.svg" alt="TypeScript" /> </a>                  
-                  <a href="/docs/category/python/" class="nav__icons"> <img src="/icons/py.svg" alt="Python" /> </a>                  
-                  <a href="/docs/category/java/" class="nav__icons"> <img src="/icons/java.svg" alt="Java" /> </a>                  
-                  <a href="/docs/category/tailwind/" class="nav__icons"> <img src="/icons/tailwind.png" alt="Tailwind" /> </a>                  
+                  <a href="/docs/category/html/" class="nav__icons"> <img src="/icons/html-5.svg" title="HTML5" alt="HTML" /> </a>
+                  <a href="/docs/" class="nav__icons"> <img src="/icons/css.svg" title="CSS" alt="CSS" /> </a>
+                  <a href="/docs/category/javascript/" class="nav__icons" > <img src="/icons/js.svg" title="JavaScript" alt="JavaScript" /> </a>
+                  <a href="/docs/category/react/" class="nav__icons"> <img src="/icons/jsx.svg" title="React.Js" alt="React" /> </a>                  
+                  <a href="/docs/category/typescript/" class="nav__icons"> <img src="/icons/ts.svg" title="TypeScript" alt="TypeScript" /> </a>                  
+                  <a href="/docs/category/python/" class="nav__icons"> <img src="/icons/py.svg" title="Python" alt="Python" /> </a>                  
+                  <a href="/docs/category/java/" class="nav__icons"> <img src="/icons/java.svg" title="Java" alt="Java" /> </a>                  
+                  <a href="/docs/category/tailwind/" class="nav__icons"> <img src="/icons/tailwind-css.svg" title="Tailwind CSS" alt="Tailwind" /> </a>
+                  <a href="/docs/category/cpp/" class="nav__icons"> <img src="/icons/cpp.svg" title="CPP" alt="CPP" /> </a>                
                 </div>
               </div>`,
               },

sidebars.js

@@ -9,6 +9,10 @@ const sidebars = {
   typescript: [{ type: 'autogenerated', dirName: 'typescript', }],
   react: [{ type: 'autogenerated', dirName: 'react', }],
   python: [{ type: 'autogenerated', dirName: 'python', }],
+  cpp: [{ type: 'autogenerated', dirName: 'cpp', }],
+  java: [{ type: 'autogenerated', dirName: 'java', }],
+  html: [{ type: 'autogenerated', dirName: 'html', }],
+  tailwindcss: [{ type: 'autogenerated', dirName: 'tailwind', }],
 };
 
 export default sidebars;

src/components/HomePage/home.module.css

@@ -6,12 +6,11 @@
   margin: 20px 10px;
   border-radius: 10px;
 }
-/* home.module.css */
 
 
 .feature_item:hover ,.course_card:hover {
 scale: 1.03;
-  box-shadow: 0 0px 20px #4be7e2;
+  box-shadow: 0 0 0 1px #f2f2f24a, 0 0 10px 0 #f2f2f255;
   transition: scale 0.3s ease-in;
 }