all changes are made

src/App.jsx

@@ -24,9 +24,9 @@ import "./styles.css";
  * If you don't have one of the social sites listed, leave it as an empty string.
  */
 const siteProps = {
-  name: "Alexandrie Grenier",
-  title: "Web Designer & Content Creator",
-  email: "alex@example.com",
+  name: "Himanshu Kumar",
+  title: "Frontend Engineer",
+  email: "himanshukumar802123@gmail.com",
   gitHub: "microsoft",
   instagram: "microsoft",
   linkedIn: "satyanadella",

src/Components/About.jsx

@@ -24,19 +24,24 @@ const imageAltText = "purple and blue abstract background";
  * Sort description that expands on your title on the Home component.
  */
 const description =
-  "I'm a UI/UX student studying at Barnett Technical University. I enjoy creating unique and simplistic user interfaces in creative ways.";
+  "Hello! My name is Himanshu Kumar, and I am a dedicated web developer with a passion for creating dynamic and user-friendly websites.";
 
 /**
  * List of some of skills or technologies you work on, are learning,
  * passionate about, or enjoy,
  */
 const skillsList = [
-  "Web design",
-  "User experience",
-  "Inclusive design",
-  "Focus group testing",
-  "Mobile user interfaces",
-  "Graphic design",
+  "HTML",
+  "CSS",
+  "JAVASCRIPT",
+  "TAILWIND  CSS",
+  "BOOTSTRAP",
+  "JAVA",
+  "C",
+  "SQL",
+  "LINUX",
+  "GIT"
+
 ];
 
 /**

src/Components/Footer.jsx

@@ -61,39 +61,39 @@ const Footer = (props) => {
         }}
       >
         {email && (
-          <a href={`mailto:${email}`}>
+          <a href={`mailto:${`[email protected]`}`}>
             <img src={envelopeIcon} alt="email" className="socialIcon" />
           </a>
         )}
-        {devDotTo && (
+        {/* {devDotTo && (
           <a href={`https://dev.to/${devDotTo}`} target="_blank" rel="noopener noreferrer">
             <img src={devDotToIcon} alt="Dev.to" className="socialIcon" />
           </a>
-        )}
+        )} */}
         {gitHub && (
-          <a href={`https://github.com/${gitHub}`} target="_blank" rel="noopener noreferrer">
+          <a href={`https://github.com/${`Himanshu08Kumar?tab=repositories`}`} target="_blank" rel="noopener noreferrer">
             <img src={gitHubIcon} alt="GitHub" className="socialIcon" />
           </a>
         )}
-        {instagram && (
+        {/* {instagram && (
           <a
             href={`https://www.instagram.com/${instagram}`}
             target="_blank"
             rel="noopener noreferrer"
           >
             <img src={instagramIcon} alt="Instagram" className="socialIcon" />
           </a>
-        )}
+        )} */}
         {linkedIn && (
           <a
-            href={`https://www.linkedin.com/in/${linkedIn}`}
+            href={`https://www.linkedin.com/in/${`himanshu-kumar-652336213/`}`}
             target="_blank"
             rel="noopener noreferrer"
           >
             <img src={linkedInIcon} alt="LinkedIn" className="socialIcon" />
           </a>
         )}
-        {medium && (
+        {/* {medium && (
           <a href={`https://medium.com/@${medium}`} target="_blank" rel="noopener noreferrer">
             <img src={mediumIcon} alt="Medium" className="socialIcon" />
           </a>
@@ -111,7 +111,7 @@ const Footer = (props) => {
           >
             <img src={youTubeIcon} alt="YouTube" className="socialIcon" />
           </a>
-        )}
+        )} */}
       </div>
       <p className="small" style={{ marginTop: 0, color: "white" }}>
         Created by {name}

src/Components/Home.jsx

@@ -20,17 +20,17 @@ import PropTypes from "prop-types";
  * Need an image? Check out https://unsplash.com to download a photo you
  * freely use on your site.
  */
-import image from "../images/woman-with-tablet.jpg";
+import image from "../images/abc1.jpg";
 
-const imageAltText = "Adult female in office setting leaning against a glass wall while holding a platinum Microsoft Surface Pro 7 in tablet mode preparing to write with Microsoft Surface Pen";
+const imageAltText = "Mt Desc";
 
 const Home = ({ name, title }) => {
   return (
     <section id="home" className="min-height">
       <img className="background" src={image} alt="" />
       <div style={{ position: "absolute", top: "5rem", left: "2rem", width: "17rem" }}>
-        <h1>{name}</h1>
-        <h2>{title}</h2>
+        <h1 style={{fontWeight:"600"}}>{name}</h1>
+        <h2 style={{color:"white",fontWeight:"600"}}>{title}</h2>
       </div>
       <div style={{ position: "absolute", bottom: "3rem", left: "50%" }}>
         <img src={arrowSvg} style={{ height: "3rem", width: "3rem" }} alt={imageAltText} />

src/Components/Portfolio.jsx

@@ -19,7 +19,7 @@ import React from "react";
  * Need an image? Check out https://unsplash.com to download a photo you
  * freely use on your site.
  */
-import image from "../images/design-desk.jpeg";
+import image from "../images/comp.avif";
 
 const imageAltText = "desktop with books and laptop";
 
@@ -31,28 +31,28 @@ const imageAltText = "desktop with books and laptop";
  */
 const projectList = [
   {
-    title: "10 Things To Know About Azure Static Web Apps 🎉",
+    title: "iWeather",
     description:
-      "Collaboration to create a beginner friendly article to help explain Azure Static Web Apps and tooling to get started.",
-    url: "https://dev.to/azure/10-things-to-know-about-azure-static-web-apps-3n4i",
+      "It provides real-time weather updates based on user location input.Integrated third-party APIs to display accurate weather data and forecasts, enhancing user experience and engagement.",
+    url: "https://himanshu08kumar.github.io/WeatherApp/",
   },
   {
-    title: "Web Development for Beginners",
+    title: "PrepIT",
     description:
-      "Contributed sketch note imagery to accompany each lesson. These help provide visual representation of what is being taught.",
-    url: "https://github.com/microsoft/web-dev-for-beginners",
+      "Developed a comprehensive Android application using Android Studio to assist students in their placement preparations. Managed and curated a diverse set of placement questions, creating a valuable resource for students.",
+    url: "https://github.com/Himanshu08Kumar/PrepIt",
   },
   {
-    title: "My Resume Site",
+    title: "Notepad",
     description:
-      "Created from Microsoft's resume workshop and deployed to GitHub pages. Includes my experience and design abilities.",
-    url: "https://github.com/microsoft/workshop-library/tree/main/full/build-resume-website",
+      "Designed an intuitive user interface, prioritizing ease of use for note creation and management. Integrated Firestore Database to enable cloud-based storage, ensuring data accessibility across devices.",
+    url: "https://github.com/Himanshu08Kumar/Notepad",
   },
   {
-    title: "GitHub Codespaces and github.dev",
+    title: "Home Automation System",
     description:
-      "Video interview to explain when to use GitHub.dev versus GitHub Codespaces, and how best to use each tool.",
-    url: "https://www.youtube.com/watch?v=c3hHhRME_XI",
+      "Designed and implemented an intuitive system for efficient control and monitoring of household devices. Ensured power-saving measures through centralized control and automation.",
+    url: "https://github.com/Himanshu08Kumar/IOT-Home-Automation",
   },
 ];