index add

Extreme Ironing/css/index.css

@@ -37,4 +37,128 @@
 .nav1 li:hover {
     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

Extreme Ironing/html/index.html

@@ -36,7 +36,78 @@
                 <li>contact us</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="#">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="#">contact us</a><span>|</span>
+            <a href="#">ask us</a><span>|</span>
+            <a href="#">contact us</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