-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (127 loc) · 5.86 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
<!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="intro-bg">
<section id="intro">
<p class="name">Hi, my name is <span>Daniel Atonge.</span></p>
<h2>I design and build <br> software applications.</h2>
<p>I'm a software engineer specializing in JavaScript and <a href="#">Python</a>.</p>
<p>Currently, I'm completing a Bachelor's degree program at Innopolis University.</p>
</section>
</div>
<div class="gradient"></div>
<div class="project-bg">
<section id="project">
<h3>Projects I'm proud of</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>
<article class="reverse">
<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="contact-bg">
<section id="contact">
<h2>Contact me</h2>
<p>I'm always interested in hearing about new software development concepts, system design methodologies,
and
work opportunities.</p>
<p><a href="mailto:[email protected]" class="button"> Email me</a></p>
</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>