Projects card not finish

src/App.css

@@ -238,7 +238,7 @@ nav.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
   margin-top: 0;
   padding: 150px 0 100px 0;
   position: relative;
-  background-image: url('./assets/img/01.jpg');
+  background-image: url('./assets/img/136646.jpg');
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;

src/App.js

@@ -1,7 +1,6 @@
 import './App.css';
 import NavBar from './components/Navbar';
 import Banner from './components/banner';
-import Skills from './components/Skills';
 import 'bootstrap/dist/css/bootstrap.min.css';
 
 function App() {
@@ -9,7 +8,6 @@ function App() {
     <div className ="App">
           <NavBar />
           <Banner /> 
-          <Skills />
     </div>
   );
 }

src/assets/img/github.svg

@@ -0,0 +1,4 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <title>GitHub</title>
+  <path d="M12 0C5.37 0 0 5.37 0 12c0 5.302 3.438 9.8 8.207 11.387.6.11.82-.26.82-.577v-2.022c-3.338.725-4.033-1.41-4.033-1.41-.546-1.385-1.333-1.756-1.333-1.756-1.09-.745.083-.73.083-.73 1.204.084 1.837 1.236 1.837 1.236 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.304-5.466-1.333-5.466-5.93 0-1.31.47-2.38 1.236-3.22-.124-.303-.536-1.52.117-3.168 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.398 3-.403 1.02.005 2.043.137 3 .403 2.29-1.552 3.297-1.23 3.297-1.23.653 1.648.242 2.865.118 3.168.77.84 1.235 1.91 1.235 3.22 0 4.61-2.803 5.624-5.475 5.92.43.372.814 1.102.814 2.222v3.293c0 .32.218.694.825.576C20.565 21.795 24 17.298 24 12c0-6.63-5.373-12-12-12z"/>
+</svg>

src/assets/img/linkedln.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img">
+  <title>LinkedIn</title>
+  <path d="M22.23 0H1.77C.79 0 0 .8 0 1.78v20.45C0 23.2.79 24 1.77 24h20.45c.98 0 1.78-.8 1.78-1.77V1.78C24 .8 23.21 0 22.23 0zM7.12 20.45H3.56V9h3.56v11.45zM5.34 7.48c-1.14 0-2.06-.93-2.06-2.08 0-1.15.92-2.08 2.06-2.08 1.14 0 2.07.93 2.07 2.08 0 1.15-.93 2.08-2.07 2.08zM20.45 20.45h-3.56v-5.58c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.94v5.68h-3.56V9h3.42v1.56h.05c.48-.9 1.66-1.85 3.42-1.85 3.65 0 4.32 2.4 4.32 5.51v6.23z"/>
+</svg>

src/components/Navbar.js

@@ -1,10 +1,9 @@
 import React, { useState, useEffect } from "react";
 import { Container, Nav, Navbar } from "react-bootstrap";
 import logo from "../assets/img/logo.svg";
-import navIcon1 from "../assets/img/nav-icon1.svg";
-import navIcon2 from "../assets/img/nav-icon2.svg";
-import navIcon3 from "../assets/img/nav-icon3.svg";
 
+import navIcon from "../assets/img/github.svg";
+import linkedin from "../assets/img/linkedln.svg"
 const NavBar = () => {
   const [activeLink, setActiveLink] = useState("home");
   const [scrolled, setScrolled] = useState(false);
@@ -68,14 +67,11 @@ const NavBar = () => {
           </Nav>
           <span className="navbar-text">
             <div className="social-icon">
-              <a href="#">
-                <img src={navIcon1} alt="Social Icon 1" />
+              <a href="https://github.com/khang2005">
+                <img src={navIcon} alt="github Icon" />
               </a>
-              <a href="#">
-                <img src={navIcon2} alt="Social Icon 2" />
-              </a>
-              <a href="#">
-                <img src={navIcon3} alt="Social Icon 3" />
+              <a href="https://www.linkedin.com/in/khang-tran-4ba6b3285/">
+                <img src={linkedin} alt="linkedin Icon" />
               </a>
             </div>
             <button className="vvd" onClick={() => console.log("connect")}>