-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (110 loc) · 3.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/styles.css" />
<link rel="icon" href="favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Nunito&family=Oooh+Baby&family=Pacifico&display=swap"
rel="stylesheet"
/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Frederick Teye</title>
</head>
<body>
<div class="container">
<div class="first-inner-container">
<img
src="my-sit-images/cloud.png"
class="first-cloud"
alt="cloud image"
/>
<h1>I'm Frederick.</h1>
<h2>a <span>pro</span>grammer.</h2>
<img
src="my-sit-images/cloud.png"
class="second-cloud"
alt="cloud image"
/>
<img
src="my-sit-images/mountain.png"
alt="mountain image"
class="mountain"
/>
</div>
<div class="second-inner-container">
<img
src="my-sit-images/my-picture.png"
alt="Frederick's image"
class="fred"
/>
<h2>Hello.</h2>
<p>
I am a freelancer who specializes in web development and graphic
design. I love creating websites and graphics that are beautiful and
user-friendly. I also have a passion for philosophy and life, and I
enjoy reading and discussing them with others. In my spare time, I
solve math problems and puzzles for fun.
</p>
<hr />
</div>
<div class="third-inner-container">
<h2>My Skills.</h2>
<img
class="code-image"
src="my-sit-images/web.png"
alt="image of angle brackets representing coding"
/>
<h3 class="design">Design & Development</h3>
<p>
I don't want to exaggerate my coding background, but I have always
had a talent for thinking in patterns and understanding abstract
concepts like coding and mathematics. This has helped me learn
programming languages quickly and design webpages and graphics with
high standards. 😊
</p>
<img
src="my-sit-images/yinyang.png"
alt="yinyang symbol"
class="yinyang"
/>
<h3 class="weird">Keeping It Weird</h3>
<p class="weird">
My communication is based on honesty and authenticity, and I have a
diverse and unique perspective(wierdo 😉).
</p>
<hr />
</div>
<div class="last-inner-container">
<h2 class="h8">Get In Touch</h2>
<h3 class="h9">Philosophy and Coding: A Fun Combo!</h3>
<p class="p6">
I'm a free-spirited and quirky person who loves philosophy and
coding. How about you? Do you want to hang out with me and talk about
Buddha, Aurelius, and other philosophers? We can also code while we
have fun conversations!
</p>
<form action="mailto:[email protected]" class="btn">
<input type="submit" class="button" value="CONTACT ME" />
</form>
</div>
</div>
<footer>
<ul>
<li>
<a
href="https://api.whatsapp.com/send?phone=233247132272"
class="whatsapp"
>WhatsApp</a
>
</li>
<li>
<a href="https://t.me/Frederick_Teye">Telegram</a>
</li>
</ul>
<p>© 2023 Frederick Teye</p>
</footer>
</body>
</html>