Built mobile menu

src/App.js

@@ -1,11 +1,12 @@
 import { Route, Link, Routes, HashRouter as Router } from 'react-router-dom'
 
 import './App.css';
-// import ReactGA from 'react-ga'
+import menu from './assets/menu.svg'
 import Nav from './componets/Nav.js'
 import Socials from './componets/Socials.js'
 import Home from './pages/Home.js'
 import Projects from './pages/Projects';
+import Activities from './pages/Activities';
 import AboutMe from './pages/AboutMe';
 import AOS from 'aos';
 import 'aos/dist/aos.css'; // You can also use <link> for styles
@@ -17,16 +18,19 @@ function App() {
       <div className="App">
         <div className="header">
           <a href="/"><h1>Andrew Simonson</h1></a>
+          <img src={menu} alt="menu" id='menu'/>
           <Nav id='navbar'>
             <Link to='/'>Home</Link>
             <a href='https://github.com/asimonson1125/Resume/raw/main/Resume.pdf' rel='noreferrer' target='_blank'>Resume</a>
             <Link to='/projects'>Projects</Link>
+           {/* <Link to='/activities'>Activities</Link> */}
             <Link to='/about'>About Me</Link>
           </Nav>
         </div>
         <Routes>
           <Route exact path='/' element={<Home />}></Route>
           <Route exact path='/projects' element={<Projects />}></Route>
+          <Route exact path='activities' element={<Activities />}></Route>
           <Route exact path='/about' element={<AboutMe />}></Route>
         </Routes>
         <div className='footer'>