update skills and language

Author: frontendfixer

README.md

@@ -1,4 +1,4 @@
-# Frontend Fixer | FullStack Web Developer 💻
+# Frontendfixer | FullStack Web Developer 💻
 
 ## 🌟 Professional Profile
 
@@ -45,7 +45,7 @@ Passionate about creating beautiful and functional websites and applications, wi
 ## 🤝 Connect With Me
 
 [![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/frontendfixer)
-[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/lakshmikanta-patra-786220308)
+[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/lakshmikanta)
 [![Portfolio](https://img.shields.io/badge/Portfolio-000000?style=for-the-badge&logo=web&logoColor=white)](https://www.frontendfixer.dev)
 
 ---

src/assets/images/icons/aws.svg

@@ -24,7 +24,7 @@ const Footer = () => {
             Lakshmikanta
           </a>
         </p>
-        <p className="font-sm text-gray-500">&copy; All right reserved 2023</p>
+        <p className="font-sm text-gray-500">&copy; All right reserved 2024</p>
       </div>
     </div>
   );

src/assets/images/icons/github.svg

@@ -5,12 +5,12 @@ import { frameworks, languages, tools } from '#data/Skills';
 
 const LanguageAndTool = () => {
   return (
-    <div className="mx-auto -mt-20 flex w-full flex-col overflow-hidden rounded-3xl bg-white p-3 shadow-lg md:w-[96%] md:flex-row md:p-4 lg:p-6 dark:bg-dark-700">
-      <div className="border-dark-300 mb-4 flex flex-col border-b-2 border-dashed pb-4 md:mb-0 md:mr-4 md:w-1/3 md:border-b-0 md:border-r-2 md:pb-0 md:pr-4 lg:w-[50%]">
+    <div className="mx-auto -mt-20 flex w-full flex-col overflow-hidden rounded-3xl bg-white p-3 shadow-lg dark:bg-dark-700 md:w-[96%] md:flex-row md:p-4 lg:p-6">
+      <div className="mb-4 flex flex-col border-b-2 border-dashed border-dark-300 pb-4 md:mb-0 md:mr-4 md:w-1/3 md:border-b-0 md:border-r-2 md:pb-0 md:pr-4 lg:w-[50%]">
         <div className="mx-auto mb-5 rounded-full bg-blue-300 p-4">
           <CodeIcon className="h-12 w-12" />
         </div>
-        <h3 className="text-center text-xl font-bold text-dark-900 md:text-3xl dark:text-gray-50">
+        <h3 className="text-center text-xl font-bold text-dark-900 dark:text-gray-50 md:text-3xl">
           Languages
         </h3>
         <div className="justify-items-between mt-4 grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3">
@@ -25,19 +25,19 @@ const LanguageAndTool = () => {
           ))}
         </div>
       </div>
-      <div className="border-dark-300 mb-4 flex flex-col border-b-2 border-dashed pb-4 md:mb-0 md:mr-4 md:w-1/3 md:border-b-0 md:border-r-2 md:pb-0 md:pr-4 lg:w-[25%]">
+      <div className="mb-4 flex flex-col border-b-2 border-dashed border-dark-300 pb-4 md:mb-0 md:mr-4 md:w-1/3 md:border-b-0 md:border-r-2 md:pb-0 md:pr-4 lg:w-[25%]">
         <div className="mx-auto mb-5 rounded-full bg-blue-300 p-4">
           <BlocksIcon className="h-12 w-12" />
           {/* <img src={toolsIcon} alt="" aria-hidden className="h-12 w-12" /> */}
         </div>
-        <h3 className="text-center text-xl font-bold text-dark-900 md:text-3xl dark:text-gray-50">
+        <h3 className="text-center text-xl font-bold text-dark-900 dark:text-gray-50 md:text-3xl">
           Frameworks
         </h3>
         <div className="justify-items-between mt-4 grid h-full grid-cols-1 gap-4 lg:grid-cols-2">
           {frameworks.map(({ id, name, Icon }) => (
             <div
               key={id}
-              className="flex items-center justify-between gap-2 rounded-lg bg-gray-500/30 p-4 text-dark transition-all duration-200 ease-in-out hover:scale-105 hover:cursor-pointer hover:shadow-md lg:flex-col lg:gap-4 dark:bg-white"
+              className="flex items-center justify-between gap-2 rounded-lg bg-gray-500/30 p-4 text-dark transition-all duration-200 ease-in-out hover:scale-105 hover:cursor-pointer hover:shadow-md dark:bg-white lg:flex-col lg:gap-4"
             >
               <Icon className="h-12 w-12" />
               <h3 className="text-xl font-medium">{name}</h3>
@@ -50,14 +50,14 @@ const LanguageAndTool = () => {
           <AppsIcon className="h-12 w-12" />
           {/* <img src={toolsIcon} alt="" aria-hidden className="h-12 w-12" /> */}
         </div>
-        <h3 className="text-center text-xl font-bold text-dark-900 md:text-3xl dark:text-gray-50">
+        <h3 className="text-center text-xl font-bold text-dark-900 dark:text-gray-50 md:text-3xl">
           Tools
         </h3>
         <div className="justify-items-between mt-4 grid h-full grid-cols-1 gap-4 lg:grid-cols-2">
           {tools.map(({ id, name, Icon }) => (
             <div
               key={id}
-              className="flex items-center justify-between gap-2 rounded-lg bg-gray-500/30 p-4 text-dark transition-all duration-200 ease-in-out hover:scale-105 hover:cursor-pointer hover:shadow-md lg:flex-col lg:gap-4 dark:bg-white"
+              className="flex items-center justify-between gap-2 rounded-lg bg-gray-500/30 p-4 text-dark transition-all duration-200 ease-in-out hover:scale-105 hover:cursor-pointer hover:shadow-md dark:bg-white lg:flex-col lg:gap-4"
             >
               <Icon className="h-12 w-12" />
               <h3 className="text-xl font-medium">{name}</h3>