-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
259 lines (239 loc) · 12 KB
/
Copy pathindex.html
File metadata and controls
259 lines (239 loc) · 12 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no"/>
<meta name="format-detection" content="telephone=no">
<meta name="referrer" content="origin-when-cross-origin">
<title>Victor Kuria</title>
<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="hero-section">
<div class="about-text hover-target">about</div>
<div class="contact-text hover-target">contact</div>
<div class="section-center">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h1>Victor Kuria</h1>
</div>
<div class="col-12 text-center mb-2">
<div class="dancing">Software Dev</div>
</div>
<div class="col-12 text-center mt-4 mt-lg-5">
<p>
<span class="travel hover-target">Stacks</span>
<span class="wildlife hover-target">Education</span>
<span class="nature hover-target">Experience</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="about-section">
<div class="about-close hover-target"></div>
<div class="section-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<img src="http://images6.fanpop.com/image/photos/34300000/Randomness-random-34307751-613-450.jpg" alt="">
</div>
<div class="col-lg-8 text-center mt-4">
<p class="lead">A young Avid Software Developer living in Nairobi Kenya. <br>
Skills <br>
Young Software Developer looking to change the world for the better with new and safe Technology. <br>
I have also trained over 650 students on their journeys to becoming successful Software developers across an established tech institution in Kenya. <br>
To put it simply, I am in love with technology. <br>
<span>Interests</span> <br>
Space exploration. <br>
Interactive arguments. </p>
</div>
<div class="col-12 text-center">
<p><span> Victor Kuria</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="contact-section">
<div class="contact-close hover-target"></div>
<div class="section-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1" class="hover-target" target=”_blank”>victorkuria7@gmail.com </a>
</div>
<div class="col-12 text-center social mt-4">
<a href="https://twitter.com/V_Kuriah" class="hover-target" target=”_blank”>Twitter</a>
<a href="https://github.com/Davincii254" class="hover-target" target=”_blank”>Github</a>
</div>
</div>
</div>
</div>
</div>
<div class="travel-section">
<div class="travel-close hover-target"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h3>Stacks</h3>
</div>
<div class="col-12 mt-3 text-center">
<p><span>Software Dev</span></p>
</div>
<div class="col-12 text-center">
<p>
</p>
</div>
<div class="skill-bars">
<div class="bar">
<div class="bar">
<div class="info"> <span>Java Script</span> </div>
<div class="progress-line JavaScript"> <span></span> </div>
</div>
<div class="bar">
<div class="info"> <span>React</span> </div>
<div class="progress-line react"> <span></span> </div>
</div>
<div class="bar">
<div class="info"> <span>React Native</span> </div>
<div class="progress-line reactNative"> <span></span> </div>
</div>
<div class="bar">
<div class="info"> <span>Ruby</span></div>
<div class="progress-line ruby"> <span></span></div>
</div>
<div class="bar">
<div class="info"> <span>Rails</span></div>
<div class="progress-line rails"> <span></span></div>
</div>
<div class="bar">
<div class="info"> <span>Android</span></div>
<div class="progress-line android"> <span></span></div>
</div>
<div class="bar">
<div class="info"> <span>Python</span></div>
<div class="progress-line python"> <span></span></div>
</div>
<div class="info"> <span>HTML</span> </div>
<div class="progress-line html"> <span></span> </div>
</div>
<div class="bar">
<div class="info"> <span>CSS</span> </div>
<div class="progress-line css"> <span></span> </div>
</div>
</div>
</div>
</div>
</div>
<div class="wildlife-section">
<div class="wildlife-close hover-target"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h3>Education</h3>
</div>
<div class="col-12 mt-3 text-center">
<p><span>Educational Background</span></p>
</div>
<div class="col-md-6 col-lg-4 card">
<div class="card-body">
<p class="lead">
FlatIron School - 2022 <br>
Software Development<br>
Ruby, React, Ruby on Rails, Python
</p>
</div>
</div>
<div class="col-md-6 col-lg-4 card">
<div class="card-body">
<p class="lead">
Moringa School - 2021 <br>
Software Development <br>
Backend: Java, Spark, Firebase
Frontend: HTML5, CSS, Bootstrap, Angular, Handlebars.
</p>
</div>
</div>
<div class="col-md-6 col-lg-4 card">
<div class="card-body">
<p class="lead">
Zetech University - 2018 - 2020 <br>
Computer Science <br>
Networking.
Programming: C, C++, JavaScript, Java, Mathematics
</p>
</div>
</div>
</div>
</div>
</div>
<div class="nature-section">
<div class="nature-close hover-target"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h3>Experience</h3>
</div>
<div class="col-12 mt-3 text-center">
<p><span>Some of my works</span></p>
</div>
<div class="card-grid">
<div class="card card0">
<div class="overlay">
<div class="content">
<h2>My Space</h2>
<p>"An application that will allow users sign in or create an account, and get access to details and information about space. Details like Astronomy Picture of The Day, Asteroids and bodies near earth, Techport opportunities about NASA and soon enough view live launches."</p>
<a class="learn-more-btn" href="https://github.com/Davincii254/MySpace" target=”_blank”>Learn More</a>
</div>
</div>
</div>
<div class="card card1">
<div class="overlay">
<div class="content">
<h2>BlackJack</h2>
<p>"A Java program that allows one to play blackjack, bringing all the fun of cards to Java."</p>
<a class="learn-more-btn" href="https://github.com/Davincii254/Blackjack" target=”_blank”>Learn More</a>
</div>
</div>
</div>
<div class="card card2">
<div class="overlay">
<div class="content">
<h2>Space X</h2>
<p>"A Ruby React Application that fetches data from Space x API and allows a user to see all the launches done by space x. A user can also be able to create their own company, have the company launch a rocket and delete the company after."</p>
<a class="learn-more-btn" href="https://github.com/Davincii254/SpaceX" target=”_blank”>Learn More</a>
</div>
</div>
</div>
<div class="card card3">
<div class="overlay">
<div class="content">
<h2>Github Profile</h2>
<p>"Find more Apps here."</p>
<a class="learn-more-btn" href="https://github.com/Davincii254" target=”_blank”>Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='cursor' id="cursor"></div>
<div class='cursor2' id="cursor2"></div>
<div class='cursor3' id="cursor3"></div>
<!-- Link to page
================================================== -->
<a href="https://github.com/Davincii254" class="link-to-portfolio hover-target" target=”_blank”></a>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="./script.js"></script>
</html>