Skip to content

Commit d4936ba

Browse files
Developer09264Developer09264
authored
更新 tianyong.html
1 parent 9a37eec commit d4936ba

1 file changed

Lines changed: 171 additions & 1 deletion

File tree

‎assets/html/tianyong.html‎

Lines changed: 171 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,171 @@
1-
t
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>田勇 - 濉中名师</title>
8+
<style>
9+
/* 动态背景 */
10+
@keyframes pearl-shimmer {
11+
0% { background-position: 0% 50%; }
12+
50% { background-position: 100% 50%; }
13+
100% { background-position: 0% 50%; }
14+
}
15+
16+
body {
17+
margin: 0;
18+
padding: 0;
19+
min-height: 100vh;
20+
background: linear-gradient(
21+
135deg,
22+
#fff5f5 0%,
23+
#f0f5ff 25%,
24+
#f5fff0 50%,
25+
#fff0f5 75%,
26+
#f5f0ff 100%
27+
);
28+
background-size: 400% 400%;
29+
animation: pearl-shimmer 20s ease infinite;
30+
font-family: 'Segoe UI', sans-serif;
31+
}
32+
33+
/* 导航栏 */
34+
.nav {
35+
background: rgba(255, 255, 255, 0.9);
36+
backdrop-filter: blur(10px);
37+
padding: 1rem 2rem;
38+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
39+
}
40+
41+
.nav a {
42+
color: #8a297f;
43+
text-decoration: none;
44+
font-size: 1.2rem;
45+
}
46+
47+
/* 卡片容器 */
48+
.container {
49+
max-width: 1200px;
50+
margin: 2rem auto;
51+
padding: 0 1rem;
52+
}
53+
54+
/* 卡片样式 */
55+
.card {
56+
background: rgba(255, 255, 255, 0.85);
57+
backdrop-filter: blur(5px);
58+
border-radius: 15px;
59+
padding: 2rem;
60+
margin: 2rem 0;
61+
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
62+
transition: transform 0.3s ease;
63+
}
64+
65+
.card:hover {
66+
transform: translateY(-5px);
67+
}
68+
69+
/* 标题样式 */
70+
h1 {
71+
color: #8a297f;
72+
font-size: 3rem;
73+
text-align: center;
74+
margin: 2rem 0;
75+
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
76+
}
77+
78+
h2 {
79+
color: #6b205f;
80+
border-left: 4px solid #8a297f;
81+
padding-left: 1rem;
82+
margin: 1.5rem 0;
83+
}
84+
85+
/* 外号列表 */
86+
.nickname-list {
87+
list-style: none;
88+
padding: 0;
89+
display: flex;
90+
flex-wrap: wrap;
91+
gap: 1rem;
92+
}
93+
94+
.nickname-list li {
95+
background: #f8e3f5;
96+
padding: 0.5rem 1.2rem;
97+
border-radius: 20px;
98+
font-weight: 500;
99+
}
100+
101+
/* 响应式设计 */
102+
@media (max-width: 768px) {
103+
.container {
104+
padding: 0 0.5rem;
105+
}
106+
107+
.card {
108+
padding: 1.5rem;
109+
margin: 1rem 0;
110+
}
111+
112+
h1 {
113+
font-size: 2.2rem;
114+
}
115+
}
116+
</style>
117+
</head>
118+
119+
<body>
120+
<nav class="nav">
121+
<a href="./index.html">返回田语</a>
122+
</nav>
123+
124+
<div class="container">
125+
<h1>田勇老师</h1>
126+
127+
<!-- 基本信息卡片 -->
128+
<div class="card">
129+
<h2>基本信息</h2>
130+
<p><strong>别号列表：</strong></p>
131+
<ul class="nickname-list">
132+
<li>八哥</li>
133+
<!-- 可在此继续添加其他外号 -->
134+
</ul>
135+
</div>
136+
137+
<!-- 背景介绍卡片 -->
138+
<div class="card">
139+
<h2>教育背景</h2>
140+
<div class="placeholder-text">
141+
[此处可添加教育经历、教学资质等信息]
142+
</div>
143+
</div>
144+
145+
<!-- 教学成就卡片 -->
146+
<div class="card">
147+
<h2>教学成就</h2>
148+
<div class="placeholder-text">
149+
[此处可添加获奖记录、教学成果、学生成绩等]
150+
</div>
151+
</div>
152+
153+
<!-- 经典事迹卡片 -->
154+
<div class="card">
155+
<h2>经典事迹</h2>
156+
<div class="placeholder-text">
157+
[此处可添加知名教学案例、感人故事、特色教学方法等]
158+
</div>
159+
</div>
160+
161+
<!-- 语录摘选卡片 -->
162+
<div class="card">
163+
<h2>经典语录</h2>
164+
<div class="placeholder-text">
165+
[此处可精选最具代表性的田语]
166+
</div>
167+
</div>
168+
</div>
169+
</body>
170+
171+
</html>

0 commit comments

Comments
 (0)