-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
357 lines (256 loc) · 11.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
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
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dion Singh Portfolio</title>
<link rel="shortcut icon" type="image/jpg" href="images/white-logo.jpg"/>
<!-- FONT AWESOME CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<!-- CSS FILE -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="menu-bars" class="fas fa-bars"></div>
<!-- HEADER SECTION -->
<header>
<a href="#" class="logo"> <span>Dion</span>Singh</a>
<nav class="navbar">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#portfolio">Portfolio</a>
<!-- <a href="#service">Service</a> -->
<a href="#experience">Experience</a>
<a href="#education">Education</a>
<a href="#contact">Contact</a>
</nav>
<div class="follow">
<a href="https://www.linkedin.com/in/dion-singh-914467164/" class="fab fa-linkedin" target = "_blank"></a>
<a href="https://github.com/DionMS8" class="fab fa-github" target = "_blank"></a>
<!-- <a href="https://twitter.com/Dion_MS8" class="fab fa-twitter" target = "_blank"></a>
<a href="https://www.instagram.com/dion_ms8/" class="fab fa-instagram" target = "_blank"></a> -->
</div>
</header>
<!-- HOME SECTION -->
<section class="home" id="home">
<div class="content">
<span class="hi"> Hi There... </span>
<h3> i am <span> Dion Singh </span> </h3>
<p class="info"> • BSc Electrical and Computer Engineering </p>
<p class="info"> • Full-Stack Web Developer </p>
<!-- <p class="text"> </p> -->
<a class="btn" href="#about">About Me</a>
</div>
<div class="image">
<img class="home-pic" src="images/red-shirt.jpg" alt="">
</div>
</section>
<!-- ABOUT SECTION -->
<section class="about" id="about">
<h1 class="heading"> About <span> Me </span> </h1>
<div class="row-1">
<!-- <div class="image">
<img class="about-pic" src="images/bob-pic3.jpg" alt="">
</div> -->
<div class="content">
<h3></h3>
<p>
A BSc Electrical and Computer Engineering graduate with proven skills in web development, project management, customer service, office administration,
and inventory management, and. Basic knowledge of SEO and Agile methodologies based on self-learning.
Entry-level skills in domestic electrical wiring and installation. Designed and implemented a
supporting website for a digital COVID-19 vaccination passport intended for use in Trinidad
and Tobago which generates and scans QR codes for vaccination records. Throughout my academic
and professional career, I have engaged in numerous technical projects which have pushed me to
develop the self-discipline to produce quality work and perform under pressure to meet deadlines promptly. Driven to deliver
high-quality work and contribute to the operation and growth of an organization.
</p>
<br>
<!-- <a class="btn" href="resume/Dion-Singh-Resume.pdf" target="_blank" download>Download Resume</a> -->
<!-- <a href="#" class="btn">Hire Me</a> -->
</div>
</div>
<br>
<h1 class="heading"> <span> Technical </span> Skills </h1>
<div class="row-2">
<div class="skills">
<div class="progress">
<h3> ➤ 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗺𝗶𝗻𝗴 𝗟𝗮𝗻𝗴𝘂𝗮𝗴𝗲𝘀 - JavaScript (ES6+) || HTML5 || CSS3 || PHP || Python || C++ </h3>
<h3> ➤ 𝗙𝗿𝗮𝗺𝗲𝘄𝗼𝗿𝗸𝘀 - ReactJS </h3>
<h3> ➤ 𝗗𝗮𝘁𝗮𝗯𝗮𝘀𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁 𝗦𝘆𝘀𝘁𝗲𝗺𝘀 - MySQL </h3>
<h3> ➤ 𝗨𝗜/𝗨𝗫 𝗗𝗲𝘀𝗶𝗴𝗻 𝗧𝗼𝗼𝗹𝘀 - Figma || Adobe Photoshop </h3>
<h3> ➤ 𝗢𝘁𝗵𝗲𝗿 𝗧𝗲𝗰𝗵𝗻𝗼𝗹𝗼𝗴𝗶𝗲𝘀 - Git || MS Word, Excel, & PowerPoint || Asana || JSON || NPM || APIs </h3>
<h3> ➤ 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗟𝗶𝗳𝗲 𝗖𝘆𝗰𝗹𝗲𝘀 - Agile/Scrum || Evolutionary Prototyping </h3>
</div>
</div>
</div>
</section>
<!-- PROJECT PORTFOLIO SECTION -->
<section class="portfolio" id="portfolio">
<h1 class="heading"> <span> Project </span> Portfolio </h1>
<div class="box-container">
<div class="box">
<img src="images/project-covid.jpg" alt="">
<h3> CoVaxPassTT </h3>
<div class="icons">
<a href="#" class="fas fa-link"></a>
<a href="#" class="fab fa-github"></a>
</div>
</div>
<div class="box">
<img src="images/project-movie.PNG" alt="">
<h3> RaDiont Movies </h3>
<div class="icons">
<a href="#" class="fas fa-link"></a>
<a href="#" class="fab fa-github"></a>
</div>
</div>
<div class="box">
<img src="images/project-productive.png" alt="">
<h3> Productivity Empire </h3>
<div class="icons">
<a href="#" class="fas fa-link"></a>
<a href="#" class="fab fa-github"></a>
</div>
</div>
<div class="box">
<img src="images/project-fitness.PNG" alt="">
<h3> RaDiont Fitness </h3>
<div class="icons">
<a href="#" class="fas fa-link"></a>
<a href="#" class="fab fa-github"></a>
</div>
</div>
<div class="box">
<img src="images/project-food.png" alt="">
<h3> FindFoodTT </h3>
<div class="icons">
<a href="#" class="fas fa-link"></a>
<a href="#" class="fab fa-github"></a>
</div>
</div>
<!-- <div class="box">
<img src="images/project-nft.png" alt="">
<h3> Pokedex </h3>
<div class="icons">
<a href="#" class="fas fa-link"></a>
<a href="#" class="fab fa-github"></a>
</div>
</div> -->
</div>
</section>
<!-- service section starts -->
<!-- <section class="service" id="service">
<h1 class="heading"> <span> my </span> services </h1>
<div class="box-container">
<div class="box">
<i class="fas fa-code"></i>
<h3>web design</h3>
<p></p>
</div>
<div class="box">
<i class="fas fa-paint-brush"></i>
<h3>graphic design</h3>
<p></p>
</div>
<div class="box">
<i class="fas fa-mobile"></i>
<h3>responsive design</h3>
<p></p>
</div>
</div>
</section> -->
<br>
<!-- WORK EXPERIENCE SECTION -->
<section class="experience" id="experience">
<h1 class="heading"> <span> Work </span> Experience </h1>
<div class="box-container">
<div class="box">
<div class="content">
<span> 06/2021 - 08/2021 </span><br><br>
<span> 06/2020 - 08/2020 </span><br>
<h3>Inventory Manager/Grocery Clerk</h3>
<h2>B. Ramsawak Supermarket (Rousillac, Trinidad)</h2><br>
<p>• Demonstrated customer service by providing product information, aisle locations, and backstock checks for more than 50 customers daily.</p><br>
<p>• Streamlined the flow of more than 5000 items by 40% by ordering stock items quickly, preparing sales displays, and validating price labels.</p><br>
<p>• Implemented an employee work schedule using MS Excel, optimizing tracking of employee hours and management of shift-swaps by 75%.</p><br>
</div>
</div>
<div class="box">
<div class="content">
<span> 06/2019 - 08/2019 </span><br>
<h3>Administrative Assistant</h3>
<h2>Mungal Kissoon Ltd (Rousillac, Trinidad)</h2><br>
<p>• Digitized the company's contact directories reducing the need for paperwork by 60% and mitigating the risk of losing essential information.</p><br>
<p>• Analyzed and maintained inventory records by checking stock daily to determine supply levels and expedited the facilitation of client orders.</p><br>
<p>• Demonstrated customer service and phone etiquette by receiving calls, forwarding messages and confirming appointments as necessary.</p><br>
<p>• Provided IT support for a range of software and connectivity issues.</p><br>
</div>
</div>
</div>
</section>
<!-- EDUCATION SECTION -->
<section class="education" id="education">
<h1 class="heading"> <span> Academic </span> Education </h1>
<div class="box-container">
<div class="box">
<div class="content">
<span> 2017 - 2022 </span>
<h3>The University of the West Indies (UWI), St. Augustine</h3>
<p>BSc Electrical and Computer Engineering (Hons)</p>
</div>
</div>
<div class="box">
<div class="content">
<span> 2016 - 2017 </span>
<h3>The University of the West Indies (UWI), Open Campus</h3>
<p>Pre-Engineering Programme </p>
</div>
</div>
<div class="box">
<div class="content">
<span> 2009 - 2016 </span>
<h3>Iere High School</h3>
<p>• 10 CAPE A' Level Passes</p>
<p>• 9 CSEC O' Level Passes</p>
</div>
</div>
</div>
</section>
<!-- CONTACT SECTION -->
<section class="contact" id="contact">
<h1 class="heading"> Contact <span> Me </span></h1>
<div class="icons-container">
<div class="icons">
<i class="fas fa-envelope"></i>
<h3>Email</h3>
<p>[email protected]</p>
</div>
<div class="icons">
<i class="fas fa-phone"></i>
<h3>Phone Number</h3>
<p>+1 (868) 317-4741</p>
</div>
<div class="icons">
<i class="fas fa-map-marker-alt"></i>
<h3>Location</h3>
<p>Trinidad, W.I</p>
</div>
</div>
<!-- <div class="row">
<form action="">
<input type="text" placeholder="name" class="box">
<input type="email" placeholder="email" class="box">
<input type="number" placeholder="number" class="box">
<textarea name="" placeholder="message" id="" cols="30" rows="10"></textarea>
<input type="submit" class="btn" value="send message">
</form>
<iframe class="map" src="" allowfullscreen="" loading="lazy"></iframe>
</div> -->
</section>
<!-- FOOTER -->
<footer class="footer"> created by <span>Dion Singh</span></footer>
<!-- JS FILE -->
<script src="js/script.js"></script>
</body>
</html>