-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (65 loc) · 4.32 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="description" content="Clint Simiyu - A passionate and driven computer scientist || Tech enthusiast. Know me more...">
<meta name="keywords" content="Clint,Clint171,Simiyu,Clint Simiyu, Clint Portfolio, Portfolio, SimiyuClint, Clint Gretty Lionel Simiyu, Gretty, Lionel">
<meta name="author" content="Clint G.L. Simiyu">
<meta name="viewport" content="width=device-width,initial-scale=1.0,max-scale=1.0">
<title>Clint G.L. Simiyu</title>
<link rel="stylesheet" href="./resources/css/portfolio.css">
<link rel="icon" type="image/x-icon" href="./resources/img/favicon.ico">
</head>
<body>
<header>
<div class="header flex">
<div class="img_wrapper">
<img class="profile_img" src="./resources/img/clint.jpeg" alt="Clint Simiyu">
</div>
<div>
<h1>Clint Gretty Lionel Simiyu</h1>
<p>Computer Scientist || Tech enthusiast</p>
</div>
</div>
<svg class="nav_icon" id="navicon" onclick="showNav()" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24"><path fill="#0442c9" d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>
<div id="topnavbar" class="topnav">
<span id="summary" class="active" onclick="change('summary')">Summary</span>
<span id="aboutMe" onclick="change('aboutMe')">About me</span>
<span id="projects" onclick="displayProjects();">Projects</span>
<span id="articles" onclick="change('articles')">Articles</span>
<span id="skills" onclick="change('skills')">Skills</span>
<span id="academics" onclick="change('academics')">Academics</span>
<span id="certificates" onclick="change('certificates')">Certificates</span>
<span id="contacts" onclick="flashContacts()">Contacts</span>
</div>
</header>
<main id="main">
<div class="main">
<iframe width="100%" height="100%" src="./views/summary.html"></iframe>
</div>
</main>
<footer>
<div class="footer" id="footer">
<div class="contacts" id="contacts_div">
<h2>Get in touch:</h2>
<ul>
<li>Email: <a target="_blank" href="mailto:[email protected]">[email protected]</a></li><br>
<li>Mobile: <a target="_blank" href="tel:+254750109798">+254750109798</a></li><br>
<li>Twitter (𝕏): <a target="_blank" href="https://www.twitter.com/SimiyuClint">@SimiyuClint</a></li><br>
<li>Linkedin: <a target="_blank" href="https://www.linkedin.com/in/clint-simiyu-b80b9b237">Clint Simiyu</a></li><br>
<li>Github: <a target="_blank" href="https://github.com/Clint171">Clint171</a></li>
</ul>
<h3>Connect with me:</h3>
<p>
<a href="https://twitter.com/simiyuclint" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/twitter.svg" alt="simiyuclint" height="30" width="40" /></a>
<a href="https://linkedin.com/in/clint simiyu" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg" alt="clint simiyu" height="30" width="40" /></a>
<a href="https://medium.com/@clintsimiyu004" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/medium.svg" alt="@clintsimiyu004" height="30" width="40" /></a>
</p>
</div>
<button onclick="flashContacts()">Close</button>
</div>
</footer>
<script src="./resources/js/portfolio.js"></script>
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
</body>
</html>