-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
93 lines (84 loc) · 3.84 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Oxygen+Mono&family=Rubik:wght@400;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
<title>Daniel Atonge | Portfolio</title>
</head>
<body>
<nav>
<ul>
<li>
<h1><a href="index.html"><span class="fa-solid fa-terminal" aria-hidden="true"></span> <span
class="nav-logo">Daniel
Atonge</span></a></h1>
</li>
<li><a href="#">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="about.html">About</a></li>
<li>
<a href="https://www.linkedin.com/in/danielatonge/"><span class="fa-brands fa-linkedin"
aria-hidden="true"></span><span class="sr-only">LinkedIn</span></a>
</li>
<li><a href="https://github.com/danielatonge"> <span class="fa-brands fa-github-square"
aria-hidden="true"></span><span class="sr-only">Github</span></a></li>
<li><a href="https://drive.google.com/file/d/1ja0DX8pbxoICwL8K0jWO_Kz1xFYilLts/view?usp=sharing"
target="_blank" class="button">Resume</a></li>
</ul>
</nav>
<div class="gradient"></div>
<div class="project-bg">
<section id="project">
<h3>About Me</h3>
<article>
<div class="text">
<div class="tag">Latest Project</div>
<div class="title"> Wall of Wonder</div>
<div class="brief-desc">
Description of the project. This should be fairly concise while also describing the key
components that you developed or
worked on. It can be as long as you need it to be but should at least be a few sentences
long.
Be sure to include
specific links anywhere in the description. A link looks like this, and multiple links look
like
this and like this.
</div>
<p class="tech-used">Technologies used include:</p>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>SVG</li>
<li>JS</li>
<li>Ruby</li>
</ul>
</div>
<img src="img/sportclub.png" />
</article>
</section>
</div>
<div class="gradient"></div>
<div class="footer-bg">
<section id="footer">
<h3>Daniel Atonge · Aspiring Software Architect</h3>
<ul>
<li>
<a href="https://www.linkedin.com/in/danielatonge/"><span class="fa-brands fa-linkedin"
aria-hidden="true"></span><span class="sr-only">LinkedIn</span></a>
</li>
<li><a href="https://github.com/danielatonge"> <span class="fa-brands fa-github-square"
aria-hidden="true"></span><span class="sr-only">Github</span></a></li>
<li><a href="mailto:[email protected]"> <i class="fa-solid fa-envelope"></i><span
class="sr-only">Mail
Me</span></a></li>
</ul>
<p><small>© 2022 Daniel Atonge. All rights reserved.</small></p>
</section>
</div>
</body>
</html>