-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (123 loc) · 4.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
David Oyugi | Aspiring Web Developer.
</title>
<meta name="description" content="A Team Player.">
<link rel="stylesheet" href="index.css" />
</head>
<body>
<header class="header" role="banner" id="top">
<div class="row">
<nav class="nav" role="navigation">
<ul class="nav__items">
<li class="nav__item"><a href="#work" class="nav__link">Work</a></li>
<li class="nav__item">
<a href="#about" class="nav__link">About</a>
</li>
<li class="nav__item">
<a href="#contact" class="nav__link">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="header__text-box row">
<div class="header__text">
<h1 class="heading-primary">
<span>David Oyugi</span>
</h1>
<p>A Web Developer based in Nairobi.</p>
<a href="#contact" class="btn btn--pink">Contact Me</a>
</div>
</div>
</header>
<main role="main">
<section class="work" id="work">
<div class="row">
<h2>Work Experience</h2>
<div class="work__boxes">
<div class="work__box">
<div class="work__text">
<h3>Emilia Apartments</h3>
<p>
My photography skills were needed to capture scenery shots for this
apartments and include them in their official website.
</p>
<div class="work__links">
<a href="https://emilia-apartments-kenya.hotels-of-nairobi.com/en/" target="_blank" class="link__text">
Official Website <span>→</span>
</a>
<a href="https://github.com/davidoyugi" title="My github profile" target="_blank">
<img src="./img/github.svg" class="work__code" alt="GitHub">
</a>
</div>
</div>
<div class="work__image-box">
<img src="./img/room.jpg" class="work__image" alt="Project 1" />
</div>
</div>
</div>
</section>
<section class="about" id="about">
<div class="row">
<h2>About Me</h2>
<div class="about__content">
<div class="about__text">
<p>
I've always been interested in computers from a tender age or should I say technology.
Whether it be in a game console, I had all of them when growing up. I slightly lost touch
and things moved up too fast as I was concentrating on medicine,
which I also missed just because of favouritism. the dean did not like my last name
and why my father was in government. Thus denying me a chance though qualified. So I did not
give it priority and I guess time just passed me and with today's generation,
technological advancements have overtaken me. So I thought I should come back to my old love and try to pursue not the
basics but from the coding web design level. Follow where the demand is.
</p>
<a href="https://drive.google.com/file/d/1vQWLqDI-R11Dn7xXFnmJgMEbPdztLtWm/view?usp=sharing" class="btn">My Resume</a>
</div>
<div class="about__photo-container">
<img class="about__photo" src="./img/profile.jpeg" alt="Oyugi" />
</div>
</div>
</div>
</section>
</main>
<section class="contact" id="contact">
<div class="row">
<h2>Get in Touch</h2>
<div class="contact__info">
<p>
Are you in search for an outstanding planner, organizer with
oversight skills and staff directing?😊 The quickest way to
reach out tome is via an email. Feel free to contact me and
I'll respond quickly to your request.
</p>
<a href="mailto:david.oyugi@student.moringaschool.com" class="btn">david.oyugi@student.moringaschool.com</a>
</div>
</div>
</section>
<footer role="contentinfo" class="footer">
<div class="row">
<ul class="footer__social-links">
<li class="footer__social-link-item">
<a href="https://github.com/davidoyugi" title="Link to Github Profile">
<img src="./img/github.svg" class="footer__social-image" alt="Github">
</a>
</li>
<li class="footer__social-link-item">
<a href="https://www.linkedin.com/in/david-oyugi-44a05a114/">
<img src="./img/linkedin.svg" title="Link to Linkedin Profile" class="footer__social-image" alt="Linkedin">
</a>
</li>
</ul>
© 2021 - An e-portfolio designed by D.Oyugi
</p>
<div class="footer__github-buttons">
</div>
</div>
</footer>
</body>
</html>