-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
109 lines (109 loc) · 4.31 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Arnold Twala">
<script src="https://kit.fontawesome.com/724c68c0fa.js" crossorigin="anonymous"></script>
<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=Merriweather&family=Montserrat&family=Sacramento&display=swap"
rel="stylesheet">
<link rel="icon" type="image/png" href="./images/logo.png" sizes="48x48">
<link rel="stylesheet" href="style.css">
<title>About Me</title>
</head>
<body>
<header id="top">
<div class="logo">
<img src="./images/logo.png" alt="Logo" width="55" height="55">
<h1><a href="index.html">Shaped by the Pages</a></h1>
</div>
<nav>
<ul class="nav-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contacts.html">Contacts</a></li>
<li><a href="saveForLater.html">Save for Later</a></li>
</ul>
</nav>
</header>
<main>
<!-- About page with class for CSS styling -->
<div class="about-page">
<div class="about">
<div id="image">
<img src="./images/arnold.png" width="200" height="200" alt="arnold-twala-picture">
<i class="fa-solid fa-floppy-disk fa-bounce" onclick="saveForLater('image')" title="Save for later"></i>
</div>
<h1>Arnold Twala</h1>
<p><em>Assistant Librarian at <strong><a href="https://www.ul.ac.za/index.php?Entity=Home">University of
Limpopo</a></strong></em></p>
<p>I'm an aspiring 🎶 Systems Librarian</p>
<h3>Welcome to my world!</h3>
<p>Hi, I'm Arnold Twala, an assistant librarian, currently studying
Full Stack Web Development at HyperionDev. I'm passionate about books,
technology, and learning new skills. In this webpage, you'll find out more
about my education, work experience. I hope you enjoy browsing through
my world and learning more about me.</p>
</div>
<hr>
<div class="education">
<h3>Education</h3>
<!-- Here is a list of my education -->
<ul>
<li>Letaba Primary School (1990-1999)</li>
<li>Filadelphia Secondary School (2000-2005)</li>
<li>University of Limpopo (2006-2012)</li>
<li>HyperionDev (2023)</li>
</ul>
</div>
<hr>
<div class="work">
<h3>Work Experiance</h3>
<!-- A table for work experience -->
<table>
<thead>
<tr>
<th>Year</th>
<th>Work</th>
</tr>
</thead>
<tbody>
<tr>
<td>2013-2014 </td>
<td>Intern at University of Limpopo Library</td>
</tr>
<tr>
<td>2014-2015</td>
<td>Volunteered at University of Limpopo Library</td>
</tr>
<tr>
<td>2016-2023</td>
<td>Assistant Librarian at University of Limpopo Library</td>
</tr>
</tbody>
</table>
</div>
<hr>
<div class="skills">
<h3>Skills</h3>
<ul>
<li>Sierra System</li>
<li>Microsoft Office</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>
</div>
<script src="./scripts/saveForLater.js"></script>
</main>
<hr>
<footer>
<p>A passion for reading, a gift for book lovers.</p>
<p>Created by: <a href="https://www.linkedin.com/in/arnoldtwl/">Arnold Twala</a>.</p>
<p>© 2023 Shaped by the Pages. All rights reserved.</p>
</footer>
</body>
</html>