diff --git a/css/index.css b/css/index.css
index 26e898c3e5ebf0ca205c07848b28a964049003e6..b089298d1def79ac47a962cb6ac1ff181aae426f 100644
--- a/css/index.css
+++ b/css/index.css
@@ -38,3 +38,128 @@
     background-color: #f75a53;
     color: #fdfde3;
 }
+
+.banner {
+    overflow: hidden;
+    position: relative;
+    height: 460px;
+}
+
+.banner img {
+    position: absolute;
+    left: calc(50% - 720px);
+}
+
+.partner {
+    height: 385px;
+    background-color: #f7f7f7;
+
+}
+
+.title2 {
+    height: 123px;
+
+}
+
+.title2 h3,
+.title3 h3,
+.title4 h3 {
+    font-size: 22px;
+    text-align: center;
+    padding-top: 39px;
+    padding-bottom: 18px;
+}
+
+.title2 p,
+.title3 p,
+.title4 p {
+    font-size: 14px;
+    text-align: center;
+    padding-bottom: 28px;
+}
+
+.title2 p,
+.title3 p,
+.title4 p {
+    color: #999999;
+}
+
+.pimg ul li {
+    float: left;
+    border: 1px solid #ededed;
+    width: 188px;
+    height: 100px;
+
+}
+
+.pimg ul li img {
+    width: 150px;
+    height: 180px;
+    text-align: center;
+    vertical-align: middle;
+    /* padding-top: 30px; */
+    /* padding-left: 20px; */
+}
+
+.news {
+    margin-right: 60px;
+    margin-top: -100px;
+}
+
+.news dl {
+    float: left;
+    margin-right: 60px;
+    width: 320px;
+}
+
+.news dl dt {
+    font-size: 18px;
+    color: #000000;
+    font-weight: bold;
+    margin-bottom: 30px;
+}
+
+.news dl dd {
+    font-size: 12px;
+    line-height: 30px;
+}
+
+.news dl dd span {
+    float: right;
+    color: #8b8786;
+    line-height: 30px;
+}
+
+.news a {
+    color: #8b8786;
+}
+
+.news img {
+    margin-top: 26px;
+}
+
+.bottom {
+    margin-top: 44px;
+    height: 138px;
+    background-color: #363636;
+}
+
+.lianjie {
+    padding-top: 28px;
+}
+
+.bottom p {
+    text-align: center;
+    box-sizing: border-box;
+    font-size: 12px;
+    color: #797979;
+    line-height: 30px;
+}
+
+.bottom a {
+    color: #797979;
+}
+
+.bottom span {
+    margin: auto 10px;
+}
\ No newline at end of file
diff --git a/css/reset.css b/css/reset.css
index 933119fdd9ccb7257b265ae139942d94d1804b1a..22df33b9c9abf1118f93c7ce81b8ee2834755a0c 100644
--- a/css/reset.css
+++ b/css/reset.css
@@ -30,4 +30,4 @@ img{
 }
 .right{
     float: right;
-}
+}
\ No newline at end of file
diff --git a/html/index.html b/html/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..314e37c6bbe734ac3e6da5e4dd0ff8adb2c61fc0
--- /dev/null
+++ b/html/index.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="../css/reset.css">
+    <link rel="stylesheet" href="../css/index.css">
+</head>
+
+<body>
+    <div class="top safe">
+        <!-- title -->
+        <div class="title left">
+            <h1>Extreme Ironing</h1>
+        </div>
+        <div class="saying left">
+            <img src="../image/l.gif" alt="渐变竖线">
+
+        </div>
+        <div class="saying2 left">
+            <p>Extreme ironing (also called EI) is an extreme sport in which people take ironing boards to remote
+                locations and iron items of clothing. </p>
+        </div>
+
+        <!-- nav -->
+        <div class="nav1 right">
+            <ul>
+                <li><a href="../html/index.html">index</a></li>
+                <li>about us</li>
+                <li>news</li>
+                <li>order us</li>
+                <li><a href="../html/email.html">contact us</a></li>
+                <li><a href="../html/page.html">ask us</a</li>
+                <li><a href="../html/profil.html">VIP</a></li>
+            </ul>
+        </div>
+        <div class="banner safe">
+            <img src="../image/banner.gif">
+        </div>
+        <div class="partner safe">
+            <div class="title2">
+                <h3>Partners members</h3>
+                <p>Sincere, total win, meticulous</p>
+            </div>
+            <div class="pimg">
+                <ul>
+                    <li><img src="../image/partner/1.gif" alt="1"></li>
+                    <li><img src="../image/partner/2.gif" alt="2"></li>
+                    <li><img src="../image/partner/3.gif" alt="3"></li>
+                    <li><img src="../image/partner/4.gif" alt="4"></li>
+                    <li><img src="../image/partner/5.gif" alt="5"></li>
+                    <li><img src="../image/partner/5.gif" alt="5"></li>
+                </ul>
+            </div>
+        </div>
+        <div class="news safe clearfix">
+            <div class="title3">
+                <h3>news</h3>
+                <p>rencently news</p>
+            </div>
+            <dl>
+                <dt>Company News</dt>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+            </dl>
+            <dl>
+                <dt>Industy News</dt>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+            </dl>
+            <dl>
+                <dt>Media reports</dt>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+                <dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
+            </dl>
+        </div>
+
+
+    </div>
+    <div class="bottom">
+        <p class="lianjie">
+            <a href="../html/index.html">index</a><span>|</span>
+            <a href="#">about us</a><span>|</span>
+            <a href="#">news</a><span>|</span>
+            <a href="#">order us</a><span>|</span>
+            <a href="../html/email.html">contact us</a><span>|</span>
+            <a href="../html/page.html">ask us</a><span>|</span>
+            <a href="../html/profil.html">VIP</a>
+        </p>
+        <p>Copyright &copy; xxxxxxxxxxxxxxxxxxxxxxxxxx</p>
+        <p>phone:xxxxxxxxxx E-mail :xxxxxxxxxxxxxxxxx location:xxxxxxxxxxxxxxxxxxxxxxx</p>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/image/partner/1.gif b/image/partner/1.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f6a3dff3d868daadb58510527fbafa3ec17d0f24
Binary files /dev/null and b/image/partner/1.gif differ
diff --git a/image/partner/2.gif b/image/partner/2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f6a3dff3d868daadb58510527fbafa3ec17d0f24
Binary files /dev/null and b/image/partner/2.gif differ
diff --git a/image/partner/3.gif b/image/partner/3.gif
new file mode 100644
index 0000000000000000000000000000000000000000..91bf54973b2301f0fd8d985a6402c819ac1c8da0
Binary files /dev/null and b/image/partner/3.gif differ
diff --git a/image/partner/4.gif b/image/partner/4.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c238aed246bd528bee6a0b1a8ec9046e5fd98f7d
Binary files /dev/null and b/image/partner/4.gif differ
diff --git a/image/partner/5.gif b/image/partner/5.gif
new file mode 100644
index 0000000000000000000000000000000000000000..96096025f26f216502befb8bac6eada202c65959
Binary files /dev/null and b/image/partner/5.gif differ
diff --git a/image/partner/baoli.gif b/image/partner/baoli.gif
deleted file mode 100644
index 55aa5aa51cd7d6f4f4b0ead30b6ae3a318f0860b..0000000000000000000000000000000000000000
Binary files a/image/partner/baoli.gif and /dev/null differ
diff --git a/image/partner/dangdang.gif b/image/partner/dangdang.gif
deleted file mode 100644
index 8ad8c0e3026bc3c8ca663ae9e9220aa3b4c8039a..0000000000000000000000000000000000000000
Binary files a/image/partner/dangdang.gif and /dev/null differ
diff --git a/image/partner/garden.gif b/image/partner/garden.gif
deleted file mode 100644
index 7ffe87162568d1c1a570ba6f6ad460c672b5c5d1..0000000000000000000000000000000000000000
Binary files a/image/partner/garden.gif and /dev/null differ
diff --git a/image/partner/green.gif b/image/partner/green.gif
deleted file mode 100644
index b5015cbf8c67f11b15dca048df3ce01f5b6ccb37..0000000000000000000000000000000000000000
Binary files a/image/partner/green.gif and /dev/null differ
diff --git a/image/partner/hengda.gif b/image/partner/hengda.gif
deleted file mode 100644
index 8ec21d380cd1ca161a1b60ea2e7a53f398e68dc6..0000000000000000000000000000000000000000
Binary files a/image/partner/hengda.gif and /dev/null differ
diff --git a/image/partner/jd.gif b/image/partner/jd.gif
deleted file mode 100644
index 57fc4851df326100eafd06f8dcccad9b05e62c03..0000000000000000000000000000000000000000
Binary files a/image/partner/jd.gif and /dev/null differ
diff --git a/image/partner/longhu.gif b/image/partner/longhu.gif
deleted file mode 100644
index b17f60e0d838e446d17c8f392b1a2ffe4e579e4d..0000000000000000000000000000000000000000
Binary files a/image/partner/longhu.gif and /dev/null differ
diff --git a/image/partner/mengbasha.gif b/image/partner/mengbasha.gif
deleted file mode 100644
index 4fe1b14e2ef3ed7eec2397ca6c5694d3e8afd108..0000000000000000000000000000000000000000
Binary files a/image/partner/mengbasha.gif and /dev/null differ
diff --git a/image/partner/tmall.gif b/image/partner/tmall.gif
deleted file mode 100644
index 3ffe4f58f94bde4e111e51858548e3acb34657ee..0000000000000000000000000000000000000000
Binary files a/image/partner/tmall.gif and /dev/null differ
diff --git a/image/partner/vanke.gif b/image/partner/vanke.gif
deleted file mode 100644
index 32882d1cdfd7868489b86392c8d5f067a7fefe7b..0000000000000000000000000000000000000000
Binary files a/image/partner/vanke.gif and /dev/null differ
diff --git a/image/partner/weibo.gif b/image/partner/weibo.gif
deleted file mode 100644
index e7d11a9dd03de4876195a9ffbbdd777b6809ea7c..0000000000000000000000000000000000000000
Binary files a/image/partner/weibo.gif and /dev/null differ
diff --git a/image/partner/weipinhui.gif b/image/partner/weipinhui.gif
deleted file mode 100644
index 7634f066a38b1babe73f11d59d965938f7d93cf6..0000000000000000000000000000000000000000
Binary files a/image/partner/weipinhui.gif and /dev/null differ