-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
222 lines (213 loc) · 7.49 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="portfolio.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="portfolio.css" />
<title>Valentine Kerubo Portfolio Website</title>
</head>
<body>
<div class="header">
<header>
<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#experience">Experience</a>
</nav>
<ul class="social-icons">
<li>
<a
href="https://www.linkedin.com/in/valentine-kerubo-2a2308229/"
target="_blank"
>
<i class="fa fa-linkedin-square" style="font-size: 36px"></i>
</a>
</li>
<li>
<a href="https://github.com/nyankwoga">
<i class="fa fa-github" style="font-size: 36px"></i>
</a>
</li>
</ul>
</header>
</div>
<section id="home">
<div class="home-container">
<div class="text-content">
<div class="heading">
<h5>Home</h5>
<h2>Home</h2>
</div>
<h1>Hi, I'm Valentine Kerubo, Web Developer/Data Analyst</h1>
<h3>
Passionate Freelance Developer Just for You! Embark on a digital
journey with me. I thrive on turning innovative ideas into seamless,
interactive experiences. In a world buzzing with possibilities.
Unleash the extraordinary with cutting-edge solutions tailored just
for you!
</h3>
<section class="contact-section">
<a href="mailto:kerubovalentine22@gmail.com">
<button>Contact me!</button>
</a>
</section>
</div>
<div class="img">
<img
src="./img/portfolio-image.jpeg"
alt="Description of your image"
/>
</div>
</div>
</section>
<section id="about">
<div class="about">
<div class="heading">
<h5>About</h5>
<h2>About Me</h2>
</div>
<div class="row">
<div class="about-text">
<h3>I am a passionate web developer.</h3>
<p>
Stepping into the realm of digital creativity, I specialize in
crafting seamless user experiences that go beyond the ordinary.
Outside the code, I find joy in networking intricacies and
troubleshooting challenges. I'm not just a developer; I'm a
digital artisan ready to transform your ideas into online marvels!
</p>
</div>
</div>
<div class="tools">
<h2>Data Analysis Tools</h2>
<button>Excel</button> <button>PowerBI</button>
</div>
<div class="tools">
<h2>Web Development Skills</h2>
<button>HTML</button> <button>CSS</button>
<button>Javascript</button> <button>C#</button>
<button>Docker</button> <button>Postgre</button> <button>SQL</button>
<button>Git/Github</button>
</div>
</div>
<div class="img">
<img src="./img/portfolio-image.jpeg" alt="Description of your image" />
</div>
</section>
<section id="projects">
<div class="card-container">
<div class="heading">
<h5>Projects</h5>
<h2>My Projects</h2>
<h4>Real-life projects that I have been involved in.</h4>
</div>
<h3>
- Annual Public Roads Programme Management System - PowerBI project -
Temperature converter
</h3>
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="project">
<h3>Front-end Development</h3>
<p>
I was part of a team and I helped create and implement the
visual elements of the system. With a mastery in HTML, CSS, and
JavaScript. Using version control systems like Git to track
changes and collaborate with other developers.
</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="project">
<h3>Data Analytics</h3>
<p>
I Utilized statistical methods and tools to analyze large
datasets. Identifying trends, patterns, and correlations in
data. Conducting exploratory data analysis to uncover hidden
insights. Creating clear and compelling visualizations (charts,
graphs, dashboards) to communicate complex data findings to
non-technical stakeholders using Power BI for visualization.
</p>
<div class="img">
<img
src="./img/powerbi.portfolio.png"
alt="Description of your image"
/>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="project">
<h3>Web Development</h3>
<p>
I Created a temperature converter site with a basic user
interface as I was enrolled in the Oasis Info-byte Internship.
Users can enter a temperature in either Celsius or Fahrenheit,
click the "Convert" button, and see the converted temperature in
the other unit. The result is displayed below the button.
</p>
<div class="img">
<img
src="./img/temperature-converter.png"
alt="Description of your image"
/>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="experience">
<div class="container">
<div class="heading">
<h5>Experience</h5>
<h2>My Experience</h2>
<h4>I have 2 years of practical experience.</h4>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="experience">
<div class="c0l-12">
<h5>Feb, 2022 - April, 2022</h5>
<h5>KENYA ROADS BOARD</h5>
</div>
<div class="col-12 ex-left">
<h4>Intern, ICT</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="experience">
<div class="c0l-12">
<h5>Aug, 2022 - Dec, 2023</h5>
<h5>NATURESURF SYSTEMS LIMITED</h5>
</div>
<div class="col-12 ex-left">
<h4>Junior Software Developer/Data Analyst</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="experience">
<div class="c0l-12">
<h5>Feb, 2024 - Feb, 2024</h5>
<h5>OASIS INFOBYTE</h5>
</div>
<div class="col-12 ex-left">
<h4>Junior Web Developer</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>© 2024 Kerubo Valentine. All rights reserved.</footer>
<script src="script.js"></script>
</body>
</html>