forked from bedimcode/responsive-travel-website
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmathematicians.html
283 lines (243 loc) · 15.3 KB
/
mathematicians.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
<!--=============== REMIXICONS ===============-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<!--=============== SWIPER CSS ===============-->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<!--=============== CSS ===============-->
<link rel="stylesheet" href="assets/css/styles.css">
<title>九章—中国古代数学成就科普平台</title>
</head>
<body>
<header class="header" id="header">
<nav class="nav container">
<a href="index.html" class="nav__logo"><img src="assets/img/transparent-logo.png"></a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item">
<a href="index.html" class="nav__link">首页</a>
</li>
<li class="nav__item">
<a href="achievements.html" class="nav__link">数学成就</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link active-link">杰出科学家</a>
</li>
<li class="nav__item">
<a href="books.html" class="nav__link">数学著作</a>
</li>
<li class="nav__item">
<a href="culture.html" class="nav__link">数学文化</a>
</li>
<li class="nav__item">
<a href="interaction.html" class="nav__link">古今互动</a>
</li>
<li class="nav__item">
<a href="https://chat.tblu.xyz" class="nav__link">对话数学</a>
</li>
<li class="nav__item">
<a href="about.html" class="nav__link">关于</a>
</li>
<div class="nav__dark">
<!-- Theme change button -->
<!-- <span class="change-theme-name">深色模式</span> -->
<i class="ri-moon-line change-theme" id="theme-button"></i>
</div>
</ul>
<i class="ri-close-line nav__close" id="nav-close"></i>
</div>
<div class="nav__toggle" id="nav-toggle">
<i class="ri-function-line"></i>
</div>
</nav>
</header>
<main class="main">
<!--==================== BANNER ====================-->
<section class="home" id="home">
<img src="assets\img\home-img3.jpg" class="home__img"></img>
<div class="home__container container grid">
<!-- <div class="home__social">
<a href="https://www.facebook.com/" target="_blank" class="home__social-link">
<i class="ri-facebook-box-fill"></i>
</a>
<a href="https://www.instagram.com/" target="_blank" class="home__social-link">
<i class="ri-instagram-fill"></i>
</a>
<a href="https://twitter.com/" target="_blank" class="home__social-link">
<i class="ri-twitter-fill"></i>
</a>
</div> -->
</div>
</section>
<!-- <section>
<div>
<img src="assets/img/part_03.png">
<img src="assets/img/part_04.png">
<img src="assets/img/part_05.png">
<img src="assets/img/part_06.png">
</div>
</section> -->
<!--==================== ABOUT ====================-->
<section class="about section" id="about">
<div class="about__container container grid">
<div class="about__data">
<h2 class="section__title about__title">杰出科学家 <br> Outstanding Scientist</h2>
<p class="about__description">在人类历史的长河中，科学家们的贡献对塑造我们对世界和宇宙的认知方式起到了关键作用。从开创性的发现到革命性的发明，科学界推动着人类进入知识和理解的新领域。当我们踏上了解一些最有影响力的科学家生平和遗产的旅程时，我们会意识到他们的工作对我们对自然界和宇宙的集体理解产生了深远的影响
</p>
</div>
<!-- <div class="about__img">
<div class="about__img-overlay">
<img src="assets\img\zuchongzhi.png" alt="" class="about__img-one">
</div>
<div class="about__img-overlay">
<img src="assets\img\zuchongzhi.png" alt="" class="about__img-two">
</div>
</div> -->
</div>
</section>
<!--==================== ABOUT ====================-->
<section class="about section" id="about">
<div class="about__container container grid">
<div class="about__data">
<h2 class="section__title about__title">祖冲之 <br> Zu chongzhi</h2>
<p class="about__description">祖冲之（约429年－约500年），字文远，南北朝时期的著名数学家、天文学家，他的成就在中国乃至世界数学史上都占有重要地位。祖冲之是江苏省苏州市人，他不仅在数学上有卓越的贡献，同时也在天文历法方面取得了显著成就。
在数学方面，祖冲之最为人所知的贡献是对圆周率π的精确计算。他提出了“密率”和“约率”两种圆周率的值，其中“约率”即3.1416，而“密率”则是一个分数形式355/113，约等于3.14159292035，精确到小数点后七位。这个结果在世界数学史上保持了数百年的纪录，直到16世纪欧洲数学家才达到这一精度。在天文历法方面，祖冲之对当时的历法进行了重大修正，制定了更为精确的《大明历》。他的历法修订不仅提高了历法的准确性，也反映了当时中国天文学和数学的高水平。祖冲之的贡献不仅限于他个人的研究，他还培养了一批数学和天文学的学生，对中国乃至世界的科学发展产生了深远的影响。祖冲之被后世尊称为“天算圣手”和“数学圣人”，他的成就在中国科学技术史上占有举足轻重的地位。
</p>
</div>
<div class="about__img">
<div class="about__img-overlay">
<img src="assets\img\zuchongzhi-achievement.jpg" alt="" class="about__img-one">
</div>
<div class="about__img-overlay">
<img src="assets\img\zuchongzhi.png" alt="" class="about__img-two">
</div>
</div>
</div>
</section>
<!--==================== ABOUT ====================-->
<section class="about section" id="about">
<div class="about__container container grid">
<div class="about__data">
<h2 class="section__title about__title">刘徽 <br> Liu Hui</h2>
<p class="about__description">刘徽是中国东晋时期的数学家，活动年代大约在公元3世纪，他对中国古代数学的发展作出了重要贡献。刘徽最著名的成就是对《九章算术》的注释和发展，尤其是在几何学和数值逼近法方面的创新。刘徽的工作对中国古代数学产生了深远影响，并为后来的数学家提供了重要的理论和工具。他的割圆术在后世被进一步发展，并启发了后来的数学家在圆周率计算和其他数学问题上取得更大进展。他的数学思想和方法在中国数学史上占有重要地位。
</p>
</div>
<div class="about__img">
<div class="about__img-overlay">
<img src="assets\img\liuhui-achievement.jpg" alt="" class="about__img-one">
</div>
<div class="about__img-overlay">
<img src="assets\img\liuhui.png" alt="" class="about__img-two">
</div>
</div>
</div>
</section>
<!--==================== ABOUT ====================-->
<section class="about section" id="about">
<div class="about__container container grid">
<div class="about__data">
<h2 class="section__title about__title">秦九韶 <br> Qin Jiushao</h2>
<p class="about__description">秦九韶（约1202年—约1261年），南宋时期的数学家，官至国子监祭酒，因此又称秦祭酒。他的数学成就主要体现在其著作《数书九章》中，该书集结了当时数学研究的重要成果，并包含了秦九韶自己的原创性贡献。《数书九章》完成于公元1247年，是中国古代数学的巅峰之作。秦九韶的数学理论和方法不仅在中国产生了广泛影响，也是世界数学宝库中的重要组成部分。他的工作显示了中国古代数学家在代数领域的深刻洞察力和创造力。《数书九章》作为中国古代数学的集大成之作，不仅代表了当时数学水平的高峰，也对后世数学家，尤其是在代数学的研究和发展上，产生了深远的影响。
</p>
</div>
<div class="about__img">
<div class="about__img-overlay">
<img src="assets\img\qinjiushao-achievement.jpg" alt="" class="about__img-one">
</div>
<div class="about__img-overlay">
<img src="assets\img\qinjiushao.png" alt="" class="about__img-two">
</div>
</div>
</div>
</section>
<!--==================== FOOTER ====================-->
<footer class="footer section">
<div class="footer__container container grid">
<div class="footer__content grid">
<div class="footer__data">
<h3 class="footer__title"><b>九章</b></h3>
<p class="footer__description"> 中国古代 <br> 数学成就科普平台 </p>
<div>
<a href="https://www.facebook.com/" target="_blank" class="footer__social">
<i class="ri-facebook-box-fill"></i>
</a>
<a href="https://twitter.com/" target="_blank" class="footer__social">
<i class="ri-twitter-fill"></i>
</a>
<a href="https://www.instagram.com/" target="_blank" class="footer__social">
<i class="ri-instagram-fill"></i>
</a>
<a href="https://www.youtube.com/" target="_blank" class="footer__social">
<i class="ri-youtube-fill"></i>
</a>
</div>
</div>
<div class="footer__data">
<h3 class="footer__subtitle">关于</h3>
<ul>
<li class="footer__item">
<a href="about.html" class="footer__link">关于我们</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">特色</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">最新动态</a>
</li>
</ul>
</div>
<div class="footer__data">
<h3 class="footer__subtitle">团队</h3>
<ul>
<li class="footer__item">
<a href="" class="footer__link">团队成员</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">赞助我们</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">加入我们</a>
</li>
</ul>
</div>
<div class="footer__data">
<h3 class="footer__subtitle">帮助与反馈</h3>
<ul>
<li class="footer__item">
<a href="" class="footer__link">FAQs</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">服务中心</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">联系我们</a>
</li>
</ul>
</div>
</div>
<div class="footer__rights">
<p class="footer__copy">© 2023 <b>占位符</b>. All rigths reserved.</p>
<div class="footer__terms">
<a href="#" class="footer__terms-link">服务协议</a>
<a href="#" class="footer__terms-link">隐私政策</a>
</div>
</div>
</div>
</footer>
<!--========== SCROLL UP ==========-->
<a href="#" class="scrollup" id="scroll-up">
<i class="ri-arrow-up-line scrollup__icon"></i>
</a>
<!--=============== SCROLL REVEAL===============-->
<script src="assets/js/scrollreveal.min.js"></script>
<!--=============== SWIPER JS ===============-->
<script src="assets/js/swiper-bundle.min.js"></script>
<!--=============== MAIN JS ===============-->
<script src="assets/js/main.js"></script>
</div>
</body>
</html>