-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (186 loc) · 7.8 KB
/
index.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
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE HTML>
<!--
Paradigm Shift by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Gaeun's Personal Website</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section class="intro">
<header>
<h1>Gaeun Lee</h1>
<p>I am a passionate full-stack software developer</p>
<ul class="actions">
<li><a href="#first" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<span class="image fill" data-position="center"><img src="images/pic04.jpg" alt="" /></span>
</div>
</section>
<!-- Section -->
<section id="first">
<header>
<h2>Campsite Availability Notifier</h2>
</header>
<div class="content">
<p><strong>Campsite Availability Notifier</strong> is developed to help making a campground reservation.
By using cloudWatch event, we are checking for cancelled campground to notify users by sending an email</p>
<img src="https://user-images.githubusercontent.com/33018110/117484550-10c19800-af1c-11eb-9b04-74e5bee995e8.gif"
alt="gif file for demo" />
<ul class="actions">
<li><a href="https://dev.d2tq286k5x0hys.amplifyapp.com" class="button primary large">Visit</a></li>
<li><a href="https://github.com/gaeunl/Campsite-Availability-Notifier" class="button large" target="_blank">GitHub Link</a></li>
</ul>
</div>
</section>
<section id="first">
<header>
<h2>Real-time Campsite Availability Checker</h2>
</header>
<div class="content">
<p><strong>Real-time Campsite Availability Checker</strong> is for people who is tired of securing a BC Parks camping reservation.
This application will let users save as many campsites as they want and monitor them with a real-time data.</p>
<img src="https://user-images.githubusercontent.com/33018110/117557047-05f22a80-b024-11eb-96e7-0c6046c0d64f.gif"
alt="gif file for demo" />
<ul class="actions">
<li><a href="https://dev.d25ltoj978yjcn.amplifyapp.com" class="button primary large">Visit</a></li>
<li><a href="https://github.com/gaeunl/Realtime-Campsite-Availability-Checker" class="button large" target="_blank">GitHub Link</a></li>
</ul>
</div>
</section>
<section>
<header>
<h2>Uganda Health Care Referral System</h2>
</header>
<div class="content">
<p><strong>Health Care Referral System</strong> is developed to help people with limited access of health care service.
</p>
<!-- Add youTube Video here -->
<!-- <span class="image main"><img src="images/pic02.jpg" alt="" /></span> -->
<!-- <span class="container"> -->
<!-- <iframe src="https://www.youtube.com/watch?v=_R4ZQ5y2_HE&feature=youtube" frameborder="0" allowfullscreen width="500px" height="100px"> -->
<!-- </iframe> -->
<!-- </span> -->
<ul class="actions">
<li><a href="https://www.sfu.ca/computing/newsandevents/2020/software-systems-students-use-their-education-for-good.html"
class="button large">Learn More</a></li>
<li><a href="https://www.youtube.com/watch?v=_R4ZQ5y2_HE&feature=youtube" class="button large">Walk
Through</a></li>
</ul>
</div>
</section>
<!-- Section -->
<!-- <section>
<header>
<h2>Feugiat consequat tempus ultrices</h2>
</header>
<div class="content">
<p><strong>Etiam tristique libero</strong> eu nibh porttitor amet fermentum. Nullam venenatis erat id vehicula ultrices sed ultricies condimentum.</p>
<ul class="feature-icons">
<li class="icon solid fa-laptop">Consequat tempus</li>
<li class="icon solid fa-bolt">Etiam adipiscing</li>
<li class="icon solid fa-signal">Libero nullam</li>
<li class="icon solid fa-cog">Blandit condimentum</li>
<li class="icon solid fa-map-marker-alt">Lorem ipsum dolor</li>
<li class="icon solid fa-code">Nibh amet venenatis</li>
</ul>
<p>Vehicula ultrices sed ultricies condimentum. Magna sed etiam consequat, et lorem adipiscing sed nulla. Volutpat nisl et tempus et dolor libero, feugiat magna tempus, sed et lorem adipiscing.</p>
</div>
</section> -->
<!-- Section -->
<section>
<header>
<h2>Weather map</h2>
</header>
<div class="content">
<p><strong>Weather Map</strong> is developed to show statistic of disasters.</p>
<ul class="actions">
<!-- <li><a href="https://www.sfu.ca/computing/newsandevents/2020/software-systems-students-use-their-education-for-good.html" class="button large">Learn More</a></li> -->
<li><a href="https://www.youtube.com/watch?v=Y0qXLr-VGYU" class="button large">Walk Through</a></li>
</ul>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Easy Commute</h2>
</header>
<div class="content">
<p><strong>Easy Commute</strong> is to help commuters to store their bus stop informations and check real-time schedules.</p>
<ul class="actions">
<li><a href="https://easy-commute.herokuapp.com/" class="button primary large">Visit</a></li>
</ul>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Get in touch</h2>
</header>
<div class="content">
<h2>Contact</h2>
<form action="mailto:[email protected]" method="post" enctype="text/plain">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message" rows="7"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="button primary" /></li>
</ul>
</form>
</div>
<footer>
<ul class="items">
<li>
<h3>Email</h3>
<span>[email protected]<span>
</li>
<li>
<h3>Phone</h3>
<span>(***) ***-****</a>
</li>
<li>
<h3>Address</h3>
<span>BC Canada</span>
</li>
<li>
<h3>Elsewhere</h3>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/gaeun-lee-44340a1b1/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/gaeunl" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</li>
</ul>
</footer>
</section>
<!-- Copyright -->
<div class="copyright">© Untitled. All rights reserved. Design: <a href="https://html5up.net">HTML5 UP</a>.</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.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>