forked from frank956952/English-Tutor
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
307 lines (282 loc) · 23 KB
/
Copy pathindex.html
File metadata and controls
307 lines (282 loc) · 23 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>課程與測驗總覽</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Noto Sans TC', sans-serif;
background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);
}
.card {
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.card-icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.75rem;
margin-bottom: 1rem;
}
</style>
</head>
<body class="min-h-screen">
<div class="container mx-auto p-4 sm:p-6 lg:p-8" id="top">
<header class="text-center mb-8">
<h1 class="text-4xl font-bold text-slate-800">孝澤學習總覽</h1>
<p class="text-lg text-slate-600 mt-2">歡迎來到您的英文作文學習中心</p>
</header>
<!-- 快速導覽 -->
<nav class="mb-8 flex flex-wrap justify-center gap-3">
<a href="#writing" class="card rounded-full px-4 py-2 text-sm bg-white/70 hover:bg-white text-slate-700 border">英文作文教學</a>
<a href="#corrections" class="card rounded-full px-4 py-2 text-sm bg-white/70 hover:bg-white text-slate-700 border">作文批改與範例</a>
<a href="#grammar" class="card rounded-full px-4 py-2 text-sm bg-white/70 hover:bg-white text-slate-700 border">文法與精準度</a>
<a href="#tools" class="card rounded-full px-4 py-2 text-sm bg-white/70 hover:bg-white text-slate-700 border">寫作工具箱</a>
<a href="#admission" class="card rounded-full px-4 py-2 text-sm bg-white/70 hover:bg-white text-slate-700 border">升學專區</a>
</nav>
<main class="space-y-12">
<!-- 英文作文教學 -->
<section id="writing">
<div class="flex items-center justify-between mb-4">
<h2 class="text-2xl font-bold text-slate-800">英文作文教學</h2>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
<!-- 總攻略 -->
<a href="first.html" class="card sm:col-span-2 rounded-xl p-6 flex items-center space-x-6 bg-blue-50 border-blue-200">
<div class="card-icon bg-blue-100 text-blue-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg>
</div>
<div>
<h3 class="font-bold text-xl text-slate-800">學測英文作文高分完全攻略</h3>
<p class="text-slate-600">高分作文四大支柱、常見錯誤和寫作技巧。</p>
</div>
</a>
<!-- 7/7 課程：段落結構 -->
<a href="0707.html" class="card rounded-xl p-6">
<div class="card-icon bg-green-100 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">7/7 課程：段落結構</h3>
<p class="text-slate-600 text-sm">學習漢堡式段落寫作法。</p>
</a>
<!-- 7/7 遊戲互動 -->
<a href="0707v2.html" class="card rounded-xl p-6">
<div class="card-icon bg-yellow-100 text-yellow-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">7/7 遊戲互動</h3>
<p class="text-slate-600 text-sm">鞏固段落寫作與主題句概念。</p>
</a>
<!-- 7/22 課程：五大題型 -->
<a href="0722v3.html" class="card rounded-xl p-6">
<div class="card-icon bg-green-100 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">7/22 課程：五大題型</h3>
<p class="text-slate-600 text-sm">掌握學測最常見的作文題型。</p>
</a>
<!-- 0815 系列 -->
<a href="0815.html" class="card rounded-xl p-6">
<div class="card-icon bg-orange-100 text-orange-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a2 2 0 01-2-2V7a2 2 0 012-2h2.586a1 1 0 01.707.293l2.414 2.414a1 1 0 00.707.293H17z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">擺脫中式英文</h3>
<p class="text-slate-600 text-sm">學習如何像母語者一樣自然思考與表達。</p>
</a>
<a href="0815v2.html" class="card rounded-xl p-6">
<div class="card-icon bg-yellow-100 text-yellow-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">英文思維互動版</h3>
<p class="text-slate-600 text-sm">透過互動練習，建立語塊化思考模式。</p>
</a>
<a href="0815v3.html" class="card rounded-xl p-6">
<div class="card-icon bg-sky-100 text-sky-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">120分鐘完整課程</h3>
<p class="text-slate-600 text-sm">用語塊與情境說出自然英文的完整講義。</p>
</a>
</div>
</section>
<!-- 作文批改與範例 -->
<section id="corrections">
<div class="flex items-center justify-between mb-4">
<h2 class="text-2xl font-bold text-slate-800">作文批改與範例</h2>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
<!-- 7/28 作文批改範例 -->
<a href="0728writing.html" class="card rounded-xl p-6">
<div class="card-icon bg-green-100 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.536L16.732 3.732z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">7/28 作文批改範例</h3>
<p class="text-slate-600 text-sm">分析 Emoji 作文，學習評分標準。</p>
</a>
<!-- 8/25 作文批改（Google 文件） -->
<a href="https://docs.google.com/document/d/135i9pHmXW6zlGvlMZIELGkcHLsLanuJJ2dQDncl6-Tw/edit?usp=sharing" class="card rounded-xl p-6" target="_blank" rel="noopener">
<div class="card-icon bg-red-100 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 20h9" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.5 3.5a2.121 2.121 0 113 3L7 19l-4 1 1-4 12.5-12.5z" /></svg>
</div>
<div class="flex items-center gap-2">
<h3 class="font-bold text-lg text-slate-800">8/25 作文批改</h3>
<span class="text-xs px-2 py-0.5 rounded-full bg-red-50 text-red-600 border border-red-200">外部</span>
</div>
<p class="text-slate-600 text-sm">查看批改與建議（新分頁開啟 Google 文件）。</p>
</a>
<!-- 範文分析 -->
<a href="範文分析.html" class="card rounded-xl p-6">
<div class="card-icon bg-purple-100 text-purple-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">範文分析</h3>
<p class="text-slate-600 text-sm">學習範文的結構與用詞，提升寫作技巧。</p>
</a>
</div>
</section>
<!-- 文法與精準度 -->
<section id="grammar">
<div class="flex items-center justify-between mb-4">
<h2 class="text-2xl font-bold text-slate-800">文法與精準度</h2>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
<!-- 英文時態懶人包 -->
<a href="英文時態懶人包.html" class="card rounded-xl p-6">
<div class="card-icon bg-cyan-100 text-cyan-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">英文時態懶人包</h3>
<p class="text-slate-600 text-sm">學習英文中最重要的12個時態。</p>
</a>
<!-- 及物與不及物動詞 -->
<a href="及物不及物.html" class="card rounded-xl p-6">
<div class="card-icon bg-indigo-100 text-indigo-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">及物與不及物動詞</h3>
<p class="text-slate-600 text-sm">分辨及物與不及物動詞的觀念與技巧。</p>
</a>
<!-- 分詞構句與分詞用法 -->
<a href="分詞構句.html" class="card rounded-xl p-6">
<div class="card-icon bg-lime-100 text-lime-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">分詞構句與分詞用法</h3>
<p class="text-slate-600 text-sm">掌握現在分詞、過去分詞與分詞構句的重點與互動練習。</p>
</a>
<!-- Who vs Whom -->
<a href="who-vs-whom.html" class="card rounded-xl p-6">
<div class="card-icon bg-fuchsia-100 text-fuchsia-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">Who vs Whom 用法解析</h3>
<p class="text-slate-600 text-sm">學會 who 與 whom 的差異、用法與互動小測驗。</p>
</a>
<!-- 寫作精準度練習 (一) -->
<a href="0728quiz.html" class="card rounded-xl p-6">
<div class="card-icon bg-purple-100 text-purple-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">寫作精準度練習 (一)</h3>
<p class="text-slate-600 text-sm">常見文法與用字錯誤練習。</p>
</a>
<!-- 寫作精準度練習 (二) -->
<a href="0728quiz2.html" class="card rounded-xl p-6">
<div class="card-icon bg-purple-100 text-purple-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">寫作精準度練習 (二)</h3>
<p class="text-slate-600 text-sm">進一步挑戰你的文法精準度。</p>
</a>
<!-- 9/1 核心詞彙與句型複習 -->
<a href="0901.html" class="card rounded-xl p-6">
<div class="card-icon bg-sky-100 text-sky-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">9/1 核心詞彙與句型複習</h3>
<p class="text-slate-600 text-sm">動詞片語、轉承詞與翻譯練習；支援一鍵顯示/隱藏答案。</p>
</a>
</div>
</section>
<!-- 寫作工具箱 -->
<section id="tools">
<div class="flex items-center justify-between mb-4">
<h2 class="text-2xl font-bold text-slate-800">寫作工具箱</h2>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
<!-- 轉承詞大集合 -->
<a href="轉承詞大集合.html" class="card rounded-xl p-6">
<div class="card-icon bg-purple-100 text-purple-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">轉承詞大集合</h3>
<p class="text-slate-600 text-sm">常用銜接語與片語，提升寫作流暢度。</p>
</a>
<!-- 萬用句 -->
<a href="萬用句.html" class="card rounded-xl p-6">
<div class="card-icon bg-pink-100 text-pink-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">萬用句</h3>
<p class="text-slate-600 text-sm">常用句型模版，快速提升表達。</p>
</a>
<!-- 動詞片語總整理 -->
<a href="動詞片語總整理.html" class="card rounded-xl p-6">
<div class="card-icon bg-teal-100 text-teal-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">動詞片語總整理</h3>
<p class="text-slate-600 text-sm">常見動詞片語與用法整理。</p>
</a>
<!-- 英文考題產生器 -->
<a href="英文考題產生器.html" class="card rounded-xl p-6">
<div class="card-icon bg-amber-100 text-amber-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">英文考題產生器</h3>
<p class="text-slate-600 text-sm">自動產生練習題，支援即時出題與下載。</p>
</a>
</div>
</section>
<!-- 升學專區 -->
<section id="admission">
<div class="flex items-center justify-between mb-4">
<h2 class="text-2xl font-bold text-slate-800">升學專區</h2>
</div>
<div class="grid grid-cols-1 gap-6">
<a href="備審資料/2.html" class="card rounded-xl p-6 flex items-center space-x-6 bg-rose-50 border-rose-200">
<div class="card-icon bg-rose-100 text-rose-600">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" /></svg>
</div>
<div>
<h3 class="font-bold text-xl text-slate-800">建築系備審準備</h3>
<p class="text-slate-600">提供給對建築系有興趣的學生的備審資料準備指南。</p>
</div>
</a>
</div>
</section>
</main>
<!-- 回到頂部 -->
<a href="#top" class="fixed bottom-6 right-6 card rounded-full p-3 bg-white/80 hover:bg-white border" aria-label="回到頂部">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-slate-700" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" /></svg>
</a>
<footer class="text-center mt-12 text-slate-500">
<p>© Frank English Tutor. All rights reserved.</p>
</footer>
</div>
</body>
</html>