-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (55 loc) · 2.7 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Joseph Paintsil</title>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital@1&family=Montserrat:wght@200&family=Sacramento&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="hacker_icon.ico">
</head>
<body>
<div class="top-container">
<img class="first-cloud" src="images/cloud.png" alt="cloud-img">
<h1>I'm Joey</h1>
<h2 class="intro-detail">I am a <span class="pro">pro</span>grammer</h2 >
<p class="second-paragraph">Coding is really fun</p>
<img class="second-cloud" src="images/cloud.png" alt="cloud-img">
<img src="images/mountain.png" alt="mountain-img">
</div>
<div class="middle-container">
<div class="profile">
<img class="profile-pic" src="images/joey_2.jpg" alt="joey_image">
<h2>Hello</h2>
<p>I'm Joseph Paintsil. A geomatic engineer and a programmer. I love writing
poems and playing video games.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills</h2>
<div class="skill-row">
<img class="skill-img coding-img" src="https://wallpaperaccess.com/full/5673721.jpg" alt="coding-pic">
<h3>Coding</h3>
<p class="coding-description">I love coding.Coding makes life easier and simplier. Even though a code may contain lots of bugs, at the end of the day it'll fix a lot of life's bugs.</p>
</div>
<div class="skill-row">
<img class="skill-img poetry-img" src="https://img.freepik.com/free-vector/watercolor-poetry-illustration_52683-81538.jpg?w=740&t=st=1667844484~exp=1667845084~hmac=863b5a05c99979be4b35b9cd873c932682336884b73affd0cf45216166785f54" alt="poem-pic">
<h3>Poetry</h3>
<p class="poetry-description">I love poetry. Poetry is a nice and unique way of expressing thousands of emotions with just few words. Poetry shapes the world and mindset of people in a better way.</p>
</div>
</div>
<hr>
<div >
<h2 >Let's Connect</h2>
<h3>It's great to meet new friends everday.</h3>
<p>.</p>
<a class="btn" href="mailto:paintsil610@gmail.com"> EMAIL ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/joseph-paintsil-0b4132183/">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/joey_paintsil">Twitter</a>
<a class="footer-link" href="https://github.com/JoeyPaintsil">GitHub</a>
<p class="copyright">© 2022 Joseph Paintsil.</p>
</div>
</body>
</html>