diff --git a/src/App.tsx b/src/App.tsx
index eaa3b21..a03ba17 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,9 +7,13 @@ import "./styles/style.scss";
 // Pages
 import Main from "./pages/Main";
 
+// Static
+import Header from "./components/header/Header";
+
 const App = () => {
   return (
     <div className="App">
+      <Header />
       <Routes>
         <Route path="/" element={<Main />} />
       </Routes>
diff --git a/src/assets/images/sup-header.png b/src/assets/images/sup-header.png
new file mode 100644
index 0000000..9300a4a
Binary files /dev/null and b/src/assets/images/sup-header.png differ
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
new file mode 100644
index 0000000..c37f9d9
--- /dev/null
+++ b/src/components/header/Header.tsx
@@ -0,0 +1,12 @@
+// Components
+import SupHeader from "./SupHeader";
+
+const Header = () => {
+  return (
+    <div className="header">
+      <SupHeader />
+    </div>
+  );
+};
+
+export default Header;
diff --git a/src/components/header/SupHeader.tsx b/src/components/header/SupHeader.tsx
new file mode 100644
index 0000000..ea701c7
--- /dev/null
+++ b/src/components/header/SupHeader.tsx
@@ -0,0 +1,19 @@
+// Images
+import Logo from "../../assets/images/sup-header.png";
+
+const SupHeader = () => {
+  return (
+    <div className="supheader">
+      <div className="container">
+        <div className="supheader-inner">
+          <h1>Halkara Habarlar Merkezi</h1>
+          <div className="supheader-logo">
+            <img src={Logo} alt="" />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SupHeader;
diff --git a/src/styles/_general.scss b/src/styles/_general.scss
index 6b27b6d..b895e8a 100644
--- a/src/styles/_general.scss
+++ b/src/styles/_general.scss
@@ -39,3 +39,11 @@ a {
   color: #000;
   text-decoration: none;
 }
+
+.container {
+  height: 100%;
+  width: 100%;
+  max-width: 131rem;
+  padding: 0 4rem;
+  margin: 0 auto;
+}
diff --git a/src/styles/_header.scss b/src/styles/_header.scss
new file mode 100644
index 0000000..3de1c44
--- /dev/null
+++ b/src/styles/_header.scss
@@ -0,0 +1,31 @@
+.supheader {
+  height: 11rem;
+  background: $main;
+}
+
+.supheader-inner {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  height: 100%;
+  position: relative;
+
+  h1 {
+    font-size: 2rem;
+    color: $white;
+  }
+}
+
+.supheader-logo {
+  max-width: 48.8rem;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+}
diff --git a/src/styles/style.scss b/src/styles/style.scss
index ea36480..5e7e00b 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -1,2 +1,3 @@
 @import "./variables";
 @import "./general";
+@import "./header";