-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
163 lines (157 loc) · 7.04 KB
/
about.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
<!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>About Me</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>
<!-- Banner Area End -->
<!-- About Us Start -->
<section id="about-us" class="about-us-area pt-100 pb-100 text-center">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-5 col-xs-12">
<div class="about-us-img">
<img src="cici.png" alt="about-me">
</div>
</div>
<div class="col-md-6 col-sm-7 col-xs-12">
<div class="about-us-content text-left">
<h3>Cici Xiao  <a href="Cici Xiao_Cal Poly2020_Resume.pdf" target="_blank" class="default-btn">resume</a>
</h3>
<p></p>
<h5> Major: Environmental Management and Protection</h5>
<h5> Minor: Computer Science </h5>
<p></p>
<i class="fa fa-graduation-cap"></i><a href="img/CiciXiao_Transcript.pdf" target="_blank"> Transcript</a>
<p></p>
</div>
<div class="about-us-content text-left">
<p>My long-term goals can be summed up by three phrases: “Ph.D., Professor, and Geospatial Analyst.” </p>
<p>
Nature and science have been my passion ever since I realized having clean air, drinkable water, and a clear lake to swim and fish in is such a privilege for human beings. I am intrigued by the intimate interaction with nature. I aspire to be an Environmental Scientist: it is the perfect job for someone who enjoys rocks, plants, and the forest. Although I appreciate the breadth of the natural science courses at Cal Poly, after assisting with two research projects, I found making substantial changes to the environment requires a collaborator, and the collaborator is computer science. As a least tech-savvy folk, I am captivated by the sophistication of GIS and Python class I took during this past year. I have utilized my newly acquired skills to analyze fire hazards in San Luis Obispo, map social resources for Chinese residents in Philadelphia, and digitize maps on OpenStreetMap. The complexity of geographic information systems motivates me to explore different ways to visualize data and web scraping. Those opportunities to confirm my goal to become a geospatial analyst in the future.
</p>
<p>My rigorous undergraduate study has provided me with the foundation to achieve my professional goal. Although I will take more computer science and GIS related classes, I thirst for more. I want to deepen my skills and knowledge in geospatial analysis as I continue my education at the Ph.D. level. Then I can convey my passion for geospatial analysis to more people by teaching the next generation of learners. </p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Area Start -->
<div class="footer-area text-center">
<div class="footer-main pt-60 pb-60">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="footer-logo">
<a href="index.html"><img src="img/logo/name.png" alt="bizniz"></a>
</div>
<div class="footer-content">
<p>California Polytechnic State, San Luis Obispo</p>
<div class="footer-social">
<ul>
<li><a href="mailto:[email protected]"><i class="ti-email"></i></a></li>
<li><a href="tel:9712712178"><i class="ti-comment"></i></a></li>
<li><a href="https://www.linkedin.com/in/chenxi-cici-xiao"><i class="ti-linkedin"></i></a></li>
<li><a href="https://www.facebook.com/chenxi.cici.xiao?lst=100005918256645%3A100005918256645%3A1542776785"><i class="ti-facebook"></i></a></li>
<li><a href="https://github.com/ChenxiXiao"><i class="ti-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom two pt-12 pb-10 text-center">
<div class="container">
<div class="row">
<div class="col-xs-12">
<p>Now you know a little bit about me, how about you?</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>