diff --git a/src/pages/Header.js b/src/pages/Header.js
new file mode 100644
index 0000000000000000000000000000000000000000..164a4200f9ef34f29f16a9d721845f87f3033e83
--- /dev/null
+++ b/src/pages/Header.js
@@ -0,0 +1,25 @@
+import React from 'react';
+import header_styles from './Header.module.css';
+const Header=()=>{
+  return (
+    <header>
+      <div className={header_styles.header_content}>
+
+        <div className={header_styles.header_logo}><a href="/"><img src="/planpuzzle_logo.png"></img></a></div>
+        <nav className={header_styles.header_nav}>
+          <ul>
+            <li><a href="/">홈</a></li>
+            <li><a href="/search">검색</a></li>
+            <li><a href="/clientservice">고객지원</a></li>
+            <li><a href="/mypage">마이페이지</a></li>
+            <li><a href="#logout"><img src="/logout_img.png"></img></a></li>
+          </ul>
+        </nav>
+        
+      
+      
+      </div>
+    </header>
+  )
+}
+export default Header;