-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLasVegas.html
127 lines (110 loc) · 7.04 KB
/
LasVegas.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
<!DOCTYPE html>
<html>
<title>LasVegas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.cn/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1 {font-family: "Montserrat", sans-serif}
img {margin-bottom: -7px}
.w3-row-padding img {margin-bottom: 12px}
</style>
<body>
<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar w3-white w3-wide w3-padding w3-card">
<a href="blog.html" class="w3-bar-item w3-button">Home</a>
<a href="#home" class="w3-bar-item w3-button">LasVegas</a>
<!-- Float links to the right. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<a href="#Grand" class="w3-bar-item w3-button">Grand Canyon</a>
<a href="#Antelope" class="w3-bar-item w3-button">Antelope Canyon</a>
<a href="#Zion" class="w3-bar-item w3-button">Zion</a>
</div>
</div>
</div>
<!-- Header -->
<header class="w3-display-container w3-content w3-wide" style="max-width:1300px;" id="home">
<img class="w3-image" src="src/Las/Las0.jpg" alt="las" width="1800" height="900">
<div class="w3-display-middle w3-margin-top w3-center">
<h1 class="w3-xxlarge w3-text-white"><span class="w3-padding w3-black w3-opacity-min"><b>Las</b></span> <span class="w3-hide-small w3-text-light-grey">Vegas</span></h1>
</div>
</header>
<!-- Page content -->
<div class="w3-content w3-padding" style="max-width:1564px">
<!-- Project Section -->
<div class="w3-container w3-padding-32" id="Grand">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Grand Canyon</h3>
<p>这是一篇迟到了快半年的游记。</p>
<p>我好像总是这样，在事情的最初是饱有热情的，就像blog的最初连更四条，但是现在欠下的债越来越多。直到现在，迫切的想要给自己留下些什么，迫切的想要坚持点习惯的时候，我又回到了这里。说实话，这段旅程我已经记不起太多，记不清我们在麦当劳荒唐的错过飞机，记不清我们临时改航班到一个陌生的地方睡上三个小时又再次启程，记不清一路的魔术和冷笑话，记不清大峡谷的落日余晖，记不清纪念碑谷的泥泞山路，记不清羚羊谷的满目红岩，记不清狂走拉斯维加斯的灯火阑珊。我向来是记不住地名的，记不住在哪个花园里面，我们轮流给对方当摄影师，记不住在哪个雪山下，我们一起遥望，记不住在大峡谷的哪一站，带着恐高的小伙伴一起穿梭在自然山间，记不住在哪里的酒店里我们把酒言欢...</p>
<p>我记不住的那么多，以至于现在甚至有些难以分清每张图片属于哪一个公园，难以分清那时候的快乐和友谊是否真实，那时的我是否真的那般幼稚。但是或许是从那时起，我开始懂得人生是旷野。</p>
<p>时间真的已经过去好久了，久到一些人很难再遇见了，久到记忆开始失真。但是在大峡谷的山林徒步带来的感悟，却不是时间尺度所能稀释的。在那之前，也在那之后，我永远会觉得穿梭在林间，是人生最美好的体验。不论身边有三五好友，又或是孤身一人，不论耳机里是舒缓音乐，还是谛听自然呼啸，不论身边风景是巍然的峡谷，还是茂密的树林，它始终美好。我无数次幻想过，如果那时候有无人机从我们头顶飞过的话，看到的应该是几个黑点在广袤的地图上闪烁移动，我想当人觉得自己渺小的时刻，或许是最接近自我成就的一刻。我喜欢深一脚浅一脚的踩在石路上，又或是在路很窄的时候，踩在落叶上，因为起伏本身就是充满乐趣的。我喜欢随处找一块石头坐下，它不必有最开阔的视野，望下去是无底深渊也好，是旁逸斜出的树木也罢，只需要你静静的坐在那，你就会感受到旷野的存在。我喜欢一群人聚在一起，等待着夕阳，不管看到还是没看到，都会觉得值得，因为等待本身就是意义。我喜欢从夕阳中开到黑暗的大巴，刚上车时总是人声鼎沸的，直到天色渐黑，人们总会很有默契的开始安静，直到窗外的蝉鸣盖过发动机的声音，那时候，哪怕车内依旧熙熙攘攘，却有身边空无一人的宁静。</p>
</div>
<div class="w3-row" id="myGrid" style="margin-bottom:128px">
<div class="w3-third">
<img src="src/Las/Las1.jpg" style="width:100%">
<img src="src/Las/Las21.jpg" style="width:100%">
<img src="src/Las/Las20.jpg" style="width:100%">
<img src="src/Las/Las17.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/Las/Las10.jpg" style="width:100%">
<img src="src/Las/Las19.jpg" style="width:100%">
<img src="src/Las/Las22.JPG" style="width:100%">
<img src="src/Las/Las8.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/Las/Las9.jpg" style="width:100%">
<img src="src/Las/Las13.jpg" style="width:100%">
<img src="src/Las/Las18.jpg" style="width:100%">
<img src="src/Las/Las23.JPG" style="width:100%">
<img src="src/Las/Las24.JPG" style="width:100%">
</div>
</div>
<div class="w3-container w3-padding-32" id="Antelope">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Antelope Canyon</h3>
</div>
<div class="w3-row" id="myGrid" style="margin-bottom:128px">
<div class="w3-third">
<img src="src/Las/Las7.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/Las/Las4.jpg" style="width:100%">
<img src="src/Las/Las5.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/Las/Las6.jpg" style="width:100%">
</div>
</div>
<div class="w3-container w3-padding-32" id="Zion">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Zion</h3>
</div>
<div class="w3-row" id="myGrid" style="margin-bottom:128px">
<div class="w3-third">
<img src="src/Las/Las11.jpg" style="width:100%">
<img src="src/Las/Las15.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/Las/Las12.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/Las/Las14.jpg" style="width:100%">
<img src="src/Las/Las16.jpg" style="width:100%">
</div>
</div>
<!-- End page content -->
</div>
<!-- Footer -->
<footer class="w3-container w3-teal w3-center w3-margin-top">
<p> 我希望文字的意义，是让时光慢下来</p>
<a href="https://www.instagram.com/lemon.lemon_tea" target="_blank" class="w3-hover-opacity">
<i class="fa fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/feed/" target="_blank" class="w3-hover-opacity">
<i class="fa fa-linkedin"></i>
</a>
</footer>
</body>
</html>