-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (99 loc) · 8.55 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
<!DOCTYPE html>
<html lang="en" style="width: 1440px;height: 900px;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Design2</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700&display=swap">
<link rel="stylesheet" href="styles.css">
</head>
<body style="font-family: 'Work Sans', sans-serif;background: #080808;--bs-body-color: var(--bs-gray);--bs-body-bg: var(--bs-purple);--bs-body-font-weight: 400;height: 900px;color: #fd7e14;width: 1440px;font-weight: bold;">
<h1 style="height: 130px;font-size: 60px;text-align: center;width: 1440px;color: #b5bcc3;background: #151313;"><img src="Capture2.jpg" style="height: 130px;">MFUNDO TEMBA</h1>
<section style="width: 1440px;height: 900px;">
<div data-bss-parallax-bg="true" style="height: 900px;background-image: url("wall1.jpg");background-position: center;background-size: cover;width: 1440px;">
<h1 style="text-align: left;font-size: 30px;height: 30px;border: 4px none var(--bs-pink);color: #dc3545;text-decoration: underline;font-weight: bold;width: 1440px;">BIO</h1>
<p style="font-size: 14px;width: 1430px;color: rgb(253,126,20);border-style: solid;border-color: #dc3545;height: 70px;">I am a lover in all things maths, science and engineering. Raised in an entrepreneurial family and observing the inner workings of small businesses and all it's inefficiencies has been a major factor of my curious and inquisitive nature. This has lead to a path of pursuing a career in STEM as I believe technology can be emiliorate the vast majority of world problems. This webpage serves as a diary in my journey of upskilling in the field of software engineering, my interests are the fields of robotics, cybersecurity and artificial intelligence and hope to contribute in industry to the development of any of these fields.</p>
<h2 style="color: #dc3545;text-decoration: underline;font-weight: bold;font-size: 30px;width: 1440px;height: 35px;">Projects</h2>
<p style="width: 1440px;height: 30px;border-style: none;font-size: 14px;color: rgb(253,126,20);">These are some of the software projects I have done at my time at HyperionDev in the Software Engineering bootcamp. The project code can be found at the following link: <a href="https://github.com/tembe07">GitHub </a></p>
<div class="table-responsive" style="width: 1440px;height: 250px;">
<table class="table">
<thead>
<tr>
<th style="color: #dc3545;font-style: italic;font-size: 25px;text-decoration: underline;width: 300px;height: 35px;">Finance Calculator</th>
<th style="color: #dc3545;font-style: italic;font-size: 25px;text-decoration: underline;width: 300px;height: 35px;">Pygame program</th>
<th style="color: #dc3545;font-style: italic;font-size: 25px;text-decoration: underline;width: 300px;height: 35px;">Task manager</th>
<th style="color: #dc3545;font-style: italic;font-size: 25px;text-decoration: underline;width: 300px;height: 35px;">Project management</th>
</tr>
</thead>
<tbody style="width: 1440px;height: 180px;">
<tr style="width: 1440px;height: 180px;width: 360px;font-size: 14px;text-align: justify;">
<td style="color: rgb(253,126,20);width: 360px;border-style: solid;border-color: #dc3545;">Python program calculates either the bond re-payment amount or the future value of an investment based on compound or simple interest formula based on user input.</td>
<td style="color: rgb(253,126,20);width: 360px;border-style: solid;border-color: #dc3545;">This game implemented on python using the pygame module where the objective is for the player to reach a prize while evading moving enemy. If the player get to the prize without enemy contact then it is a victory, if the enemy makes contact with the player it is a defeat.</td>
<td style="color: rgb(253,126,20);width: 360px;border-style: solid;border-color: #dc3545;">Python program of a task manager which is used in the storing and management of user and task information.</td>
<td style="color: rgb(253,126,20);width: 360px;border-style: solid;border-color: #dc3545;">Java project management program used to store and manage building projects using MySQL as the database.</td>
</tr>
</tbody>
</table>
</div>
<h1 style="text-align: left;font-size: 25px;height: 35px;color: #dc3545;font-weight: bold;width: 1440px;text-decoration: underline;">WORK EXPERIENCE</h1>
<ul style="width: 1440px;font-size: 16px;">
<li style="font-size: 23px;color: rgb(253,126,20);">Moonlight Blue Lounge<ul>
<li style="font-size: 16px;color: rgb(253,126,20);">Family owned business where I had the role of supervisor</li>
<li style="font-size: 16px;color: rgb(253,126,20);">Developed and implemented the operation structure of the business with the manager and owner.</li>
<li style="font-size: 16px;color: rgb(253,126,20);">Responsible for all aspects of the day to day operation including finances, administration, purchasing of inventory and employee oversight.</li>
</ul>
</li>
</ul>
<div class="table-responsive" style="width: 1440px;height: 260px;">
<table class="table">
<thead>
<tr>
<th style="font-size: 20px;color: #dc3545;width: 400px;height: 20px;text-align: left;text-decoration: underline;text-align: center;">Contact Info</th>
<th style="font-size: 20px;color: #dc3545;width: 400px;height: 20px;text-align: left;text-decoration: underline;text-align: center;">Skills</th>
<th style="font-size: 20px;color: #dc3545;width: 400px;height: 20px;text-align: left;text-decoration: underline;text-align: center;">Education</th>
</tr>
</thead>
<tbody>
<tr>
<td style="width: 450px;height: 150px;color: #fc9e49;font-size: 16px;">
<ul style="font-size: 16px;width: 450px;">
<li>Phone : 0723799588</li>
<li>Email : [email protected]</li>
<li>Linkedin Profile :<a href="https://www.linkedin.com/in/mfundo-temba-0430a4157/"> MyLinkedin </a></li>
</ul>
</td>
<td style="height: 150px;width: 450px;color: #fc9e49;font-size: 16px;">
<ul style="font-size: 16px;">
<li>Java</li>
<li>Python</li>
<li>mySQL</li>
<li>Project Management</li>
</ul>
</td>
<td style="font-size: 16px;color: #fc9e49;width: 450px;height: 150px;">
<ul style="width: 400px;height: 150px;color: #fc9e49;">
<li >High School<ul>
<li>St Dominic's Academy</li>
</ul>
</li>
<li >Tertiary<ul>
<li>University of Pretoria</li>
</ul>
</li>
<li >Software Bootcamp<ul>
<li>HyperionDev</li>
</ul>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
</body>
</html>