diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..1a4bb0e
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/App.js b/src/App.js
index 585af23..1ce61c1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { ToastProvider } from 'react-toast-notifications';
+import Header from './Components/Header';
 import Footer from './Components/Footer';
 import GasStation from "./Components/GasStation";
 import Map from "./Components/Map";
@@ -75,6 +76,7 @@ class Application extends React.Component {
 
     return (
       <ToastProvider>
+        <Header />
         <GasStation
           showModal={showModal}
           hideModal={this.hideModal}
diff --git a/src/Components/Header.js b/src/Components/Header.js
new file mode 100644
index 0000000..63af78f
--- /dev/null
+++ b/src/Components/Header.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Navbar, Nav } from "react-bootstrap";
+
+const Header = () => {
+
+  return (
+    <Navbar expand="lg" bg="light" variant="light" fixed="top">
+      <Navbar.Brand href="https://www.darkou.fr">
+        <img
+          src="/logo.png"
+          width="68"
+          height="30"
+          className="d-inline-block align-top"
+          alt="DarKou.fr"
+        />
+      </Navbar.Brand>
+      <Nav>
+        <Nav.Link href="https://www.darkou.fr/contact/">Contact</Nav.Link>
+      </Nav>    
+    </Navbar>
+  );
+};
+
+export default Header;
\ No newline at end of file