-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (154 loc) · 3.91 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<!-- tells browser what type html is being used-->
<html lang="en" dir="ltr">
<!--tells browser how to interpret code as html -->
<head>
<!--Holds info about the web page and tells browser how to handel page -->
<meta charset="utf-8">
<!--meta data to doc: all text is encoded using utf-8 -->
<title>Matthew's Personal Site</title>
</head>
<body>
<table cellspacing="20">
<tr>
<td> <img src="images/circle-cropped.png" alt="Matthew Profile Picture" width="300" height="300"></td>
<td>
<h1>Matthew Weppenaar </h1>
<p><em>Undergraduate Mathematics and Computer Science Student at <strong><a href="https://www.researchgate.net/profile/Matthew_Weppenaar">UCT</a></strong>.</em></p>
<!--paragraph -->
<p>I am a third year Computer Science and Mathematics student at the University of Cape Town.
While studying I improved my problem solving, analytical and communication skills. I am
passionate about my studies and have achieved a class medal for my performance in Computer
Science and my name was placed on the Dean’s Merit List.</p>
</td>
</tr>
</table>
<hr>
<h3>Education</h3>
<table cellspacing="10">
<tr>
<td>2013-2017</td>
<td>Fairbairn College</td>
</tr>
<tr>
<td>2018-Present</td>
<td>University of Cape Town | UCT</td>
</tr>
</table>
<a href="CV-converted.pdf">My CV</a>
<hr>
<h3>Work Experience</h3>
<table cellspacing="10">
<!--table -->
<thead>
<!--table header -->
<tr>
<th>Dates</th>
<!--Column title -->
<th>Work</th>
</tr>
</thead>
<tbody>
<tr>
<!--table row -->
<td>2019</td>
<!--table data/cell-->
<td>Mathematics Tutor</td>
</tr>
<tr>
<td>2020-2021</td>
<td>Computer Science Tutor</td>
</tr>
</tbody>
</table>
<hr>
<h3>Skills</h3>
<table cellspacing="10">
<!--nested tables -->
<!--main table only has one row and two cells-->
<tr>
<!-- first main cell-->
<td>
<!--first nested table -->
<table>
<thead>
<!--table header -->
<tr>
<!--Column title -->
<th>Front-End</th>
</tr>
</thead>
<tr>
<td>HTML</td>
<td>⭐⭐⭐⭐</td>
</tr>
<tr>
<td>CSS</td>
<td>⭐</td>
</tr>
</table>
<!-- second main cell-->
<td>
<!--second nested table -->
<table>
<thead>
<!--table header -->
<tr>
<th>Back-End</th>
<!--Column title -->
</tr>
</thead>
<tr>
<td>Java</td>
<td>⭐⭐⭐⭐⭐</td>
<!--⭐>Star emoji -->
</tr>
<tr>
<td>Python</td>
<td>⭐⭐⭐⭐</td>
</tr>
</table>
</td>
<!-- third main cell-->
<td>
<!--third nested table -->
<table>
<thead>
<!--table header -->
<tr>
<!--Column title -->
<th>Databases</th>
</tr>
</thead>
<tr>
<td>SQL</td>
<td>⭐⭐⭐</td>
</tr>
<tr>
<td> <br> </td>
<td> <br> </td>
</tr>
</table>
</td>
</tr>
</table>
<hr>
<h3>Accolades</h3>
<table cellspacing="10">
<tr>
<td>2018</td>
<td>Dean's Merit List</td>
</tr>
<tr>
<td>2018</td>
<td>Class Medal for CSC1010H</td>
</tr>
</table>
<hr>
<a href="Projects.html">Projects</a>
<br>
<a href="hobbies.html">My Hobbies</a>
<br>
<a href="Contact.html">Contact Me</a>
</body>
</html>