Skip to content

Commit 951089c

Browse files
author
Coco Nalea
committed
modified: src/pages/about.html
 modified: src/pages/index.html
1 parent 510fb45 commit 951089c

2 files changed

Lines changed: 47 additions & 47 deletions

File tree

‎src/pages/about.html‎

Lines changed: 0 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +0,0 @@
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-
<!-- 引入基础样式 -->
9-
<link rel="stylesheet" href="../assets/styles/base.css">
10-
<link rel="stylesheet" href="../assets/styles/layout.css">
11-
<!-- 引入页头组件 -->
12-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
13-
</head>
14-
15-
<body>
16-
<!-- 动态插入页头 -->
17-
<div id="header"></div>
18-
19-
<main class="container">
20-
<section class="hero">
21-
<h1>欢迎访问我的网站</h1>
22-
<p>这是一个简洁、高效的静态网站范例</p>
23-
<a href="about.html" class="btn">了解更多</a>
24-
</section>
25-
26-
<section class="features">
27-
<div class="card">
28-
<i class="fas fa-bolt"></i>
29-
<h3>极速加载</h3>
30-
<p>基于纯HTML/CSS/JS，无后端依赖</p>
31-
</div>
32-
<div class="card">
33-
<i class="fas fa-mobile-alt"></i>
34-
<h3>响应式设计</h3>
35-
<p>适配手机、平板和桌面设备</p>
36-
</div>
37-
</section>
38-
</main>
39-
40-
<!-- 动态插入页脚 -->
41-
<div id="footer"></div>
42-
43-
<!-- 主JS脚本 -->
44-
<script src="../scripts/main.js"></script>
45-
</body>
46-
47-
</html>

‎src/pages/index.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
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+
<!-- 引入基础样式 -->
9+
<link rel="stylesheet" href="../assets/styles/base.css">
10+
<link rel="stylesheet" href="../assets/styles/layout.css">
11+
<!-- 引入页头组件 -->
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
13+
</head>
14+
15+
<body>
16+
<!-- 动态插入页头 -->
17+
<div id="header"></div>
18+
19+
<main class="container">
20+
<section class="hero">
21+
<h1>欢迎访问我的网站</h1>
22+
<p>这是一个简洁、高效的静态网站范例</p>
23+
<a href="about.html" class="btn">了解更多</a>
24+
</section>
25+
26+
<section class="features">
27+
<div class="card">
28+
<i class="fas fa-bolt"></i>
29+
<h3>极速加载</h3>
30+
<p>基于纯HTML/CSS/JS，无后端依赖</p>
31+
</div>
32+
<div class="card">
33+
<i class="fas fa-mobile-alt"></i>
34+
<h3>响应式设计</h3>
35+
<p>适配手机、平板和桌面设备</p>
36+
</div>
37+
</section>
38+
</main>
39+
40+
<!-- 动态插入页脚 -->
41+
<div id="footer"></div>
42+
43+
<!-- 主JS脚本 -->
44+
<script src="../scripts/main.js"></script>
45+
</body>
46+
47+
</html>

0 commit comments

Comments
 (0)