diff --git a/Extreme Ironing/css/index.css b/Extreme Ironing/css/index.css
deleted file mode 100644
index 1f357f4fcc8e86ffedb227d1d294d0a55d7ee940..0000000000000000000000000000000000000000
--- a/Extreme Ironing/css/index.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.top {
- background: #fefefe;
-}
-
-.title {
- width: 130px;
- height: 75px;
- margin: 23px 0;
- background-color: #f75a53;
- color: yellow;
-}
-
-.saying img {
- margin: 36px 24px 33px 39px;
-}
-
-.saying2 {
- width: 300px;
- height: 39px;
- margin-top: 20px;
-}
-
-.saying2 p {
- font-size: 14px;
- color: #989a99;
- font-style: italic;
- line-height: 2;
-}
-
-.nav1 li {
- padding: 30px 16px;
- color: #000100;
- float: left;
- margin-top: 30px;
-}
-
-.nav1 li:hover {
- background-color: #f75a53;
- color: #fdfde3;
-}
\ No newline at end of file
diff --git a/Extreme Ironing/html/index.html b/Extreme Ironing/html/index.html
deleted file mode 100644
index 971623534ce2294b586a7555f5eed9972795fbd7..0000000000000000000000000000000000000000
--- a/Extreme Ironing/html/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!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>index</li>
- <li>about us</li>
- <li>news</li>
- <li>order us</li>
- <li>contact us</li>
- <li>ask us</li>
- <li>contact us</li>
- </ul>
- </div>
- </div>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/css/common.css b/css/common.css
new file mode 100644
index 0000000000000000000000000000000000000000..58f1e77d6ce6226d456648bc4b3f0f29021fd643
--- /dev/null
+++ b/css/common.css
@@ -0,0 +1,46 @@
+.nav1 ul .case{
+ background-color: #f54e46;
+ color: #fefefc ;
+}
+.top1{
+ height: 200px;
+ background: url(../image/background.gif) repeat;
+}
+.top2{
+ padding-top: 62px;
+}
+.top2 h3,.top2 span{
+ font-size: 24px;
+ color: #fffdff;
+ padding-right: 16px;
+ float: left;
+}
+.top2 span{
+ color:#fdb3b0 ;
+ font-weight: lighter;
+}
+.top2 p{
+ font-size: 16px;
+ color: #fdb3b0;
+ padding-top: 8px;
+}
+.top3{
+ padding-top: 26px;
+ font-size: 12px;
+ color: #fdabb1;
+}
+.top3 span{
+ color: #fffffd;
+ padding: 5px 5px;
+}
+.rnav{
+ height: 118px;
+}
+.rnav li{
+ float: left;
+ font-size: 11px;
+ margin:24px 14px ;
+}
+.rnav a{
+ color: #656565;
+}
\ No newline at end of file
diff --git a/css/email.css b/css/email.css
new file mode 100644
index 0000000000000000000000000000000000000000..94c39cd52b02a6691db767c488794208084e0345
--- /dev/null
+++ b/css/email.css
@@ -0,0 +1,20 @@
+#etable{
+ width: 871px;
+ height: 400px;
+ margin: 0 auto;
+ thead{
+ tr:nth-child(2n+1){
+ background-color: #ffffff;
+ }
+ }
+ tbody{
+ tr:nth-child(2n){
+ background-color: #fc0000;
+ }
+
+ tr:nth-child(2n+1){
+ background-color: #942323;
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..b089298d1def79ac47a962cb6ac1ff181aae426f
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,165 @@
+.top {
+ background: #fefefe;
+}
+
+.title {
+ width: 130px;
+ height: 75px;
+ margin: 23px 0;
+ background-color: #f75a53;
+ color: yellow;
+}
+
+.saying img {
+ margin: 36px 24px 33px 39px;
+}
+
+.saying2 {
+ width: 300px;
+ height: 39px;
+ margin-top: 20px;
+}
+
+.saying2 p {
+ font-size: 14px;
+ color: #989a99;
+ font-style: italic;
+ line-height: 2;
+}
+
+.nav1 li {
+ padding: 30px 16px;
+ color: #000100;
+ float: left;
+ margin-top: 30px;
+}
+
+.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
diff --git a/css/memberhomepages.css b/css/memberhomepages.css
new file mode 100644
index 0000000000000000000000000000000000000000..f7dd4389ecedeb9edcdeffc4a27b812253f11acc
--- /dev/null
+++ b/css/memberhomepages.css
@@ -0,0 +1,89 @@
+.top {
+ background: #fefefe;
+}
+
+.title {
+ width: 130px;
+ height: 75px;
+ margin: 23px 0;
+ background-color: #f75a53;
+ color: yellow;
+}
+
+.saying img {
+ margin: 36px 24px 33px 39px;
+}
+
+.saying2 {
+ width: 300px;
+ height: 39px;
+ margin-top: 20px;
+}
+
+.saying2 p {
+ font-size: 14px;
+ color: #989a99;
+ font-style: italic;
+ line-height: 2;
+}
+
+.nav1 li {
+ padding: 30px 16px;
+ color: #000100;
+ float: left;
+ margin-top: 30px;
+}
+
+.nav1 li:hover {
+ background-color: #f75a53;
+ color: #fdfde3;
+}
+
+.profile{
+ border: 1px solid #000100;
+ width: 200px;
+ height: 350px;
+ position: relative;
+ top:200px;
+ left:150px;
+
+}
+.profile img{
+ position: absolute;
+ width: 100%;
+ height: auto;
+ left:1px;
+
+
+}
+.profile h3{
+ position: relative;
+ left: 20px;
+ top: 150px;
+}
+.profile p{
+ position: relative;
+ left: 20px;
+ top: 150px;
+}
+.information{
+ border: 1px solid #000100;
+ width: 1000px;
+ height: 600px;
+ position: relative;
+ top:-152px;
+ left:350px;
+
+}
+.content{
+ position: absolute;
+ border: 1px solid #000100;
+ width: 900px;
+ height: 520px;
+ left:53px;
+ top:40px;
+
+}
+.content p{
+ line-height: 30px;
+}
diff --git a/Extreme Ironing/css/reset.css b/css/reset.css
similarity index 92%
rename from Extreme Ironing/css/reset.css
rename to css/reset.css
index 197b98715b68b7f17cd2cfdf4346fd027bac7be1..22df33b9c9abf1118f93c7ce81b8ee2834755a0c 100644
--- a/Extreme Ironing/css/reset.css
+++ b/css/reset.css
@@ -1,33 +1,33 @@
-*{
- margin: 0;
- padding: 0;
- line-height: 1;
-}
-a{
- text-decoration: none;
-}
-li{
- list-style: none;
-}
-img{
- vertical-align: middle;
- border: none;
-}
-.clearfix:after{
- content: "";
- display: block;
- clear: both;
- height:0 ;
- overflow: hidden;
- visibility: hidden;
-}
-.safe{
- width: 1140px;
- margin: 0 auto;
-}
-.left{
- float: left;
-}
-.right{
- float: right;
+*{
+ margin: 0;
+ padding: 0;
+ line-height: 1;
+}
+a{
+ text-decoration: none;
+}
+li{
+ list-style: none;
+}
+img{
+ vertical-align: middle;
+ border: none;
+}
+.clearfix:after{
+ content: "";
+ display: block;
+ clear: both;
+ height:0 ;
+ overflow: hidden;
+ visibility: hidden;
+}
+.safe{
+ width: 1140px;
+ margin: 0 auto;
+}
+.left{
+ float: left;
+}
+.right{
+ float: right;
}
\ No newline at end of file
diff --git a/html/email.html b/html/email.html
new file mode 100644
index 0000000000000000000000000000000000000000..393963ddd07800f9af4c226a0c71924c485f3c0f
--- /dev/null
+++ b/html/email.html
@@ -0,0 +1,88 @@
+<!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">
+ <link rel="stylesheet" href="../css/email.css">
+ <link rel="stylesheet" href="../css/common.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><a href="../html/personProfile.html">member information</a></li>
+ <li><a href="../html/news.html">news</a></li>
+ <li><a href="../html/timeTable.html">timetable</a></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>
+ <div class="top1">
+ </div>
+ <div >
+ <table id="etable">
+ <thead>
+ <td class="head" style="width: 204px;">name</td>
+ <td class="head" style="width: 176px;">club</td>
+ <td class="head" style="width: 190px;">address</td>
+ <td class="head">updatetime</td>
+ </thead>
+ <tbody>
+ <tr>
+ <td>run</td>
+ <td>outside</td>
+ <td>guerrillamail.com/zh/</td>
+ <td>2024-10-10</td>
+ </tr>
+ <tr>
+ <td>run</td>
+ <td>outside</td>
+ <td>guerrillamail.com/zh/</td>
+ <td>2024-10-10</td>
+ </tr>
+ <tr>
+ <td>run</td>
+ <td>outside</td>
+ <td>guerrillamail.com/zh/</td>
+ <td>2024-10-10</td>
+ </tr>
+ <tr>
+ <td>run</td>
+ <td>outside</td>
+ <td>guerrillamail.com/zh/</td>
+ <td>2024-10-10</td>
+ </tr>
+ <tr>
+ <td>run</td>
+ <td>outside</td>
+ <td>guerrillamail.com/zh/</td>
+ <td>2024-10-10</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+</body>
+
+</html>
diff --git a/html/index.html b/html/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..16ac23ad14cd4b222d4486e7fde5a6b635736e9c
--- /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><a href="../html/personProfile.html">member information</a></li>
+ <li><a href="../html/news.html">news</a></li>
+ <li><a href="../html/timeTable.html">timetable</a></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="../html/personProfile.html">person member</a><span>|</span>
+ <a href="../html/news.html">news</a><span>|</span>
+ <a href="../html/timeTable.html">timetable</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/html/news.html b/html/news.html
new file mode 100644
index 0000000000000000000000000000000000000000..14bf3bc1e8945ad62c308b1dccc35186c2e11c27
--- /dev/null
+++ b/html/news.html
@@ -0,0 +1,85 @@
+<!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">
+ <link rel="stylesheet" href="../css/email.css">
+ <link rel="stylesheet" href="../css/common.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><a href="../html/personProfile.html">member information</a></li>
+ <li><a href="../html/news.html">news</a></li>
+ <li><a href="../html/timeTable.html">timetable</a></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>
+ <div class="top1">
+ </div>
+ <div >
+ <table id="etable">
+ <tr>
+ <th>title</th>
+ <th>describe</th>
+ <th>link</th>
+ </tr>
+ <tr>
+ <th>sport news</th>
+ <th>British Journal of Sports Medicine (BJSM) is a multimedia portal for authoritative original research, systematic reviews, consensus statements and debate in sport and exercise medicine (SEM).
+ We define sport and exercise medicine broadly.</th>
+ <th>    <a href="https://bjsm.bmj.com/">bjsm</a>     </th>
+ </tr>
+ <tr>
+ <th>sport news</th>
+ <th>British Journal of Sports Medicine (BJSM) is a multimedia portal for authoritative original research, systematic reviews, consensus statements and debate in sport and exercise medicine (SEM).
+ We define sport and exercise medicine broadly.</th>
+ <th><a href="https://www.espn.co.uk/">espn</a></th>
+ </tr>
+ <tr>
+ <th>sport news</th>
+ <th>British Journal of Sports Medicine (BJSM) is a multimedia portal for authoritative original research, systematic reviews, consensus statements and debate in sport and exercise medicine (SEM).
+ We define sport and exercise medicine broadly.</th>
+ <th><a href="https://www.sofascore.com/">sofascore</a></th>
+ </tr>
+ <tr>
+ <th>sport news</th>
+ <th>British Journal of Sports Medicine (BJSM) is a multimedia portal for authoritative original research, systematic reviews, consensus statements and debate in sport and exercise medicine (SEM).
+ We define sport and exercise medicine broadly.</th>
+ <th><a href="https://bjsm.bmj.com/">bjsm</a></th>
+ </tr>
+ <tr>
+ <th>sport news</th>
+ <th>British Journal of Sports Medicine (BJSM) is a multimedia portal for authoritative original research, systematic reviews, consensus statements and debate in sport and exercise medicine (SEM).
+ We define sport and exercise medicine broadly.</th>
+ <th><a href="https://bjsm.bmj.com/">bjsm</a></th>
+ </tr>
+ </table>
+ </div>
+</body>
+
+</html>
diff --git a/html/page.html b/html/page.html
new file mode 100644
index 0000000000000000000000000000000000000000..39986a6f3b5020abf498394a469535588a691a7f
--- /dev/null
+++ b/html/page.html
@@ -0,0 +1,104 @@
+<!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">
+ <link rel="stylesheet" href="../css/email.css">
+ <link rel="stylesheet" href="../css/common.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><a href="../html/personProfile.html">member information</a></li>
+ <li><a href="../html/news.html">news</a></li>
+ <li><a href="../html/timeTable.html">timetable</a></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>
+ <div class="top1">
+ </div>
+ <h1>Extrem Iorning</h1>
+ <div>
+ <p>
+ Extreme ironing was invented in 1997 in Leicester, England, by resident Phil Shaw in his back garden.[2] Shaw
+ came home
+ from what he recalls as a hard day in a Leicester knitwear factory.[7] Shaw had a number of chores to do,
+ including
+ ironing. Preferring the idea of an evening out rock climbing, he decided to combine the two activities into a
+ new
+ extreme sport. In June 1999, Shaw, who uses the nickname "Steam", embarked on an international tour to promote
+ the
+ activity. The stops included the United States, Fiji, New Zealand, Australia and South Africa. An encounter with
+ German
+ tourists in New Zealand led to the formation of a group called "Extreme Ironing International", and the German
+ Extreme
+ Ironing Section or GEIS.[citation needed] This has yet to popularize in North America.
+ </p>
+ <p>
+ As extreme ironing has branched off, the conditions can gain in extreme activity. For example, a branch of
+ ironing has
+ been developed that includes both bungee jumping and well-pressed clothing. Bungee ironing is what some would
+ call the
+ ultimate in the thrill of extreme ironing.[8]
+ </p>
+ <p>
+ The first competition for extreme ironing took place in Germany in 2002. Eighty teams competed in an obstacle
+ course in
+ which the competitors had to iron different articles of clothing in different dangerous settings. These settings
+ included hanging from a tree, scaling a wall, and climbing under the hood of a car. A common misconception would
+ be that
+ competitors are scored only on how dangerous the location of their ironing is. But, the most significant part of
+ scoring
+ is actually how many wrinkles are left on the clothing and how the competitor chooses to iron the clothes.
+ Competitors
+ are scored for the quality of the pressing, style, and speed. Quality of the pressing counts for half of the
+ points
+ scored.
+ </p>
+ <p></p>
+ <p></p>
+ </div>
+ <h3>Please write your comments</h3>
+ <textarea name="comments" id="comments-input" placeholder="write your comments" maxlength="500"></textarea>
+ <h1></h1>
+ <button type="submit" id="tijiao">submit</button>
+ <script>
+ document.getElementById('tijiao').addEventListener('click', function () {
+ alert('success submit')
+ })
+ </script>
+ <style>
+ textarea {
+ width: 500px;
+ height: 80px;
+ font-size: 18px;
+ resize: unset;
+ }
+ </style>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/html/personProfile.html b/html/personProfile.html
new file mode 100644
index 0000000000000000000000000000000000000000..76069cbb52e26ae3639a1b10ecfd92e55d501355
--- /dev/null
+++ b/html/personProfile.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>member information</title>
+ <link rel="stylesheet" href="../css/memberhomepages.css">
+ <link rel="stylesheet" href="../css/reset.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><a href="../html/personProfile.html">member information</a></li>
+ <li><a href="../html/news.html">news</a></li>
+ <li><a href="../html/timeTable.html">timetable</a></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>
+
+<div class="profile">
+ <img src="../image/u=2662935961,3025118511&fm=253&fmt=auto&app=138&f=JPEG.webp" alt="member photo">
+ <h3>hahaha haha</h3>
+ <br>
+ <p>love ext. ironing</p>
+ </div>
+<div class="information">
+ <h2>main information</h2>
+ <div class="content">
+ <p>
+ I love ext,ironing, Extreme ironing (also called EI) is an extreme sport in which people take ironing boards to remote locations and iron items of clothing. According to the Extreme Ironing Bureau, extreme ironing is "the latest dangerous sport that combines the thrills of an extreme outdoor activity with the satisfaction of a well-pressed shirt."
+
+ Part of the attraction and interest the media has shown towards extreme ironing seems to center on the issue of whether it is really a sport or not. It is widely considered to be tongue-in-cheek.
+
+ Some locations where such performances have taken place include a mountainside of a difficult climb; a forest; in a canoe; while skiing or snowboarding; on top of large bronze statues; in the middle of a street; underwater; in the middle of the M1 motorway; in a keirin cycle race; while parachuting; and under the ice sheet of a frozen lake. The performances have been conducted solo or by groups.
+ </p>
+
+ </div>
+
+</div>
+
+
+
+
+
+
+
+
+
+</body>
+</html>
diff --git a/html/profil.html b/html/profil.html
new file mode 100644
index 0000000000000000000000000000000000000000..d19b2d465956ca182b88c4fde96055a4afb9bec6
--- /dev/null
+++ b/html/profil.html
@@ -0,0 +1,80 @@
+<!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">
+ <link rel="stylesheet" href="../css/email.css">
+ <link rel="stylesheet" href="../css/common.css">
+ <style>
+ ol li{
+ margin-left: 20px; list-style: decimal
+ }
+ </style>
+</head>
+
+<script>
+ window.onload=function show(){
+ var str="Sports club members typically enjoy the following privileges"
+ document.getElementById('showDiv').innerHTML='<h2 id="p1"></h2>';
+ var content=""
+ for(let i=1;i<=str.length;i++){
+ if((i%100)!=0){
+ content= content+str[i-1]
+
+ }else{
+ content= content+str[i-1]+'</br>'
+ }
+
+ }
+ document.getElementById('p1').innerHTML=content
+ }
+</script>
+<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><a href="../html/personProfile.html">member information</a></li>
+ <li><a href="../html/news.html">news</a></li>
+ <li><a href="../html/timeTable.html">timetable</a></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>
+ <div class="top1">
+ </div>
+ <div id="showDiv" style=" width: 871px;height: 50px;margin: 0 auto;"></div>
+
+ <ol style="background-color: aquamarine;">
+ <li><h3>Exclusive Access to Facilities:</h3> Members have priority access to various sports facilities such as gyms, swimming pools, tennis courts, basketball courts, etc., and may have priority booking rights during peak hours.</li>
+ <li><h3>Member-Exclusive Classes and Training Programs: </h3>Clubs offer exclusive fitness classes, personal training sessions, and customized training programs to help members achieve their health and fitness goals.</li>
+ <li><h3>Discounted Rates:</h3> Members enjoy various discounts provided by the club, including fitness classes, merchandise, facility bookings, and event registrations.</li>
+ <li><h3>Social Events:</h3> Members have the opportunity to participate in social events and competitions organized by the club, helping them to expand their social network and connect with like-minded individuals.</li>
+ <li><h3>Health and Nutrition Consultation:</h3> Some clubs provide professional health and nutrition consulting services to help members develop scientific dietary plans and healthy lifestyles.</li>
+ <li><h3>High-Quality Service and Facility Maintenance:</h3> Clubs usually offer members higher-quality services and well-maintained facilities, such as comfortable locker rooms, saunas, and massage services.</li>
+ <li><h3>Exclusive Events and Experiences:</h3> Members may have the opportunity to participate in exclusive events organized by the club, such as celebrity lectures, training camps, and outdoor adventures.</li>
+ </ol>
+ </div>
+</body>
+
+</html>
diff --git a/html/timeTable.html b/html/timeTable.html
new file mode 100644
index 0000000000000000000000000000000000000000..0066d89b3911fd3e7c6a19dd86cfc748c01660bf
--- /dev/null
+++ b/html/timeTable.html
@@ -0,0 +1,80 @@
+<!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">
+ <link rel="stylesheet" href="../css/email.css">
+ <link rel="stylesheet" href="../css/common.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><a href="../html/personProfile.html">member information</a></li>
+ <li><a href="../html/news.html">news</a></li>
+ <li><a href="../html/timeTable.html">timetable</a></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>
+ <div class="top1">
+ </div>
+ <div >
+ <table id="etable">
+ <tr>
+ <th>Time</th>
+ <th>Context</th>
+ <th>member</th>
+ </tr>
+ <tr>
+ <th>2020-10-10</th>
+ <th>running</th>
+ <th>Tom</th>
+ </tr>
+ <tr>
+ <th>2020-10-10</th>
+ <th>running</th>
+ <th>Tom</th>
+ </tr>
+ <tr>
+ <th>2020-10-10</th>
+ <th>running</th>
+ <th>Tom</th>
+ </tr>
+ <tr>
+ <th>2020-10-10</th>
+ <th>running</th>
+ <th>Tom</th>
+ </tr>
+ <tr>
+ <th>2020-10-10</th>
+ <th>running</th>
+ <th>Tom</th>
+ </tr>
+ </table>
+ </div>
+</body>
+
+</html>
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (1).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (1).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..b88e0431ba8313b16367865335ebe32d0933d3f9
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (1).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (10).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (10).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..0adbf5b0ddc5a5b21e94dd983c5e245e3c55973f
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (10).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (11).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (11).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..5478065532ba1ff3878ae6cdc6fd2ee2f802277a
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (11).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (12).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (12).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..f9ae759f7599e3cf9ebcf9325d63ff38b326f0ce
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (12).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (2).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (2).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..30134a666b7bd837b1ab0c14a06697de806aeaf7
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (2).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (3).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (3).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..e81b00ea6c4c0ff32c71eb10f531ccb8a032d5f1
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (3).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (4).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (4).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..4c1377d73948943b37176e8a87dc24c163fbb7eb
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (4).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (5).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (5).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..5307b0b43c8e005ce922b1817c5e709944c22c06
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (5).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (6).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (6).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..6411e7b148fe21ea25afc37c1e750e46f513d60b
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (6).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (7).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (7).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..7008759483e5f93a832cca4291bc14931aa26b8e
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (7).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (8).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (8).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..adf7a12061b9c0d36c89adaf8ba280917beadb3b
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (8).gif" differ
diff --git "a/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (9).gif" "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (9).gif"
new file mode 100644
index 0000000000000000000000000000000000000000..db9a50058e3f5dafedcb7b1e4bb716ebcd5a08fa
Binary files /dev/null and "b/image/aboutus/images/\345\205\263\344\272\216\346\210\221\344\273\254 (9).gif" differ
diff --git a/image/aboutus/top.gif b/image/aboutus/top.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f23d30c4fe03f8241e37a969beddcf51e9dadf57
Binary files /dev/null and b/image/aboutus/top.gif differ
diff --git a/image/background.gif b/image/background.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2827fa06272014a75e8e6a67104e3aa98fd11a25
Binary files /dev/null and b/image/background.gif differ
diff --git a/image/banner.gif b/image/banner.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c2f325fc2b1ba5a85c8154ca9ec595ec822479bc
Binary files /dev/null and b/image/banner.gif differ
diff --git a/image/images/new (1).gif b/image/images/new (1).gif
new file mode 100644
index 0000000000000000000000000000000000000000..36e8fe3285774a43909e374d25efd89c2588f9b1
Binary files /dev/null and b/image/images/new (1).gif differ
diff --git a/image/images/new (2).gif b/image/images/new (2).gif
new file mode 100644
index 0000000000000000000000000000000000000000..837b9c9b09e689c64061407a51cf7f7bbc4d216d
Binary files /dev/null and b/image/images/new (2).gif differ
diff --git a/image/images/new (3).gif b/image/images/new (3).gif
new file mode 100644
index 0000000000000000000000000000000000000000..7666e8e89bbe957d88e6e0dd22c575e98be23531
Binary files /dev/null and b/image/images/new (3).gif differ
diff --git a/image/images/new (4).gif b/image/images/new (4).gif
new file mode 100644
index 0000000000000000000000000000000000000000..58538614ec7ce84186578486683da96c6d4ae513
Binary files /dev/null and b/image/images/new (4).gif differ
diff --git a/image/images/new (5).gif b/image/images/new (5).gif
new file mode 100644
index 0000000000000000000000000000000000000000..d71f9dade9ae0e8e4666cad0e246545e4da22327
Binary files /dev/null and b/image/images/new (5).gif differ
diff --git a/image/images/new (6).gif b/image/images/new (6).gif
new file mode 100644
index 0000000000000000000000000000000000000000..792ed2a041382322e3016294355d0a30c044fd54
Binary files /dev/null and b/image/images/new (6).gif differ
diff --git a/image/img01.png b/image/img01.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb938386b5ff57070f5160ea6fa81ff8fa88de17
Binary files /dev/null and b/image/img01.png differ
diff --git a/image/l.gif b/image/l.gif
new file mode 100644
index 0000000000000000000000000000000000000000..063d2988ebf11ca5dfe55ae5ef5226bd8bfca43e
Binary files /dev/null and b/image/l.gif differ
diff --git a/image/logo.gif b/image/logo.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6ee6ec897f2f153f79d42bb63e845d26b38d4add
Binary files /dev/null and b/image/logo.gif differ
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/u=2662935961,3025118511&fm=253&fmt=auto&app=138&f=JPEG.webp b/image/u=2662935961,3025118511&fm=253&fmt=auto&app=138&f=JPEG.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a4b2a2a9f7d449c37ba93a44b305ed1ba0d9e611
Binary files /dev/null and b/image/u=2662935961,3025118511&fm=253&fmt=auto&app=138&f=JPEG.webp differ
diff --git "a/image/\346\214\211\351\222\256.gif" "b/image/\346\214\211\351\222\256.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..03654e4e267f94fce55cbcd24451238d9bfa230d
Binary files /dev/null and "b/image/\346\214\211\351\222\256.gif" differ