-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-travel.html
184 lines (183 loc) · 7.09 KB
/
about-travel.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
<!doctype html>
<html>
<head>
<title>Noah - Travel</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Noah's Travel | Relationships • Opportunity • Perspective"
/>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="./images/icons/favicon_50_w.webp" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<div id="headers"></div>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css"
media="all"
rel="stylesheet"
type="text/css"
lazyload
/>
<!-- Main -->
<div id="main">
<div class="inner subpage">
<h2 class="align-center subpage">Travel</h2>
<div class="row reverse_on_desktop">
<div class="half_image_column">
<img
srcset="
./images/about/travel/los_angeles_family_dinner_400_w.webp 400w,
./images/about/travel/los_angeles_family_dinner_800_w.webp 800w,
./images/about/travel/los_angeles_family_dinner_1500_w.webp 1500w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/travel/los_angeles_family_dinner.jpg"
alt="Travel LA Family"
/>
</div>
<div class="half_text_column">
<h3>Relationships</h3>
<p>
The most frequent reason for my travels is to visit my friends
and family all over the country. From Oregon where I was raised,
to California, Ohio, and Florida. Staying connected and sharing
experiences with the people that mean the most is my main
motivation for travel.
</p>
</div>
</div>
<hr class="mobile_only" />
<div class="row">
<div class="half_image_column">
<img
srcset="
./images/about/travel/chicago_northwestern_cohort_400_w.webp 400w,
./images/about/travel/chicago_northwestern_cohort_800_w.webp 800w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/travel/chicago_northwestern_cohort.JPG"
alt="Travel Northwestern Cohort"
/>
</div>
<div class="half_text_column">
<h3>Opportunity</h3>
<p>
One of my first big trips was to Boston, MA in 2016 to pursue a
nanofluidics research opportunity. In my college years, my
academic and professional ambition led me to the Midwest for
both my undergraduate education as well as some fantastic work
opportunities! I'm so grateful for the people I've encountered
along my path and I treasure those relationships.
</p>
</div>
</div>
<hr class="mobile_only" />
<div class="row">
<h3>Perspective</h3>
<p>
In the summer of 2018, I traveled to Beijing and then Hangzhou in
China for a superb study abroad experience. We studied energy
technology & policy and were sponsored by Northwestern University
and Wanxiang Group. Not only did I and the other so-named
'Wanxiang Fellows' see the sights and feel the culture, but we
interacted with energy technology experts and aimed to observe
first-hand how so many Chinese citizens live everyday through the
lens of public health.
</p>
</div>
<div class="image_gallery">
<div class="half_column">
<img
srcset="
./images/about/travel/china_plant_400_w.webp 400w,
./images/about/travel/china_plant_800_w.webp 600w,
./images/about/travel/china_plant_1500_w.webp 1000w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/travel/china_plant.jpg"
alt="Travel China Plant"
/>
<img
srcset="
./images/about/travel/china_sunglasses_400_w.webp 400w,
./images/about/travel/china_sunglasses_800_w.webp 600w,
./images/about/travel/china_sunglasses_1500_w.webp 1000w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/travel/china_sunglasses.JPG"
alt="Travel China Sunglasses"
/>
</div>
<div class="half_column">
<img
srcset="
./images/about/travel/china_wall_friends_400_w.webp 400w,
./images/about/travel/china_wall_friends_800_w.webp 600w,
./images/about/travel/china_wall_friends_1500_w.webp 1000w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/travel/china_wall_friends.jpg"
alt="Travel China Wall"
/>
<img
srcset="
./images/about/travel/china_friends_400_w.webp 400w,
./images/about/travel/china_friends_800_w.webp 600w,
./images/about/travel/china_friends_1500_w.webp 1000w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/about/travel/china_friends.jpg"
alt="Travel China Friends"
/>
</div>
</div>
</div>
<br />
<div class="row">
<a href="#top" style="margin-left: 90vw">
<img
srcset="
./images/icons/icon_scroll_up_25_w.webp 25w,
./images/icons/icon_scroll_up_50_w.webp 1000w
"
sizes="1.5em"
loading="lazy"
decoding="async"
src="./images/icons/icon_scroll_up.png"
class="scroll_icon"
alt="Scroll Up"
style="position: inherit"
/>
</a>
</div>
</div>
<!-- Footer -->
<footer id="footer"></footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>