-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (96 loc) · 5.39 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
<!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">
<title>Document</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="container">
<div class="row head">
<div class="col-6 myName">
<h1 class="name">Ntsakelo Makhuvele</h1>
<div class="nav">
<div class="link">
<a href="#myCity">City</a>
</div>
<div class="link">
<a href="#myForeign">Foreign</a>
</div>
<div class="link">
<a href="#history">Historical</a>
</div>
</div>
</div>
<div class="col-3">
<img class="profileImg" src="./images/Ntsakzin.jpg" alt="Profile picture">
</div>
</div>
<div class="row">
<div class="col-12">
<h3 class="cityHead" id="myCity">Which City?</h3>
<hr noshade>
</div>
</div>
<div class="row">
<div class="col-12 city">
<img class="cityImg" src="./images/Cape_town.jpeg" alt="cape town image">
<p class="centerTxt">The city of Cape Town is a fascinating place for me and i would love to visit the city. with its diverse population and its beautiful landscape, the Cape Town remains the city of attraction for most individuals including myself. The city can be viewed from the mountain top of the table mountain which is a tourist attraction and also a beautiful landscape</p>
</div>
</div>
<div class="row">
<div class="col-12">
<h3 class="foreignHead" id="myForeign">Foreign languages?</h3>
<hr noshade>
</div>
<div class="row">
<div class="col-12">
<p class="foreignTxt centerTxt">I am really fascinated by the Shona language which is spoken in the country of Zimbabwe by the Shona people. The language brings a sense of peace and power to me everytime i hear it being spoken. I really enjoy Shona songs both Afro and gospel. Learning this language would help me to accurately translate the lyrics from Shona to my mother tangue. I am eager to learn Shona.</p>
<table class="foreignTble">
<tr class="textClr">
<th class="clr">Shona</th>
<th class="clr">English</th>
</tr>
<tr>
<td>Ndiri kuenda</td>
<td>I am going</td>
</tr>
<tr class="textClr">
<td class="clr">Ngatisimukei pamwe chete</td>
<td class="clr">Let us stand together</td>
</tr>
<tr>
<td>Hupenyu hwakakosha</td>
<td>Life is important</td>
<tr noshade>
</table>
</div>
<div class="row">
<div class="col-12">
<h3 class="histHead" id="history">Historical Places</h3>
<hr noshade>
</div>
</div>
<div class="row">
<div class="col-4 place">
<img class="place1 placeImg" src="./images/places.jpg" alt="Picture of Hendrick Verwoerd Tunnels">
<h3 class="placeHead Style">Hendrick Verwoerd Tunnels</h3>
<p class="placeText">The hendrick verwoerd tunnels were named after former SA prime minister, Hendrick Verwoerd. They shorten the distance from Johannesburg to Zimbabwe</p>
</div>
<div class="col-4 place">
<img class="place2 placeImg" src="./images/places.jpg" alt="Picture of Hanglip Forest Reserve">
<h3 class="placeHead">Hanglip Forest Reserve</h3>
<p class="placeText">The Hanglip Forest Reserve is a mountain peak that rises 1719 meters just outside Louis Trichardt. The hanglip provide the most spectecular birding in the province.</p>
</div>
<div class="col-4 place">
<img class="place3 placeImg" src="./images/places.jpg" alt="Picture of Ben Lavin Nature Reserve">
<h3 class="placeHead">Ben Lavin Nature Reserve</h3>
<p class="placeText">Ben Lavin Nature Reserve has a series of ruins that date back to 1250 AD. It is home of 20 mammals and 230 types of bird including melba finches and blue waxbills.</p>
</div>
</div>
</div>
</div>
</body>
</html>