-
Notifications
You must be signed in to change notification settings - Fork 0
/
San Luis.html
108 lines (92 loc) · 7.06 KB
/
San Luis.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
<!DOCTYPE html>
<html>
<title>San Luis Obispo</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"><b>San</b>Luis-Obispo</a>
<!-- Float links to the right. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<a href="#Bonfire" class="w3-bar-item w3-button">Bonfire</a>
<a href="#Hot" class="w3-bar-item w3-button">Hot Spring</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/san luis/sanluis8.JPG" alt="sunset" 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>San</b></span> <span class="w3-hide-small w3-text-light-grey">Luis-Obispo</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="Bonfire">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Bonfire</h3>
<p>在圣路易斯-奥比斯波的晚上是最整场加州之旅最休闲的一个晚上。初进酒店大家便被酒店的篝火和泳池吸引，那时大家仿佛就心照不宣的生出了要在篝火旁围坐饮酒的想法。等到吃完饭再去之时，整个空地，便只剩下我们与篝火作伴，更是别有一番滋味。起初我们只是拿着冰桶冰酒，依偎着火光中坐着，有一搭没一搭的闲聊着什么，又或者只是注视着火光又或是火光的倒影。其实在那样娴静的深夜，聊什么似乎也不那么重要，更多时候是各自沉浸在各自的寂静中，酒喝完了也没人出声离开。但是不知道是从何时起，就有人开始往对方的酒瓶里投冰块，最开始是无聊之举，但是慢慢的则引发了所有人的参与。大部分冰块是投不进去的，落在地上，别人身上，沙发上的才是大多数，沙发和很多人的裤子都被化掉的冰打湿，可也没人在意，扔完了一桶冰大家仍然意犹未尽，连续又打来好几桶冰，以至于最后地上的冰块化掉甚至快形成河流，以至于第二天去看的时候仍是湿漉漉的一片。整个寂静的夜晚只留下我们此起彼伏的笑声，这也许就是大学生最简单的快乐，也是最好的默契。门内的大叔似乎被我们的动静所吸引，透过玻璃门疑惑的看着门外五个笑的莫名其妙而东倒西歪的人，却并不打扰。可能很多年后我还会记得那个夜晚，因为篝火足够暖，笑声也足够纯粹。</p>
</div>
<div class="w3-row" id="myGrid" style="margin-bottom:128px">
<div class="w3-third">
<img src="src/san luis/sanluis1.jpg" style="width:100%">
<img src="src/san luis/sanluis2.jpg" style="width:100%">
<img src="src/san luis/sanluis15.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/san luis/sanluis10.JPG" style="width:100%">
<img src="src/san luis/sanluis9.JPG" style="width:100%">
</div>
<div class="w3-third">
<img src="src/san luis/sanluis11.JPG" style="width:100%">
<img src="src/san luis/sanluis12.JPG" style="width:100%">
</div>
</div>
<!-- About Section -->
<div class="w3-container w3-padding-32" id="Hot">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Hot Spring</h3>
<p>从未想到有一天我会在加州的某个山坳里泡着温泉。与想象中不同，这里似乎没有类似温泉乐园的地方有不同的池子，任人们走来走去。但是却能有单独的池子，让我们不被外人打扰。我好像自打有记忆起，每年冬天都会和全家人一起去泡温泉。但是自从上大学以后，每年寒假都因为各种各样的理由，我也好几年没能去泡温泉。巧合的是，去加州的前几天，我还曾接到哥哥向我炫耀他要回国全家一起泡温泉的炫耀的电话。而如今，我仿佛也用另一种方式，满足了心愿。</p>
<p>无论何时，泡温泉总是一种享受，脱离了手机，全身心的放松，热水温暖着我全身每一处的神经，舒缓了所有旅途的疲惫。惋惜的是，行程紧张的安排导致我们并没有足够的时间洗浴就得赶路，所以大家也都格外小心的不愿弄湿头发，也没有人挑起战斗。我突然就回忆起了一年多前的莫干山的旅途。起初大家穿着整洁的衣服，小心翼翼的卷起裤脚，踩在阳光下的小溪中，每一步都格外小心，生怕溅起水花弄湿衣物，也许偶尔有人故意洒水，也是极有分寸的寥寥几滴，生怕引起众怒。但是也不知何时起，又或许是太有默契，大家逐渐开始肆无忌惮，从最开始只敢泼湿裤脚，到最终肆无忌惮的打起水仗，每个人都近乎湿透。从浅滩到河流深处，一路都是我们战斗的欢声笑语，甚至以石头为障碍，分成两队打起水仗，甚至不少小朋友被吸引加入我们的阵营。具体的分队我早已记不清了，我只记得那天的阳光很好，朱姐的红发在阳光下格外耀眼。我们是大学生，也是彼此的小学生。</p>
<p>我想，如果有机会，下一次见到水池的我，依旧如此潇洒。</p>
</div>
<div class="w3-row" id="myGrid" style="margin-bottom:128px">
<div class="w3-third">
<img src="src/san luis/sanluis3.jpg" style="width:100%">
<img src="src/san luis/sanluis5.jpg" style="width:100%">
<img src="src/san luis/sanluis6.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/san luis/sanluis4.jpg" style="width:100%">
<img src="src/san luis/sanluis7.jpg" style="width:100%">
</div>
<div class="w3-third">
<img src="src/san luis/sanluis14.jpg" style="width:100%">
<img src="src/san luis/sanluis13.jpg" style="width:100%">
</div>
</div>
<!-- Contact Section -->
<!-- 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>