-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
254 lines (224 loc) · 15.1 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dorbor H. Richards Resume/CV</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Responsive HTML5 Resume/Developers">
<meta name="Dorbor H. Richards" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<!-- Google Font -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js" integrity="sha384-3LK/3kTpDE/Pkp8gTNp2gR/2gOiwQ6QaO7Td0zV76UFJVhqLl4Vl3KL1We6q6wR9" crossorigin="anonymous"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<body>
<div class="wrapper">
<div class="sidebar-wrapper">
<div class="profile-container">
<img class="profile" id="profile_image" src="https://scontent-frx5-1.xx.fbcdn.net/v/t1.0-9/14100308_860733237395864_8565787682393946875_n.jpg?_nc_cat=106&_nc_ht=scontent-frx5-1.xx&oh=03378f037e3d17af50fb34bc2734c6eb&oe=5C790655" alt="" />
<h1 class="name">Dorbor H. Richards</h1>
<h3 class="tagline">Full Stack Developer</h3>
</div><!--//profile-container-->
<div class="contact-container container-block">
<ul class="list-unstyled contact-list">
<li class="email"><i class="fas fa-envelope"></i><a href="mailto: dorborr94@email.com">codepen.io/Dorbor</a></li>
<li class="phone"><i class="fas fa-phone"></i><a href="tel:+231 770107838">+231 770107838</a></li>
<li class="website"><i class="fas fa-globe"></i><a href="https://www.freecodecamp.org/dorbor" target="_blank">freecodecamp.org/dorbor</a></li>
<li class="linkedin"><i class="fab fa-linkedin-in"></i><a href="https://www.linkedin.com/in/dorbor-richards-92192a74/" target="_blank">linkedin.com/in/dorbor-richards-92192a74/</a></li>
<li class="github"><i class="fab fa-github"></i><a href="https://github.com/dorbor" target="_blank">github.com/dorbor</a></li>
<li class="twitter"><i class="fab fa-twitter"></i>
<a href="https://twitter.com/DorborR" target="_blank">@DorborR</a>
</li>
<li class="twitter"><i class="fab fa-facebook"></i>
<a href="https://www.facebook.com/dorborrichards" target="_blank">dorborrichards</a>
</li>
</ul>
</div><!--//contact-container-->
<div class="education-container container-block">
<h2 class="container-block-title">Education</h2>
<div class="item">
<h4 class="degree">BSc Information Technology</h4>
<h5 class="meta">Starz College of Science & Technology</h5>
<div class="time">2018 - 2019</div>
</div><!--//item-->
<div class="item">
<h4 class="degree"> Front End Developer</h4>
<h5 class="meta">FreeCodeCamp </h5>
<div class="time">2018</div>
<div class="time">and many more</div>
</div><!--//item-->
<div class="item">
<h4 class="degree"> Full Stock Developer (JavaScript)</h4>
<h5 class="meta">Udemy </h5>
<div class="time">2017</div>
</div><!--//item-->
<div class="item">
<h4 class="degree"> OOP Full Stock Developer (laravel)</h4>
<h5 class="meta">Udemy </h5>
<div class="time">2017</div>
</div><!--//item-->
<div class="item">
<h4 class="degree"> Photoshop Graphic Design</h4>
<h5 class="meta">Udemy </h5>
<div class="time">2017</div>
</div><!--//item-->
<div class="item">
<h4 class="degree">Application Development (PHP/MYSQl)</h4>
<h5 class="meta">Udemy </h5>
<div class="time">2016</div>
</div><!--//item-->
<div class="item">
<h4 class="degree">Diplomart High School</h4>
<h5 class="meta">Len Miller High School </h5>
<div class="time">2014 - 2015</div>
</div><!--//item-->
</div><!--//education-container-->
<div class="languages-container container-block">
<h2 class="container-block-title">Languages</h2>
<ul class="list-unstyled interests-list">
<li>Lorma <span class="lang-desc">(Native Tribe)</span></li>
<li>English <span class="lang-desc">(Professional)</span></li>
</ul>
</div><!--//interests-->
<div class="interests-container container-block">
<h2 class="container-block-title">Interests</h2>
<ul class="list-unstyled interests-list">
<li>Football</li>
<li>Snowboarding</li>
<li>Bike Riding</li>
</ul>
</div><!--//interests-->
</div><!--//sidebar-wrapper-->
<div class="main-wrapper">
<section class="section summary-section">
<h2 class="section-title"><span class="icon-holder"><i class="fas fa-user"></i></span>Career Profile</h2>
<div class="summary">
<p>Live long learner with professionl graphic design, web and mobile application development skill,
deligated to working, learning, experimenting and achieving goals as well as solving porblems that matters.
</p>
</div><!--//summary-->
</section><!--//section-->
<section class="section experiences-section">
<h2 class="section-title"><span class="icon-holder"><i class="fas fa-briefcase"></i></span>Experiences</h2>
<div class="item">
<div class="meta">
<div class="upper-row">
<h3 class="job-title">Lead Developer</h3>
<div class="time">2017 - Present</div>
</div><!--//upper-row-->
<div class="company">Libtelco</div>
</div><!--//meta-->
<div class="details">
<p>Design overall architecture of the web application.
Maintain quality and ensure responsiveness of applications.
Collaborate with the rest of the engineering team to design and launch new features.
Maintain code integrity and organization.
Experience working with graphic designers and converting designs to visual elements.
Understanding and implementation of security and data protection.
Highly experienced with back-end programming languages {{Ex: PHP, Python, JavaScript etc}}</p>
</div><!--//details-->
</div><!--//item-->
<div class="item">
<div class="meta">
<div class="upper-row">
<h3 class="job-title">Fullstack Developer</h3>
<div class="time">2016 - prosent</div>
</div><!--//upper-row-->
<div class="company">RoviaGate Technology</div>
</div><!--//meta-->
<div class="details">
<p>Development experience for both mobile and desktop.
Understanding of server-side languages including {{such-as javascript, EJ6, PHp, etc.}}.
Experience with cloud message APIs and usage of push notifications.
Knowledge of code versioning tools {{such as Git, Express or Node}}.</p>
</div><!--//details-->
</div><!--//item-->
</section><!--//section-->
<section class="section projects-section">
<h2 class="section-title"><span class="icon-holder"><i class="fas fa-archive"></i></span>Projects</h2>
<div class="intro">
<p>You can list your side projects or open source libraries in this section. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus.</p>
</div><!--//intro-->
<div class="item">
<span class="project-title"><a href="https://play.google.com/store/apps/details?id=com.theliberianbillboard.roviagatedeveloper.liberianbillboard&hl=en">The Liberian Billboard</a></span> - <span class="project-tagline">
The Liberian Billboard, the one stop application for latest news and corrent events in Liberia, Bring new to your mobile.
</span>
</div><!--//item-->
<div class="item">
<span class="project-title"><a href="findofficer.org" target="_blank">Find Officer</a></span> -
<span class="project-tagline">A responsive web application develop to track police officar in and around Monrovia, LiBeria </span>
</div><!--//item-->
<div class="item">
<span class="project-title"><a href="conexliberia.com" target="_blank">Conex Liberia</a></span> - <span class="project-tagline">Conex Group J.V Ltd is an investment holding company started in 2007, with a vision to build value in the investee companies, by providing capital resources, support and highly skilled and talented management teams.</span>
</div><!--//item-->
<div class="item">
<span class="project-title"><a href="ul.edu.lr" target="_blank">University of Liberia</a></span> - <span class="project-tagline">The University of Liberia was founded in 1862 as Liberia College and became a full University in 1951. It is a public institution funded mainly by the Government of Liberia. The University now has four campuses: Capitol Hill, Fendall, Medical School Fendall, and Starz-Sinji campus located in Sinji, Grand Cape Mount County. </span>
</div><!--//item-->
<div class="item">
<span class="project-title"></span> - <span class="project-tagline">and many more</span>
</div><!--//item-->
</section><!--//section-->
<section class="skills-section section">
<h2 class="section-title"><span class="icon-holder"><i class="fas fa-rocket"></i></span>Skills & Proficiency</h2>
<div class="skillset">
<div class="item">
<h3 class="level-title">Adobe Photoshop</h3>
<div class="progress level-bar">
<div class="progress-bar theme-progress-bar" role="progressbar" style="width: 88%" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--//item-->
<div class="item">
<h3 class="level-title">Javascript & jQuery</h3>
<div class="progress level-bar">
<div class="progress-bar theme-progress-bar" role="progressbar" style="width: 98%" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--//item-->
<div class="item">
<h3 class="level-title">React</h3>
<div class="progress level-bar">
<div class="progress-bar theme-progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--//item-->
<div class="item">
<h3 class="level-title">HTML5 & CSS</h3>
<div class="progress level-bar">
<div class="progress-bar theme-progress-bar" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--//item-->
<div class="item">
<h3 class="level-title">PHP & MYSQL</h3>
<div class="progress level-bar">
<div class="progress-bar theme-progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--//item-->
<div class="item">
<h3 class="level-title">Cinema 4D</h3>
<div class="progress level-bar">
<div class="progress-bar theme-progress-bar" role="progressbar" style="width: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--//item-->
<div class="item">
<h3 class="level-title">Sketch & Photoshop</h3>
<div class="progress level-bar">
<div class="progress-bar theme-progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--//item-->
</div>
</section><!--//skills-section-->
</div><!--//main-body-->
</div>
<footer class="footer">
<div class="text-center">
<!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can check out other commercial license options via our website: themes.3rdwavemedia.com */-->
<small class="copyright">Designed with <i class="fas fa-heart"></i> by <a href="codepen.io/dorbor" target="_blank">Dorbor H. Richards</a> for developers</small>
</div><!--//container-->
</footer><!--//footer-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
</body>
</html>