Update index.html

wang9th · Jun 6, 2024 · 753c780 · 753c780
1 parent a145d9a
commit 753c780
Showing 1 changed file with 15 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -9,63 +9,55 @@
             font-family: Arial, sans-serif;
             margin: 0;
             padding: 0;
-            background-color: #f4f4f9;
+            background-color: #d4f0fd; /* 天蓝色 */
             color: #333;
         }
         .container {
             width: 80%;
             margin: 0 auto;
             padding: 20px;
+            text-align: center;
         }
         .profile {
-            text-align: center;
-            margin: 20px 0;
+            margin-bottom: 20px;
         }
         .profile img {
             border-radius: 50%;
             width: 150px;
             height: 150px;
         }
         .profile h1 {
-            margin: 10px 0;
             font-size: 2em;
         }
         .profile p {
             font-size: 1.2em;
-            color: #777;
         }
         .content {
             background-color: white;
             padding: 20px;
+            border-radius: 10px;
             box-shadow: 0 0 10px rgba(0,0,0,0.1);
         }
-        .link {
-            text-align: center;
-            margin: 20px 0;
-        }
-        .link a {
-            color: #4CAF50;
-            text-decoration: none;
-            font-size: 1.2em;
-        }
-        .link a:hover {
-            text-decoration: underline;
-        }
     </style>
 </head>
 <body>
     <div class="container">
         <div class="profile">
-            <img src="https://github.com/wang9th.png" alt="Heath's profile picture">
+            <img src="https://github.com/wang9th.png" alt="wang9th的头像">
             <h1>Heath</h1>
+            <p>你好！我是Heath，这里是我的个人网页。我喜欢分享我的工作和生活。</p>
         </div>
         <div class="content">
-            <h2>关于我</h2>
-            <p>你好！我是Heath，这里是我的个人网页。我喜欢分享我的工作和生活。</p>
+            <h2>我的项目</h2>
+            <!-- 在这里添加你的项目展示 -->
         </div>
-        <div class="link">
-            <p>查看我的其他工作：</p>
-            <a href="https://github.com/wang9th" target="_blank">访问我的GitHub页面</a>
+        <div class="content">
+            <h2>我的技能</h2>
+            <!-- 在这里添加你的技能展示 -->
+        </div>
+        <div class="content">
+            <h2>联系我</h2>
+            <p>你可以通过我的 <a href="https://github.com/wang9th">GitHub 页面</a> 来联系我。</p>
         </div>
     </div>
 </body>