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 © 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