diff --git a/src/pages/Home/loginImg.jpg b/src/pages/Home/loginImg.jpg
new file mode 100644
index 0000000..1dd8604
Binary files /dev/null and b/src/pages/Home/loginImg.jpg differ
diff --git a/src/pages/Home/yaoa5.jpg b/src/pages/Home/yaoa5.jpg
new file mode 100644
index 0000000..61c850a
Binary files /dev/null and b/src/pages/Home/yaoa5.jpg differ
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
new file mode 100644
index 0000000..e784b45
--- /dev/null
+++ b/src/pages/index.jsx
@@ -0,0 +1,22 @@
+import css from './index.module.scss'
+import {Outlet} from 'react-router-dom'
+import headerPng from './header.png'
+export default function Index(){
+
+ return <>
+
+ >
+}
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
new file mode 100644
index 0000000..48681f4
--- /dev/null
+++ b/src/pages/index.module.scss
@@ -0,0 +1,37 @@
+.home{
+ & > header{
+ position: relative;
+ width: 100%;
+ height: 82px;
+ min-width: 1000px;
+ & > nav{
+ position: relative;
+ max-width: 1200px;
+ margin: 0 auto;
+ display: flex;
+ & > div:first-child{
+ position: relative;
+ flex-shrink: 0;
+ & > img{
+ height: 80px;
+ }
+ }
+ & > div:last-child{
+ position: relative;
+ flex: 1;
+ display: flex;
+ flex-direction: row-reverse;
+ line-height: 80px;
+ font-size: 1.2em;
+ & > div{
+ position: relative;
+ margin: 0 20px;
+ cursor: pointer;
+ }
+ }
+ }
+ }
+ & > div{
+ position: relative;
+ }
+}