Skip to content

Commit fd730eb

Browse files
authored
Add main files
1 parent fcc8df4 commit fd730eb

File tree

6 files changed

+1945
-0
lines changed

6 files changed

+1945
-0
lines changed

about.html

+296
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,296 @@
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

Comments
 (0)