Navbar-component created and linked into the dashboard

employeemanagement/src/components/dashboard/Dashboard.js

 import React, { Component } from 'react'
+import Navbar from '../layout/Navbar';
 
 class Dashboard extends Component {
     render() {
         return (
             <div>
-                
+                <Navbar />
             </div>
         )
     }

employeemanagement/src/components/layout/Navbar.js

+import React from 'react'
+
+const Navbar = (props) => {
+    return(
+        <nav className="navbar navbar-expand-lg navbar-light bg-primary">
+            <div className="container">
+                    <h5>Employee Management</h5>
+                <h5 className="text-center">Welcome </h5>
+                <button  type="button" className="btn btn-success btn-sm float-right btn-logout">Logout</button>
+            </div>
+        </nav>
+    )
+}
+
+export default Navbar

employeemanagement/src/index.css

@@ -25,3 +25,21 @@ code {
 .logo-login{
   width: 140px;
 }
+
+/*navbar*/
+#header .row{
+  background: #3b96eb;
+  padding: 10px;
+}
+
+.btn-logout{
+  margin: 3px;
+  padding: 15px;
+}
+
+.navbar h5{
+  color: white;
+  margin: 0px;
+  padding: 10px;
+}
+