-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
214 lines (196 loc) · 8.95 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
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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<title>About | Gabriela Alessio</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- ** Plugins Needed for the Project ** -->
<!-- Bootstrap -->
<link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
<!-- slick slider -->
<link rel="stylesheet" href="plugins/slick/slick.css">
<!-- themefy-icon -->
<link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
<!-- Main Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<header class="navigation fixed-top">
<nav class="navbar navbar-expand-lg navbar-dark">
<!-- <a class="navbar-brand font-tertiary h3" href="index.html"><img src="images/logo.png" alt="Myself"></a> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">about</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- page title -->
<section class="page-title-alt bg-primary position-relative">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="text-white font-tertiary">About Me</h1>
</div>
</div>
</div>
<!-- background shapes -->
<img src="images/illustrations/leaf-bg-top.png" alt="illustrations" class="bg-shape-1 w-100">
<img src="images/illustrations/dots-group-sm.png" alt="illustrations" class="bg-shape-2">
<img src="images/illustrations/leaf-yellow.png" alt="illustrations" class="bg-shape-3">
<img src="images/illustrations/leaf-orange.png" alt="illustrations" class="bg-shape-4">
<img src="images/illustrations/dots-group-cyan.png" alt="illustrations" class="bg-shape-5">
<img src="images/illustrations/leaf-cyan-lg.png" alt="illustrations" class="bg-shape-6">
</section>
<!-- /page title -->
<!-- about -->
<section class="section pt-5">
<div class="container">
<div class="row">
<div class="col-md-8">
<p>I am Data Scientist at GitHub working to make the world’s largest software development platform
better by leveraging our unique data to drive product and business decisions. I am obsessed with
understanding users through data and effectively communicating and coordinating with other teams to
solve pain points and delight through features.</p>
<p>Some of the most relevant work I’ve done here is building the company's A/B testing framework, process
and reporting from the ground up, supporting the design and product teams for growth and pricing, and
engineering the canonical model for conversion and financial reporting.</p>
<p>In my previous roles at Salesforce and Gap I had the opportunity to work with a diverse set of teams
and data sets ranging from sales, marketing and ads, to customer support. I enjoyed the different set of
challenges that each posed in order to deliver actionable insights and product direction.</p>
<p>I’m a passionate advocate for underrepresented minorities and women, I shaped and led the founding of
GitHub’s Latinx ERG which set a precedent for other ERGs to consolidate thereafter. Through my ERG work
I’ve managed and coordinated multiple D&I projects, events and conference sponsorships, including the first
PyCon LatAm.</p>
</div>
<div class="col-md-4 text-center drag-lg-top">
<div class="shadow-down mb-4">
<img src="images/about/author.jpg" alt="author" class="img-fluid w-100 rounded-lg border-thick border-white">
</div>
<h4>Gabriela Alessio</h4>
</div>
</div>
</div>
</section>
<!-- /about -->
<!-- Work Process -->
<section class="section">
<div class="container">
<div class="row justify-content-around">
<div class="col-lg-12 text-center">
<h2 class="section-title">Work Process</h2>
</div>
<div class="col-lg-3 col-md-4 text-center hover-shadow pt-3">
<div class="">
<img src="images/icons/plan.png" class="mb-4" alt="icon">
<h4 class="mb-4">Research and Understand</h4>
<p>I start with a question tied to a user or business need, I decompose it into what I know about it,
what I need to know about it, why these data points are important and what they'll inform once I gather the knowledge.</p>
</div>
</div>
<div class="col-lg-3 col-md-4 text-center hover-shadow pt-3">
<img src="images/icons/design.png" class="mb-4" alt="icon">
<h4 class="mb-4">Plan and Develop</h4>
<p>I break down the ask into milestones, subtasks and deliverables and map them to a project tracker. I communicate with stakeholders,
organize my team and get to it. I have found that integrating design thinking and recurrent stakeholder feedback allows me to deliver
on time and with the highest quality.</p>
</div>
<div class="col-lg-3 col-md-4 text-center hover-shadow pt-3">
<img src="images/icons/print.png" class="mb-4" alt="icon">
<h4 class="mb-4">Deliver</h4>
<p>Communication and education on finished product are key! I deliver by telling the entire story from question and pain point to solution
and shipped product in a relatable way, along with instruction and examples on how to use it and leverage the work.
</p>
</div>
</div>
</div>
</section>
<!-- ./Work Process -->
<!-- contact -->
<section class="section section-on-footer" data-background="images/backgrounds/bg-dots.png">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h2 class="section-title">Contact Info</h2>
</div>
<div class="col-lg-8 mx-auto">
<div class="bg-white rounded text-center p-5 shadow-down">
<h4 class="mb-80">Let's get in touch!</h4>
<form action="mailto:[email protected]" method="post" enctype="text/plain" class="row">
<div class="col-md-6">
<input type="text" id="name" name="name" placeholder="Full Name" class="form-control px-0 mb-4">
</div>
<div class="col-md-6">
<input type="email" id="email" name="email" placeholder="Email Address" class="form-control px-0 mb-4">
</div>
<div class="col-12">
<textarea name="message" id="message" class="form-control px-0 mb-4"
placeholder="Type Message Here"></textarea>
</div>
<div class="col-lg-6 col-10 mx-auto">
<button type="submit" class="btn btn-primary w-100">send</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- /contact -->
<!-- footer -->
<footer class="bg-dark footer-section">
<div class="section">
<div class="container">
<div class="row">
<div class="col-md-4">
<h5 class="text-light">Email</h5>
<p class="text-white paragraph-lg font-secondary">[email protected]</p>
</div>
<div class="col-md-4">
<h5 class="text-light">Phone</h5>
<p class="text-white paragraph-lg font-secondary">+415 999 9096</p>
</div>
<div class="col-md-4">
<h5 class="text-light">Location</h5>
<p class="text-white paragraph-lg font-secondary">San Francisco, California, USA</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- jQuery -->
<script src="plugins/jQuery/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<!-- slick slider -->
<script src="plugins/slick/slick.min.js"></script>
<!-- filter -->
<script src="plugins/shuffle/shuffle.min.js"></script>
<!-- Main Script -->
<script src="js/script.js"></script>
</body>
</html>