-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathabout.html
325 lines (297 loc) · 19.9 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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!--
for Facebook, Twitter, LinkedIn, and Google+
Adding Open Graph tags to your website won’t directly affect your on-page SEO, but it will influence the performance of your links on social media.
-->
<meta property="og:title" content="My personal Website" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://feyagape.github.io/images" />
<meta property="og:url" content="https://feyagape.github.io/" />
<meta property="og:locale" content="en_US" />
<meta property="og:description" content="My personal website" />
<!-- Favicons -->
<link rel="icon" href="images/favicon.ico">
<title>About Me</title>
<!-- Fonts and icons -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Quicksand:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
<link rel="stylesheet" href="css/material-kit.css">
<link href="css/style.css" rel="stylesheet" />
<!-- Documentation extras -->
<!-- Slick slider CSS -->
<link rel="stylesheet" type="text/css" href="css/slick/slick.css">
<!-- slick-theme.css -->
<link rel="stylesheet" type="text/css" href="css/slick/slick-theme.css">
</head>
<body class="landing-page ">
<nav class="navbar navbar-color-on-scroll navbar-transparent fixed-top navbar-expand-lg " color-on-scroll="100" id="sectionsNav">
<div class="container">
<div class="navbar-translate">
<a class="navbar-brand brand" href="index.html">Fey Ijaware</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="about.html" class="nav-link active">About</a>
</li>
<li class="nav-item">
<a href="resume.html" class="nav-link">Resume</a>
</li>
<li class="nav-item">
<a href="portfolio.html" class="nav-link">Portfolio</a>
</li>
<li class="nav-item">
<li class="nav-item">
<a href="blogs.html" class="nav-link">Blogs</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact</a>
</li>
<!--<li class="nav-item">
<a class="nav-link" title="" data-placement="bottom" href="https://www.instagram.com/CreativeTimOfficial" target="_blank">
<i class="fa fa-instagram"></i>
</a>
</li>-->
</ul>
</div>
</div>
</nav>
<div class="page-header header-filter" data-parallax="true" style=" background-image: url('images/aboutjumbo.JPG'); ">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 class="title">Self-Taught Developer</h1>
<h4>Do what you love and love what you do.</h4>
<!--<br>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank" class="btn btn-danger btn-raised btn-lg">
<i class="fa fa-play"></i> Watch video
</a>-->
</div>
</div>
</div>
</div>
<div class="main main-raised">
<div class="container">
<div class="section text-center">
<div class="row">
<div class="col-md-8 ml-auto mr-auto">
<h2 class="title">Why Tech?<br><span class="h3"><i>What lead me down this path is my deep love for coding.</i></span></h2>
<h5 class="description">I think what made developing resonate with my soul is the fact that I am a problem solver and it has definitely opened up my world up to a whole new possibility and ways in which I can also help create a solution or solutions to problems and issues.</h5>
</div>
</div>
</div>
<div class="section section-tabs" style="padding-top: 0;">
<div class="container">
<!-- nav tabs -->
<div id="nav-tabs">
<div class="row">
<div class="col-md-12">
<!-- Tabs with icons on Card -->
<div class="card card-nav-tabs">
<div class="card-header card-header-primary brand-bg">
<!-- colors: "header-primary", "header-info", "header-success", "header-warning", "header-danger" -->
<div class="nav-tabs-navigation">
<div class="nav-tabs-wrapper">
<ul class="nav nav-tabs justify-content-center" data-tabs="tabs">
<li class="nav-item">
<a class="nav-link active" href="#web" data-toggle="tab"><i class="material-icons">important_devices</i>
Web Development</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#android" data-toggle="tab">
<i class="material-icons">android</i>
Android Development
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#learning" data-toggle="tab">
<i class="material-icons">code</i>
Learning
<div class="ripple-container"></div></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#professionally" data-toggle="tab">
<i class="material-icons">work</i>
Professionally
<div class="ripple-container"></div></a>
</li>
</ul>
</div>
</div>
</div><div class="card-body ">
<div class="tab-content text-center">
<div class="tab-pane active" id="web">
<p>My passion for Web development started in December 2015, in my previous role working for the Co-op Group. My manager gave me a website project to have a look at, to see what needed updating and how to go about making the new changes, and this was how I got a taste for developing and I realized I wanted to learn more. </p>
<p>I did Front-End Web development for a year at the Co-op, website (Internet and Intranet) content updating and creating via Episerver CMS (The Co-op's content management system). I learned on the job, but only the aspects that I needed to get the job done.</p>
<p>I have been a Web developer going 3 years now and I currently work as a Front-End Developer for a recruitment company, creating interactive, responsive website for numerous clients.</p>
</div>
<div class="tab-pane" id="android">
<p>Thanks to a Google Scholarship I received at the start of January 2017 and a sucessful completion, I now have a Nanodegree in Android Development. I was selected to study the beginner path as I had no prior knowledge of Android Development, and in just the 6 months I was studying I have created over 10 Android apps.</p>
<p>Now when I open an app on my phone, I am able to understand some if not all of the concepts behind the app. Getting the Scholarship helped me come to a few career decisions and I decided not to go back to work and actually focus on learning and developing my digital skills, it also helped to broaden my life and exposed me to a lot of amazing people all across Europe.</p>
</div>
<div class="tab-pane" id="learning">
<p>I ended up taking 9 months off work between January 2017 - September 2017 to enriching my knowledge on all things digital. I studied via Udacity for my Scholarship and a variety of online schools and resources, including W3Schools, FreeCodeCamp and CodeAcademy.</p>
<p>I have to say learning via Udacity has definitely been a highlight in my education journey. Udacity Teaching materials really went above and beyond most education journey that I have ever taken.</p>
<p>And with the addition of the freeCodeCamp community and Women TechMakers community’s, I have met some amazing people from all over the world. And I couldn’t be more thankful and grateful for these opportunities and the community’s that I am now a part of.</p>
</div>
<div class="tab-pane" id="professionally">
<p>If I had to describe myself in two words, I feel I am a people person. It has been noted that I am a hardworking, personable, pragmatic, approachable and enthusiastic professional.</p>
<p>I am aspiring to be a Full Stack Developer by working through the freeCodeCamp curriculum and Udacity and I have just successfully completed my second scholarship from Google via Udacity. I studied the Mobile Web Specialist nanodegree, a course that focuses on accessible and responsive web apps and offline first technologies.</p>
<p>I am also someone that eager to learn and develop new skills to achieve the highest standards. While at the Co-op I took part in Agile training to improve and introduce a more Agile way of working, which I think has improved my ability to respond far more quickly to change and provide a way to implement high-priority initiatives. It has also been very useful for learning.</p>
</div>
</div>
</div></div>
<!-- End Tabs with icons on Card -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section" style="padding-top: 0;">
<div class="container-fliud contained">
<div class="text-center">
<h2 class="title">Social Impact<br><span class="h3"><i>I am someone that likes to get involved.</i></span></h2>
<h5 class="description padding-space">In year 10, I was elected the school council representative for my form. It was an experience I really enjoyed so I continued on in my year 11 and university too.</h5>
</div>
<div class="row">
<div class="col-md-6">
<img src="images/about/about4.png" class="image-styling">
</div>
<div class="col-md-6 text-left col-z-index first-child-col">
<p>While in University I volunteered in a local charity shop for animals within my first two years, which I really enjoyed, and it enabled me to learn about the local community.</p>
<p>At the Co-op, I have been involved in a few community projects and fundraising. In 2016, I organize and lead a massive clean-up in Boggart Hole Park, which also made the local paper. I also organized a fundraising 'Charity Shop' event in 1 Angel Square which raise over £700. And in October 2016, I was part of Team Droylsden Co-op Apprenticeship challenge, where we were the winner of the ‘greatest increase in shop takings’.</p>
<p>I organised Christmas Jumper day last Christmas with my co-workers and was able to raise over £200 for Save the children.</p>
</div>
</div>
<div class="text-center top-spacing">
<h2 class="title">Voluntary<br><span class="h3"><i>Mentor and Organiser</i></span></h2>
<h5 class="description padding-space">I have been a mentor and organiser since January 2018.</h5>
</div>
<div class="row space-top special">
<div class="col-md-6 text-left col-z-index last-child-col">
<p>I joined the Manchester Free Code Camp meet-up community in June 2017 and I am also one of the organiser for the community. I was invited to the join the Free Code Camp Manchester meet-up as an organiser in January 2018 due to my contribution to the group.</p>
<p>I am someone that likes to get involved because I have a genuine commitment to social impact, so I am also a Mentor in my free time, where I help support people new to coding and developing. It is something I enjoy and I also love mentoring those that reach out to me for help and support.</p>
<p>I love attending hackathons and I am very active in Manchester's Tech communities by attending various Tech Events, and I have done a few public speaking at a few events. I am also a writer, sharing my stories about how I got into Tech.</p>
</div>
<div class="col-md-6">
<img src="images/about/about3.png" class="image-styling">
</div>
</div>
</div>
</div>
<div class="section text-center" style="padding-top: 0;">
<h2 class="title">Blogs</h2>
<h5 class="description">Here are some of my most recent blogs.</h5>
<div class="blog slider">
<div class="blog-slider">
<img class="" src="images/blog/blog1.png" alt="project image">
<a href="https://medium.com/@feyagape/part-3-the-journey-to-self-discovery-ef6dd3368809" target="_blank" class="btn btn-info btn-raised btn-md"><i class="fa fa-book"></i> Read more</a>
</div>
<div class="blog-slider">
<img class="" src="images/blog/blog2.png" alt="project image">
<a href="https://medium.com/@feyagape/thank-you-google-and-udacity-4576239b5fcf" target="_blank" class="btn btn-info btn-raised btn-md"><i class="fa fa-book"></i> Read more</a>
</div>
<div class="blog-slider">
<img class="" src="images//blog/blog3.png" alt="project image">
<a href="https://theascent.pub/man-is-the-cruelest-animal-35e5d984d4ea" target="_blank" class="btn btn-info btn-raised btn-md"><i class="fa fa-book"></i> Read more</a>
</div>
<div class="blog-slider">
<img class="" src="images/blog/blog4.png" alt="project image">
<a href="https://theascent.pub/lets-have-a-quick-talk-fa7d72bc6dd5" target="_blank" class="btn btn-info btn-raised btn-md"><i class="fa fa-book"></i> Read more</a>
</div>
</div>
<a href="blogs.html" class="btn btn-rose brand-bg btn-raised btn-md" style="margin-top: 5%;">View more blogs</a>
</div>
</div>
</div>
<footer class="footer ">
<div class="container">
<nav class="pull-left">
<ul>
<li class="social">
<a href="https://www.linkedin.com/in/feyijaware/" target="_blank" ><img src="images/sm/linkedin.png" alt=" linkedin logo"/></a>
</li>
<li class="social">
<a href="https://twitter.com/FeyAgape" target="_blank" ><img src="images/sm/twitter.png" alt=" twitter logo"/></a>
</li>
<li class="social">
<a href="https://github.com/FeyAgape" target="_blank" ><img src="images/sm/github.png" alt="github logo"/></a>
</li>
<li class="social">
<a href="https://medium.com/@feyagape" target="_blank" ><img src="images/sm/medium.png" alt=" medium logo"/></a>
</li>
<li class="social">
<a href="https://www.instagram.com/feyagape/" target="_blank" ><img src="images/sm/insta.png" alt=" insta logo"/></a>
</li>
<li class="social">
<a href="https://www.facebook.com/fey.agape" target="_blank" ><img src="images/sm/fb.png" alt="fb logo"/></a>
</li>
<li class="social">
<a href="mailto:ijaware.fey@outlook.com"><img src="images/sm/email.png" alt="email logo"/></a>
</li>
<li class="social">
<a class="social" rel="tooltip" title="" data-placement="bottom" data-original-title="Manchester, UK."><img src="images/sm/location.png" alt="location logo"/></a>
</li>
</ul>
</nav>
<div class="copyright pull-right"><p>
© 2017 -
<script>
document.write(new Date().getFullYear())
</script> <a href="https://feyagape.github.io/" target="_blank">Fey Ijaware</a>.</p>
</div>
</div>
</footer>
<!-- Core JS Files -->
<script src="js/core/jquery.min.js"></script>
<!-- Plugin for Date Time Picker and Full Calendar Plugin
<script src="js/plugins/moment.min.js"></script>-->
<!-- Plugin for the Datepicker, full documentation here: https://github.com/Eonasdan/bootstrap-datetimepicker
<script src="js/plugins/bootstrap-datetimepicker.min.js"></script>-->
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/
<script src="js/plugins/nouislider.min.js"></script>-->
<!-- Material Kit Core initialisations of plugins and Bootstrap Material Design Library -->
<!--js-->
<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
<script src="js/slick.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).on('ready', function() {
$(".blog").slick({
dots: true,
infinite: true,
slidesToShow: 2,
slidesToScroll: 2,
responsive: [
{
breakpoint: 1025,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
});
</script>
<script src="js/material-kit.js?v=2.0.2"></script><script src="js/core/popper.min.js"></script>
<script src="js/bootstrap-material-design.js"></script>
</body>
</html>