-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathEducation.html
187 lines (165 loc) · 6.47 KB
/
Education.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- All css here -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/meanmenu.css">
<link rel="stylesheet" href="css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="css/themify-icons.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/jquery.circliful.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Header Area Start -->
<div id="header-area" class="header-area">
<div class="container">
<div class="row">
<div class="col-xs-12">
<a href="index.html" class="logo float-left"><img src="img/logo/name.png" alt="logo"></a>
<button class="menu-open float-right"><i class="ti-list"></i></button>
</div>
</div>
</div>
</div>
<!-- Menu Area Start -->
<div id="menu-area" class="menu-area">
<div class="main-menu text-center">
<button class="menu-close"><i class="ti-close"></i></button>
<nav>
<ul>
<li class="active"><a href="index.html">home</a>
</li>
<li class=""><a href="about.html">about</a></li>
<li class=""><a href="portfolio.html">portfolio</a></li>
<li class=""><a href="Education.html">education</a></li>
<li class=""><a href="leadership.html">involvement</a></li>
<li class=""><a href="Photography.html">photography</a></li>
</ul>
</nav>
</div>
</div>
<!-- Header Area End -->
<!-- Banner Area Start -->
<div class="banner-area-wrapper about">
<div class="banner-area text-center">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="banner-content-wrapper">
<div class="banner-content">
<h2>Education Experience</h2>
<div class="banner-breadcrumb">
<ul>
<li><a href="index.html">home </a><i class="zmdi zmdi-arrow-right"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="about" class="mz-module">
<div class="container light-bg">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-12">
<div class="single-service">
<div class="single-service-content">
<h4>Summer Camp Counselor</h4>
<font size="2.3">San Luis Obispo Botanical Garden <br> Aug 2018 </font>
<br> </br>
<p>I helped organize a summer camp of 20 children for the San Luis Obispo Botanical Garden. I led group bonding outdoor activities, monitored campers' behavior, and photographed events. </p>
<br>
<p>I shared what I know with campers, not only limited to Environmental Science. They often motivated me to explore something new and interesting: gum-like pine resins, sour lemon berry, sweet rose hips, crunchy Yucca whipplei flower, etc.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-12">
<div class="single-service">
<div class="single-service-content">
<h4>English Teacher</h4>
<font size="2.3">Xiaya Tea House, China <br> 2015 - 2017</font>
<br> </br>
<p>I have launched successful English classes and have taught more than 60 students for the past three summers. I stimulated students' interests and meet high academic standards of teaching English as a second language, I focused on creative ways to learn English, for example, systematic vocabulary accumulation, and pronunciation practice. The verbal/written feedback from students and their parents has been positive and consistent throughout my tenure.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-12">
<div class="single-service">
<div class="single-service-content">
<h4>GIS Workshop Asistant</h4>
<font size="2.3"><a href="http://guides.lib.calpoly.edu/gis">Kennedy Library, Cal Poly </a><br> 2018 </font>
<br></br>
<p><a href="img/Contour_Workshop Materials.pdf" target = "_blank">Workshop Material <u>Sample</u></a></p>
<p><a href="http://guides.lib.calpoly.edu/gis" target = "_blank"> GIS Service <u> Resources</u></a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="service">
<div class="container">
<div class="who-img">
<div class="col-md-6 col-sm-6 col-xs-12">
<img src="img/Summercamp/gis workshop.JPG">
<img src="img/Summercamp/DSC04629.JPG">
<img src="img/Summercamp/DSC04691.JPG">
<img src="img/Summercamp/DSC04692.JPG">
<img src="img/Summercamp/DSC04695.JPG">
</div>
</div>
<div class="who-img">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="single-who">
<img src="img/Summercamp/DSC04723.JPG">
<img src="img/Summercamp/DSC04732.JPG">
<img src="img/Summercamp/engl4.JPG">
<img src="img/Summercamp/engl2.JPG">
<img src="img/Summercamp/engl3.JPG">
</div>
</div>
</div>
</div>
</section>
<div class="footer-bottom two pt-12 pb-10 text-center">
<div class="container">
<div class="row">
<div class="col-xs-12">
<p>Surrounded by kids every summer!</p>
<p>Learn by teaching</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Area End -->
<!-- All js here -->
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/ajax-mail.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>