-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstories.html
143 lines (123 loc) · 7.3 KB
/
stories.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="I am a 3rd year undergrad student developed to define, design, and deliver digital products. Here's a little bit about me">
<meta name="author" content="Elaine Gao">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="css/images/eg-logo-black.png">
<link rel="shortcut icon"
type="image/png"
href="css/images/eg-logo-black.png">
<title>My Stories | Elaine Gao</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700|Poppins:300,400,500,600,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/newstylesheet.css">
</head>
<body>
<!-- Nav -->
<div class="container features">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="index.html"><img src="css/images/eg-logo-grey.png"></a>
<button style="border: none;" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="features.html">features</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="stories.html">story<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="request-a-demo.html">request a demo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="css/ElaineGao_Resume_Sept2018.pdf">spec sheet</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container">
<div class="col-md-12 title">
<h2>Here is my story.</h2>
</div>
</div>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="false">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row banner2">
<h3 class="container">
I'm a 3rd year Commerce student at Queen's University in Ontario, Canada. <br>During my undergrad, I've been in various product analyst and product management roles on the <a href="https://qtma.ca" class="regLink">Queen's Technology and Media Association</a>. My vision is to bring <a href="vision.html" class="regLink">financial agency</a> to the masses. I'm actively looking to join companies that share this vision.
</h3>
<div class="carousel-caption d-none d-md-block">
<h5>right here, right now</h5>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row banner2">
<h3 class="container">
During May to August 2018, I was a product associate at <a href="https://finn.ai" class="regLink">Finn AI</a>, a startup developing conversational virtual assistants powered by AI for banks. At <a href="https://finn.ai" class="regLink">Finn AI</a>, I developed a prototypical learning product to help end users improve their financial literacy.
</h3>
<div class="carousel-caption d-none d-md-block">
<h5>My Recent Internship in Product Design</h5>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row banner2">
<h3 class="container">
I received extensive graphic design training as editor-in-chief of my high school yearbook. <br>I have built my visual design experience over the last 4 years, designing <a href="https://issuu.com/thepinetreepost" class="regLink">magazine layouts</a>, <a href="https://careers.queensu.ca/majormaps" class="regLink">Major Maps</a>, and brand graphics in freelance and fixed positions.
</h3>
<div class="carousel-caption d-none d-md-block">
<h5>My Background in graphic design</h5>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row banner2">
<h3 class="container">
<strong>A yearbook needs to represent 1500 students equally in 256 pages.</strong> <br>Tackling this challenge required me to ask for and listen to stories from peers from all walks of life that I would otherwise never interact with. I developed empathy, the ability to listen, and an addiction to seeking out stories that shape the people around me.
</h3>
<div class="carousel-caption d-none d-md-block">
<h5>My source of fulfillment is hearing stories</h5>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row banner2">
<h3 class="container">
My current calling is in <strong>product management</strong>. I am driven to build things- I launched my first <a href="http://silvergoldberry.webs.com" class="regLink">social network platform</a> almost 10 years ago. Find me building products that tackle financial illiteracy, or working towards it.
</h3>
<div class="carousel-caption d-none d-md-block">
<h5>Where I'm going next</h5>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- js script -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>