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/html/email.html b/html/email.html
index 4696cc6b55d213b15e567bb07adbb64f264307fb..393963ddd07800f9af4c226a0c71924c485f3c0f 100644
--- a/html/email.html
+++ b/html/email.html
@@ -30,12 +30,12 @@
         <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/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> 
+                <li><a href="../html/profil.html">VIP</a></li>
             </ul>
         </div>
     </div>
diff --git a/html/index.html b/html/index.html
index 314e37c6bbe734ac3e6da5e4dd0ff8adb2c61fc0..16ac23ad14cd4b222d4486e7fde5a6b635736e9c 100644
--- a/html/index.html
+++ b/html/index.html
@@ -28,9 +28,9 @@
         <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/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>
@@ -97,9 +97,9 @@
     <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/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>
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>&nbsp&nbsp&nbsp&nbsp<a href="https://bjsm.bmj.com/">bjsm</a>&nbsp&nbsp&nbsp&nbsp&nbsp</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
index aba385d3e796879dfea99f41ee91c62b18b7630e..39986a6f3b5020abf498394a469535588a691a7f 100644
--- a/html/page.html
+++ b/html/page.html
@@ -30,9 +30,9 @@
         <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/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>
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>
+      &nbsp;&nbsp;&nbsp;&nbsp;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
index ce0ffcc52982b1af369368d7846a615a8fe6b231..d19b2d465956ca182b88c4fde96055a4afb9bec6 100644
--- a/html/profil.html
+++ b/html/profil.html
@@ -52,9 +52,9 @@
         <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/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>
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/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