diff --git a/src/index/index.css b/src/index/index.css
index e69de29..2505452 100644
--- a/src/index/index.css
+++ b/src/index/index.css
@@ -0,0 +1,42 @@
+.poster{
+    width: 100%;
+    height: 408px;
+    background-color: #80010A;
+    display: flex;
+    justify-content: center;
+}
+.img-poster{
+ padding-left: 11%;
+}
+.btn-partIn{
+    border-radius: 5px;
+    border: 1px; 
+    height: 45px;
+    width: 9%;
+    min-width: 130px;
+    font-size: 20px;
+    font-weight: bold;
+    background-color: #FCFAFA;
+    color:#323232;
+    margin-top: 330px;
+    margin-left:11%;
+    
+}
+.message{
+    width: 50%;
+    padding-left: 10%;
+    margin-top: 33px;
+    font-weight: bold;
+}
+
+.container{
+    display: flex;
+    width: 100%;
+    height: 800px;
+}
+.cut-line{
+    display: flex;
+    height: 1px;
+    width: 80%;
+    background-color: #E6E6E6;
+}
\ No newline at end of file
diff --git a/src/index/index.js b/src/index/index.js
index a0e9d0a..5f74f05 100644
--- a/src/index/index.js
+++ b/src/index/index.js
@@ -6,8 +6,15 @@ export class AppContainer extends Component {
   render() {
     return (
       <div className="App">
-        <p>展示页</p>
-        <Link to="/upload" className="btn btn-primary">前往</Link>
+          <div className="poster">
+          <img src={images.poster}  className="img-poster" />
+          <button className="btn-partIn" onClick={this.handlePartIn} >点击参加</button>
+        {/* <Link to="/upload" className="btn btn-primary">前往</Link> */}
+        </div>
+        <div className="container">
+        <div className="message"><div className="little-title">精选留言</div><div className="cut-line"></div>{}</div>
+        <div className="message"><div className="little-title">精选图片</div><div className="cut-line"></div>{}</div>
+        </div>
       </div>
     );
   }