-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (132 loc) · 7.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>RRS portfolio</title>
<!-- external CSS link -->
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<link href="https://cdn.rawgit.com/noelboss/featherlight/1.7.8/release/featherlight.min.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<header>
<h1>Welcome to Rebecca Refoy Sidibe's portfolio</h1>
<div class="navigation">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="html/about.html">About</a>
</li>
<li>
<a href="html/portfolio.html">Portfolio</a>
</li>
<li>
<a href="https://docs.google.com/document/d/e/2PACX-1vRnRdXgfIBf4NHWSvpZkSOxNswiOD0heVeSTbeZ0HJ3b1-MK4nXe8ZQOCmd29-OSJNmwKT-0lYhXOmV/pub
">Resume</a>
</li>
</ul>
</div>
<div class="slider-background">
<div class="slider">
<div><a href="#rebecca-1"><img src="img/rebecca-1.jpg"></a></div>
<div><a href="#rebecca-2"><img src="img/rebecca-2.jpg"></a></div>
<div><a href="#rebecca-3"><img src="img/rebecca-3.jpg"></a></div>
<div><a href="#rebecca-4"><img src="img/rebecca-4.jpg"></a></div>
<div><a href="#rebecca-5"><img src="img/wedding.jpg"></a></div>
</div>
</div>
</div>
</header>
<section id="rebecca-1">
<div>
<img src="img/rebecca-1.jpg" alt="Rebecca 1">
<div class="content">
<h2>Recent experience</h2>
<p>I've been working at GSA for nearly 3 years in a couple different positions. I've had the great privilege to work with some great people so far.</p>
<a href="rebecca-info-1">More Info</a> | <a href="#top">Back to Top</a>
<div id="rebecca-info-1" class="more-info">
<img src="img/rebecca-1.jpg" alt="Rebecca 1">
<p>During my time at GSA, I've worked in 18F, TTS and the Office of Citizen Services and Innovative Technologies. I've been able to practice a lot of different skills during this time. I've honed my project management experience as a teammate, product lead and as the manager for the Office of Acquistion's summer intern program.</p>
</div>
</div>
</div>
</section>
<section id="rebecca-2">
<div>
<img src="img/rebecca-2.jpg" alt="Rebecca 2">
<div class="content">
<h2>Skills</h2>
<p>Throughout my life, I have always been organized. My recent work as a product manager has put that skill to use. I'm constantly tracking different workstreams and their progress to make sure we are working towards our products mission. Head on over to my <a href="html/portfolio.html">portfolio</a> to see more of skills. </p>
<a href="rebecca-info-2">More Info</a> | <a href="#top">Back to Top</a>
<div id="rebecca-info-2" class="more-info">
<img src="img/Rebecca-2.jpg" alt="Rebecca 2">
<p>Recently, I completed General Assembly's Front End Web Development class. It's a ten work course that gives students an intensive in the basics of HTML, CSS and javascript. My work as a product manager has already benefitted.</p>
</div>
</div>
</div>
</section>
<section id="Rebecca-3">
<div>
<img src="img/rebecca-3.jpg" alt="Rebecca 3">
<div class="content">
<h2>Passions and Volunteer work</h2>
<p>This picture was taken at my swearing in as a Peace Corps Volunteer in Guinea, West Africa. I have always been passionate about volunteering and I was incredibly grateful for my time as a volunteer.</p>
<a href="rebecca-info-3">More Info</a> | <a href="#top">Back to Top</a>
<div id="rebecca-info-3" class="more-info">
<img src="img/trafficking.jpg" alt="Rebecca 3">
<p>During college, I was the Co-President of the Anti-Trafficking Club. The club was aimed towards spreading awareness of human trafficing all over the world, including in the United States. We raised money to donate to different organizations, held documentary viewings and had a human trafficking survivor speak to an audience of over 50 students.</p>
</div>
</div>
</div>
</section>
<section id="rebecca-4">
<div>
<img src="img/rebecca-4.jpg" alt="Rebecca 4">
<div class="content">
<h2>Education</h2>
<p>I graduated from <a href="https://www.gonzaga.edu/">Gonzaga University</a> in Spokane, WA in 2012 with a Bachelor's degree in international relations and minors in Spanish and political science.</p>
<a href="rebecca-info-4">More Info</a> | <a href="top">Back to Top</a>
<div id="rebecca-info-4" class="more-info">
<img src="img/cuernavaca.jpg" alt="Rebecca 4">
<p>During my time at Gonzaga, I was lucky to do a six-week immersive language study course abroad in Cuernvaca, Mexico. I stayed with a host family, studied Spanish for 6 hours a day and participated in cross-cultural activities in the afternoons and evenings.</p>
</div>
</div>
</div>
</section>
<section id="rebecca-5">
<div>
<img src="img/wedding.jpg" alt="Rebecca 5">
<div class="content">
<h2>Fun stuff!</h2>
<p>Along with this more professional work stuff, I'm also a human that likes to have fun! </p>
<a href="rebecca-info-5"> More Info</a> | <a href="top">Back to Top</a>
<div id="rebecca-info-5" class="more-info">
<img src="img/rebecca-5.jpg" alt="Rebecca 5">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero atque voluptatem repudiandae autem repellat consequatur, pariatur praesentium sit neque consequuntur beatae aliquam aspernatur laboriosam, illum a quidem suscipit molestias, quod?</p>
</div>
</div>
</div>
</section>
<div class="footer">
<h4>Contact</h4>
<a href="mailto:[email protected]">Email me!</a>
<script type="IN/MemberProfile" data-id="https://www.linkedin.com/in/rebecca-refoy-sidibe" data-format="inline" data-related="false"></script>
<a class="github-button" href="https://github.com/rrefoy" aria-label="Follow @rrefoy on GitHub">Follow @rrefoy</a>
<a href="https://twitter.com/rrefoy?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large" data-show-count="false">Follow @rrefoy</a>
</div>
<script src="https://platform.linkedin.com/in.js" type="text/javascript"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.8/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>