1
+ <!DOCTYPE html>
2
+ < html lang ="zxx ">
3
+
4
+ < head >
5
+ < meta charset ="utf-8 ">
6
+ < title > About | Gabriela Alessio</ title >
7
+
8
+ <!-- mobile responsive meta -->
9
+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
10
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, maximum-scale=1 ">
11
+
12
+ <!-- ** Plugins Needed for the Project ** -->
13
+ <!-- Bootstrap -->
14
+ < link rel ="stylesheet " href ="plugins/bootstrap/bootstrap.min.css ">
15
+ <!-- slick slider -->
16
+ < link rel ="stylesheet " href ="plugins/slick/slick.css ">
17
+ <!-- themefy-icon -->
18
+ < link rel ="stylesheet " href ="plugins/themify-icons/themify-icons.css ">
19
+
20
+ <!-- Main Stylesheet -->
21
+ < link href ="css/style.css " rel ="stylesheet ">
22
+
23
+ <!--Favicon-->
24
+ < link rel ="shortcut icon " href ="images/favicon.ico " type ="image/x-icon ">
25
+ < link rel ="icon " href ="images/favicon.ico " type ="image/x-icon ">
26
+
27
+ </ head >
28
+
29
+ < body >
30
+
31
+
32
+ < header class ="navigation fixed-top ">
33
+ < nav class ="navbar navbar-expand-lg navbar-dark ">
34
+ <!-- <a class="navbar-brand font-tertiary h3" href="index.html"><img src="images/logo.png" alt="Myself"></a> -->
35
+ < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navigation "
36
+ aria-controls ="navigation " aria-expanded ="false " aria-label ="Toggle navigation ">
37
+ < span class ="navbar-toggler-icon "> </ span >
38
+ </ button >
39
+
40
+ < div class ="collapse navbar-collapse text-center " id ="navigation ">
41
+ < ul class ="navbar-nav ml-auto ">
42
+ < li class ="nav-item active ">
43
+ < a class ="nav-link " href ="index.html "> Home</ a >
44
+ </ li >
45
+ < li class ="nav-item ">
46
+ < a class ="nav-link " href ="about.html "> about</ a >
47
+ </ li >
48
+ <!-- <li class="nav-item">
49
+ <a class="nav-link" href="blog.html">Blog</a>
50
+ </li> -->
51
+ < li class ="nav-item ">
52
+ < a class ="nav-link " href ="portfolio.html "> Portfolio</ a >
53
+ </ li >
54
+ < li class ="nav-item ">
55
+ < a class ="nav-link " href ="contact.html "> Contact</ a >
56
+ </ li >
57
+ </ ul >
58
+ </ div >
59
+ </ nav >
60
+ </ header >
61
+
62
+ <!-- page title -->
63
+ < section class ="page-title-alt bg-primary position-relative ">
64
+ < div class ="container ">
65
+ < div class ="row ">
66
+ < div class ="col-12 ">
67
+ < h1 class ="text-white font-tertiary "> About Me</ h1 >
68
+ </ div >
69
+ </ div >
70
+ </ div >
71
+ <!-- background shapes -->
72
+ < img src ="images/illustrations/leaf-bg-top.png " alt ="illustrations " class ="bg-shape-1 w-100 ">
73
+ < img src ="images/illustrations/dots-group-sm.png " alt ="illustrations " class ="bg-shape-2 ">
74
+ < img src ="images/illustrations/leaf-yellow.png " alt ="illustrations " class ="bg-shape-3 ">
75
+ < img src ="images/illustrations/leaf-orange.png " alt ="illustrations " class ="bg-shape-4 ">
76
+ < img src ="images/illustrations/dots-group-cyan.png " alt ="illustrations " class ="bg-shape-5 ">
77
+ < img src ="images/illustrations/leaf-cyan-lg.png " alt ="illustrations " class ="bg-shape-6 ">
78
+ </ section >
79
+ <!-- /page title -->
80
+
81
+ <!-- about -->
82
+ < section class ="section pt-5 ">
83
+ < div class ="container ">
84
+ < div class ="row ">
85
+ < div class ="col-md-8 ">
86
+ < p > I am Data Scientist at GitHub working to make the world’s largest software development platform
87
+ better by leveraging our unique data to drive product and business decisions. I am obsessed with
88
+ understanding users through data and effectively communicating and coordinating with other teams to
89
+ solve pain points and delight through features.</ p >
90
+ < p > Some of the most relevant work I’ve done here is building the company's A/B testing framework, process
91
+ and reporting from the ground up, supporting the design and product teams for growth and pricing, and
92
+ engineering the canonical model for conversion and financial reporting.</ p >
93
+ < p > In my previous roles at Salesforce and Gap I had the opportunity to work with a diverse set of teams
94
+ and data sets ranging from sales, marketing and ads, to customer support. I enjoyed the different set of
95
+ challenges that each posed in order to deliver actionable insights and product direction.</ p >
96
+ < p > I’m a passionate advocate for underrepresented minorities and women, I shaped and led the founding of
97
+ GitHub’s Latinx ERG which set a precedent for other ERGs to consolidate thereafter. Through my ERG work
98
+ I’ve managed and coordinated multiple D&I projects, events and conference sponsorships, including the first
99
+ PyCon LatAm.</ p >
100
+ </ div >
101
+ < div class ="col-md-4 text-center drag-lg-top ">
102
+ < div class ="shadow-down mb-4 ">
103
+ < img src ="images/about/author.jpg " alt ="author " class ="img-fluid w-100 rounded-lg border-thick border-white ">
104
+ </ div >
105
+ < img src ="images/about/signature.png " alt ="signature " class ="img-fluid ">
106
+ < h4 > Johnathan Smith</ h4 >
107
+ </ div >
108
+ </ div >
109
+ </ div >
110
+ </ section >
111
+ <!-- /about -->
112
+
113
+ <!-- Work Process -->
114
+ < section class ="section ">
115
+ < div class ="container ">
116
+ < div class ="row justify-content-around ">
117
+ < div class ="col-lg-12 text-center ">
118
+ < h2 class ="section-title "> Work Process</ h2 >
119
+ </ div >
120
+ < div class ="col-lg-3 col-md-4 text-center hover-shadow pt-3 ">
121
+ < div class ="">
122
+ < img src ="images/icons/plan.png " class ="mb-4 " alt ="icon ">
123
+ < h4 class ="mb-4 "> Research and Plan</ h4 >
124
+ < p > Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
125
+ dolore magna aliqua.</ p >
126
+ </ div >
127
+ </ div >
128
+ < div class ="col-lg-3 col-md-4 text-center hover-shadow pt-3 ">
129
+ < img src ="images/icons/design.png " class ="mb-4 " alt ="icon ">
130
+ < h4 class ="mb-4 "> Design and Develop</ h4 >
131
+ < p > Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
132
+ dolore magna aliqua.</ p >
133
+ </ div >
134
+ < div class ="col-lg-3 col-md-4 text-center hover-shadow pt-3 ">
135
+ < img src ="images/icons/print.png " class ="mb-4 " alt ="icon ">
136
+ < h4 class ="mb-4 "> Deliver</ h4 >
137
+ < p > Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
138
+ dolore magna aliqua.</ p >
139
+ </ div >
140
+ </ div >
141
+ </ div >
142
+ </ section >
143
+ <!-- ./Work Process -->
144
+
145
+ <!-- team -->
146
+ < section class ="section bg-cover " data-background ="images/backgrounds/team-bg.png ">
147
+ < div class ="container ">
148
+ < div class ="row ">
149
+ < div class ="col-12 text-center ">
150
+ < h2 class ="section-title "> My Team</ h2 >
151
+ </ div >
152
+ < div class ="col-md-4 col-sm-6 mb-4 mb-md-0 ">
153
+ < div class ="card text-center ">
154
+ < img src ="images/team/member-1.png " class ="card-img-top ">
155
+ < div class ="card-body ">
156
+ < h4 class ="card-title "> Jack Schenziwe</ h4 >
157
+ < p class ="text-light font-secondary "> Project Manager</ p >
158
+ </ div >
159
+ </ div >
160
+ </ div >
161
+ < div class ="col-md-4 col-sm-6 mb-4 mb-md-0 ">
162
+ < div class ="card text-center ">
163
+ < img src ="images/team/member-2.png " class ="card-img-top ">
164
+ < div class ="card-body ">
165
+ < h4 class ="card-title "> Jack Schenziwe</ h4 >
166
+ < p class ="text-light font-secondary "> Project Manager</ p >
167
+ </ div >
168
+ </ div >
169
+ </ div >
170
+ < div class ="col-md-4 col-sm-6 mb-4 mb-md-0 ">
171
+ < div class ="card text-center ">
172
+ < img src ="images/team/member-3.png " class ="card-img-top ">
173
+ < div class ="card-body ">
174
+ < h4 class ="card-title "> Jack Schenziwe</ h4 >
175
+ < p class ="text-light font-secondary "> Project Manager</ p >
176
+ </ div >
177
+ </ div >
178
+ </ div >
179
+ </ div >
180
+ </ div >
181
+ </ section >
182
+ <!-- /team -->
183
+
184
+ <!-- clients -->
185
+ < section class ="section ">
186
+ < div class ="container ">
187
+ < div class ="row ">
188
+ < div class ="col-12 text-center ">
189
+ < h2 class ="section-title "> My Clients</ h2 >
190
+ </ div >
191
+ </ div >
192
+ < div class ="row ">
193
+ < div class ="col-12 ">
194
+ < div class ="client-logo-slider d-flex align-items-center ">
195
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
196
+ src ="images/clients-logo/client-logo-1.png " alt ="client-logo "> </ a >
197
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
198
+ src ="images/clients-logo/client-logo-2.png " alt ="client-logo "> </ a >
199
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
200
+ src ="images/clients-logo/client-logo-3.png " alt ="client-logo "> </ a >
201
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
202
+ src ="images/clients-logo/client-logo-4.png " alt ="client-logo "> </ a >
203
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
204
+ src ="images/clients-logo/client-logo-5.png " alt ="client-logo "> </ a >
205
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
206
+ src ="images/clients-logo/client-logo-1.png " alt ="client-logo "> </ a >
207
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
208
+ src ="images/clients-logo/client-logo-2.png " alt ="client-logo "> </ a >
209
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
210
+ src ="images/clients-logo/client-logo-3.png " alt ="client-logo "> </ a >
211
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
212
+ src ="images/clients-logo/client-logo-4.png " alt ="client-logo "> </ a >
213
+ < a href ="# " class ="text-center d-block outline-0 p-4 "> < img class ="d-unset img-fluid "
214
+ src ="images/clients-logo/client-logo-5.png " alt ="client-logo "> </ a >
215
+ </ div >
216
+ </ div >
217
+ </ div >
218
+ </ div >
219
+ </ section >
220
+ <!-- /clients -->
221
+
222
+ <!-- contact -->
223
+ < section class ="section section-on-footer " data-background ="images/backgrounds/bg-dots.png ">
224
+ < div class ="container ">
225
+ < div class ="row ">
226
+ < div class ="col-12 text-center ">
227
+ < h2 class ="section-title "> Contact Info</ h2 >
228
+ </ div >
229
+ < div class ="col-lg-8 mx-auto ">
230
+ < div class ="bg-white rounded text-center p-5 shadow-down ">
231
+ < h4 class ="mb-80 "> Contact Form</ h4 >
232
+ < form action ="# " class ="row ">
233
+ < div class ="col-md-6 ">
234
+ < input type ="text " id ="name " name ="name " placeholder ="Full Name " class ="form-control px-0 mb-4 ">
235
+ </ div >
236
+ < div class ="col-md-6 ">
237
+ < input type ="email " id ="email " name ="email " placeholder ="Email Address " class ="form-control px-0 mb-4 ">
238
+ </ div >
239
+ < div class ="col-12 ">
240
+ < textarea name ="message " id ="message " class ="form-control px-0 mb-4 "
241
+ placeholder ="Type Message Here "> </ textarea >
242
+ </ div >
243
+ < div class ="col-lg-6 col-10 mx-auto ">
244
+ < button class ="btn btn-primary w-100 "> send</ button >
245
+ </ div >
246
+ </ form >
247
+ </ div >
248
+ </ div >
249
+ </ div >
250
+ </ div >
251
+ </ section >
252
+ <!-- /contact -->
253
+
254
+ <!-- footer -->
255
+ < footer class ="bg-dark footer-section ">
256
+ < div class ="section ">
257
+ < div class ="container ">
258
+ < div class ="row ">
259
+ < div class ="col-md-4 ">
260
+ < h5 class ="text-light "> Email</ h5 >
261
+ < p class ="
text-white paragraph-lg font-secondary "
> [email protected] </ p >
262
+ </ div >
263
+ < div class ="col-md-4 ">
264
+ < h5 class ="text-light "> Phone</ h5 >
265
+ < p class ="text-white paragraph-lg font-secondary "> +880 2544 658 256</ p >
266
+ </ div >
267
+ < div class ="col-md-4 ">
268
+ < h5 class ="text-light "> Address</ h5 >
269
+ < p class ="text-white paragraph-lg font-secondary "> 125/A, CA Commercial Area, California, USA</ p >
270
+ </ div >
271
+ </ div >
272
+ </ div >
273
+ </ div >
274
+ < div class ="border-top text-center border-dark py-5 ">
275
+ < p class ="mb-0 text-light "> Copyright ©< script >
276
+ var CurrentYear = new Date ( ) . getFullYear ( )
277
+ document . write ( CurrentYear )
278
+ </ script > a theme by < a href ="https://themefisher.com "> themefisher.com</ a > </ p >
279
+ </ div >
280
+ </ footer >
281
+ <!-- /footer -->
282
+
283
+ <!-- jQuery -->
284
+ < script src ="plugins/jQuery/jquery.min.js "> </ script >
285
+ <!-- Bootstrap JS -->
286
+ < script src ="plugins/bootstrap/bootstrap.min.js "> </ script >
287
+ <!-- slick slider -->
288
+ < script src ="plugins/slick/slick.min.js "> </ script >
289
+ <!-- filter -->
290
+ < script src ="plugins/shuffle/shuffle.min.js "> </ script >
291
+
292
+ <!-- Main Script -->
293
+ < script src ="js/script.js "> </ script >
294
+
295
+ </ body >
296
+ </ html >
0 commit comments