-
Notifications
You must be signed in to change notification settings - Fork 1
/
fenxiang.html
290 lines (260 loc) · 13.2 KB
/
fenxiang.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
284
285
286
287
288
289
290
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- load stylesheets -->
<link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:100,300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css"> <!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Bootstrap style -->
<link rel="stylesheet" href="css/magnific-popup.css"> <!-- Magnific pop up style -->
<link rel="stylesheet" href="css/templatemo-style.css"> <!-- Templatemo style -->
<link rel="stylesheet" href="css/style.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- load stylesheets -->
</head>
<body>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
<!--导航栏开始-->
<div class="container-fluid">
<div class="row">
<div class="tm-intro">
<div class="tm-navbar-container">
<!-- navbar -->
<nav class="navbar navbar-full d-block w-100 navbar-fixed-top">
<button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse"
data-target="#tmNavbar">
☰
</button>
<div class="collapse navbar-toggleable-sm" id="tmNavbar">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0 ">
<li class="nav-item active">
<a class="nav-link" href="index.html">首页<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">攀岩简介</a>
</li>
<li class="nav-item">
<a class="nav-link" href="zhuyi.html">注意事项</a>
</li>
<li class="nav-item">
<a class="nav-link" href="zhuangbei.html ">装备介绍</a>
</li>
<li class="nav-item">
<a class="nav-link" href="saishi.html">赛事资讯</a>
</li>
<li class="nav-item">
<a class="nav-link" href="fenxiang.html">好文分享</a>
</li>
<li class="nav-item">
<a class="nav-link " href="contact.html">关于我们</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<!--导航栏结束-->
<div class="row gray-bg">
<div id="tm-section-2" class="tm-section d-block w-100">
<div class="tm-container tm-container-wide ">
<!--故事1-->
<div class="tm-news-item">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-item-img-container">
<img src="images/top8.jpg" alt="Image" class="img-fluid tm-news-item-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-container">
<h2 class="tm-news-title dark-gray-text">人物｜60 岁之后还能继续爬 5.14，也就是他了</h2>
<p class="tm-news-text">关于 Chuck Odette 的故事，我们不是第一次听说，2017 年 61 岁的他在美国犹他州 Logan 峡谷完成了难度为 5.14a 的 “Bulletproof Monk／防弹武僧” 线路而引起关注。（回顾点击：61岁照样能爬5.14, 这位老人的攀岩秘诀是什么？）而今，他又在 62 岁“高龄”时，继续完成了另一条 5.14——位于犹他州枫树峡谷岩场的线路“悼词 Eulogy”，难度 5.14a。</p>
<a href="gushi1.html" class="btn tm-light-blue-bordered-btn tm-news-link">阅读全文</a>
</div>
</div>
<!--故事1结束-->
<!--故事2开始-->
<div class="tm-news-item">
<div
class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 flex-order-2 tm-news-item-img-container">
<img src="images/gushi0.jpg" alt="Image" class="img-fluid tm-news-item-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-container flex-order-1">
<h2 class="tm-news-title dark-gray-text">94岁还玩野攀！北美登山“活化石” Fred Beckey</h2>
<p class="tm-news-text"> 今天我们要再为大家奉上一锅更老的“鸡汤”
他有着八十年的攀岩记忆
双手攀爬过的岩石
是 Chris Sharma 的十倍之多
两脚丈量的冰川
Will Gadd 也难以企及
双腿走过的山峦丘陵
让 Louis Stack 望尘莫及
这位爷爷就是现年 94 岁的 Fred Beckey</p>
<a href="gushi2.html" class="btn tm-light-blue-bordered-btn tm-news-link">阅读全文</a>
</div>
</div>
<!--故事2结束-->
<!--故事3开始-->
<div class="tm-news-item">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-item-img-container">
<img src="images/gushi3.jpg" alt="Image" class="img-fluid tm-news-item-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-container">
<h2 class="tm-news-title dark-gray-text">人物 011｜攀岩历史上的传奇女性 Lynn Hill</h2>
<p>
Lynn Hill 1961 年出生于美国密歇根州底特律，今年 56 岁。上世纪八十年代和九十年代是攀岩运动在美国刚刚兴起的年代，而 Lynn Hill 则是攀岩运动发展的早期奠基人之一。
</p>
<a href="gushi3.html" class="btn tm-light-blue-bordered-btn tm-news-link">阅读全文</a>
</div>
</div>
<!--故事3结束-->
<!--故事4开始-->
<div class="tm-news-item">
<div
class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 flex-order-2 tm-news-item-img-container">
<img src="images/gushi4.jpg" alt="Image" class="img-fluid tm-news-item-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-container flex-order-1">
<h2 class="tm-news-title dark-gray-text">人物︱君宝：我是真的害怕冲坠，但是又不能怂</h2>
<p class="tm-news-text">君宝， 2016 年攀岩主义赞助运动员，中国第一位完成 5.14 难度的女性，并在目前已完攀 12 条 5.13 级路线。君宝像是个野孩子，总是在野外爬，骨子里有种你看不见的暗劲儿。
在她身上，有几件意想不到的事：她毕业于四川烹饪高等专科学校，在那里开始攀岩；高中时的体育专项是武术，在专科学校里起初选的是高尔夫。
</p>
<a href="gushi4.html" class="btn tm-light-blue-bordered-btn tm-news-link">阅读全文</a>
</div>
</div>
<!--故事4结束-->
<!--故事5开始-->
<div class="tm-news-item">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-item-img-container">
<img src="images/gushi5.jpg" alt="Image" class="img-fluid tm-news-item-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-container">
<h2 class="tm-news-title dark-gray-text">众筹项目：大闯Karma个人摄影展</h2>
<p class="tm-news-text">事情的起因并不是愉快的。
2019年8月4日，一位朋友在加拿大攀岩时坠落离世。Ken是一个很纯粹的攀岩者，在短暂黎明之行的相处之中，他给了我很多的启发，对攀登，对生活。在近一个月的时间里，我很痛苦，不想去面对这个事实，但它就是在那里，不断的浮现在脑海里，每次都会痛苦流泪。不愿意去相信一个33岁的生命就这样突然的从这个世界上消失了，不愿意去相信那么好的一个人就这样没有了。
</p>
<a href="gushi5.html" class="btn tm-light-blue-bordered-btn tm-news-link">阅读全文</a>
</div>
</div>
<!--故事5结束-->
</div>
</div>
<!--footer-->
<footer>
<div class="container py-md-4 mt-md-3">
<div class="row footer-top-w3layouts-agile py-5">
<div class="col-md-4 footer-grid">
<div class="footer-title">
<h3>关于 我们</h3>
</div>
<div class="footer-text">
<p>
欢迎你加入我们的团队，<br>
关注我们，<br>
了解更多关于攀岩的小知识<br>
关注我们，<br>
看更多攀岩小故事<br>
期望我们互相学习,互相帮忙,<br>
进取努力,共同提高!
</p>
</div>
</div>
<div class="col-md-4 footer-grid">
<div class="footer-title">
<h3>联系 我们 </h3>
</div>
<div class="contact-info">
<h4>地址 :</h4>
<p>广东白云学院</p>
<div class="phone">
<h4>联系方式 :</h4>
<p>Phone : 123456</p>
<p>Email : <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
<div class="col-md-4 footer-grid">
<div class="footer-title">
<h3>最近的帖子</h3>
</div>
<div class="footer-list">
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/gushi4.jpg" class="img-fluid" alt=" ">
</a>
</div>
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/saishi5.jpeg" class="img-fluid" alt=" ">
</a>
</div>
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/zhuangbei.jpg" class="img-fluid" alt=" ">
</a>
</div>
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/saishi6.jpeg" class="img-fluid" alt=" ">
</a>
</div>
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/saishi3.jpg" class="img-fluid" alt=" ">
</a>
</div>
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/item.jpg" class="img-fluid" alt=" ">
</a>
</div>
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/top4.jpg" class="img-fluid" alt=" ">
</a>
</div>
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/saishi2.jpg" class="img-fluid" alt=" ">
</a>
</div>
<div class="flickr-grid">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="images/gs42.jpg" class="img-fluid" alt=" ">
</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</footer>
<!---->
<div class="copyright py-3">
<div class="container">
<div class="copyrighttop">
</div>
<div class="copyrightbottom">
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //footer -->
</div> <!-- row -->
</body>
</html>