diff --git a/src/App.js b/src/App.js
index ee24e15..4bf57b9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,7 +4,7 @@ import './App.css';
 function App() {
   return (
     <div className="App">
-      
+      <div className='Navbar'> navbar</div>
     </div>
   );
 }
diff --git a/src/components/navbar.js b/src/components/navbar.js
index e69de29..bff83e5 100644
--- a/src/components/navbar.js
+++ b/src/components/navbar.js
@@ -0,0 +1,5 @@
+function Navbar() {
+    return (
+        <div className="Navbar"></div>
+    )
+}
\ No newline at end of file
diff --git a/src/styles/navbar.css b/src/styles/navbar.css
new file mode 100644
index 0000000..e69de29