-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio-sciencecamp.html
157 lines (156 loc) · 6.08 KB
/
portfolio-sciencecamp.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
<!doctype html>
<html>
<head>
<title>Noah - Science Camp</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Noah's Community Center Science Camp | Founder and Volunteer | Summer 2015 & 2016"
/>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="./images/icons/favicon_50_w.webp" />
</head>
<body class="is-preload" onload="updatePageTitle('Science Camp')">
<!-- 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">Community Center Science Camp</h2>
<h5 class="align-center subpage">
<i>Founder and Volunteer, Summer 2015 & 2016</i>
</h5>
<div class="row reverse_on_desktop">
<div class="half_image_column">
<img
srcset="
./images/portfolio/science_camp/science_camp_reading_400_w.webp 400w,
./images/portfolio/science_camp/science_camp_reading_1000_w.webp 1000w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/portfolio/science_camp/science_camp_reading.jpg"
alt="Science Camp Reading"
/>
</div>
<div class="half_text_column">
<p>
In my early high school years, I was looking for ways to
contribute to my community and I began volunteering with the
local community center by my elementary school where I spent
countless afternoons and summer days so many years before. I
started my involvement reading bilingual English and Spanish
books to the elementary school children and generally helping
plan and organize the various activities.
</p>
</div>
</div>
<hr class="mobile_only" />
<div class="row">
<div class="half_image_column">
<img
srcset="
./images/portfolio/science_camp/science_camp_catapults_400_w.webp 400w,
./images/portfolio/science_camp/science_camp_catapults_1000_w.webp 1000w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/portfolio/science_camp/science_camp_catapults.jpg"
alt="Science Camp Catapults"
/>
</div>
<div class="half_text_column">
<p>
I then began to develop an idea for a summer science camp at the
community center to blend fun activities with foundational
science concepts. I worked closely with the community center to
design activities that incorporate scientific learning with
stimulating applications.
</p>
</div>
</div>
<hr class="mobile_only" />
<div class="row">
<p>
Throughout the course of creating and implementing this program, I
learned so much about communicating and sharing my passion for
mathematical and scientific thinking. Not only that, but being
able to share such ideas through entertaining projects like
propulsion car races or spaghetti tower competitions was
definitely a highlight of my high school experience.
</p>
</div>
<div class="image_gallery">
<div class="half_column">
<img
srcset="
./images/portfolio/science_camp/science_camp_car_race_400_w.webp 400w,
./images/portfolio/science_camp/science_camp_car_race_1000_w.webp 1000w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
style="border: 1px solid lightgrey"
src="./images/portfolio/science_camp/science_camp_car_race.jpg"
alt="Science Camp Car Race"
/>
</div>
<div class="half_column">
<img
srcset="
./images/portfolio/science_camp/science_camp_propeller_build_400_w.webp 400w,
./images/portfolio/science_camp/science_camp_propeller_build_1000_w.webp 1000w
"
sizes="(max-width: 980px) 100vw, 55vw"
loading="lazy"
decoding="async"
src="./images/portfolio/science_camp/science_camp_propeller_build.jpg"
alt="Science Camp Propeller Build"
/>
</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>