-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
329 lines (258 loc) · 22.7 KB
/
about.html
File metadata and controls
329 lines (258 loc) · 22.7 KB
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
<!DOCTYPE html>
<html lang="en">
<head>
<title>Grabouw - About</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,700" rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/rangeslider.css">
<link rel="stylesheet" href="css/style.css">
<style>
img {
border-radius: 50%
}
</style>
</head>
<body>
<div class="site-wrap">
<div class="site-mobile-menu">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<header class="site-navbar" role="banner">
<div class="container">
<div class="row align-items-center">
<div class="col-11 col-xl-2">
<h1 class="mb-0 site-logo"><a href="index.html" class="text-white h2 mb-0">Grabouw</a></h1>
</div>
<div class="col-12 col-md-10 d-none d-xl-block">
<nav class="site-navigation position-relative text-right" role="navigation">
<ul class="site-menu js-clone-nav mr-auto d-none d-lg-block">
<li><a href="index.html"><span><h4>Home</h4></span></a></li>
<li><a href="listings.html"><span><h4>Lists</h4></span></a></li>
<li class="active"><a href="about.html"><span><h4>About</h4></span></a></li>
<li><a href="services.html"><span><h4>Services</h4></span></a></li>
</ul>
</nav>
</div>
<div class="d-inline-block d-xl-none ml-md-0 mr-auto py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle text-white"><span class="icon-menu h3"></span></a></div>
</div>
</div>
</div>
</header>
<div class="site-blocks-cover overlay" style="background-image: url(images/Elgin.jpg);" data-aos="fade" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row align-items-center justify-content-center text-center">
<div class="col-md-10" data-aos="fade-up" data-aos-delay="400">
<div class="row justify-content-center">
<div class="col-md-8 text-center">
<h1>Grabouw</h1>
<p data-aos="fade-up" data-aos-delay="100">Grabouw is a town located in the Western Cape province of South Africa. Is located some 65 km south-east of Cape Town, over Sir Lowry's Pass from Somerset West, along the N2 highway. The town is the commercial centre for the vast Elgin Valley, the largest single export fruit-producing area in Southern Africa, which extends between the Hottentots-Holland, Kogelberg, Groenland, and Houwhoek Mountains.</p>
<h1><a href="https://en.wikipedia.org/wiki/Grabouw"><i>Grabouw Wiki</i></a></h1>
</div>
</div>
</div>
</div>
</div>
</div>
<br/>
<center><h1 class="text-primary mb-3">History</h1><center>
<center> <h2 class="text-primary mb-3">Pre-colonial history</h2></center>
<p class="mb-4">The original inhabitants of the area were the Khoikhoi pastoralists and the San hunter gatherers. The indigenous people of the region, the Chainouqua Khoi, inhabited a large area on both sides of the Hottentots Holland Mountains. They traded with early European settlers, but were later dispossessed from their lands by the Dutch colonists, who began to move into the area in the late 1600s and took the Chainouqua land for farming. Fortunately, the Khoikhoi names for some of the region's specific land-forms are recorded, and include Houtema, which is thought to have been the name for the Palmiet River, and Gantouw which was the name for Sir Lowry's Pass.</p>
<h2 class="text-primary mb-3"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Palmiet_River_farms_-_Elgin_Winters_drift_-_Molteno_bros_4.jpg/220px-Palmiet_River_farms_-_Elgin_Winters_drift_-_Molteno_bros_4.jpg">Early colonial era</a></h2>
<p class="mb-4">The original Chairouqua name for the region where Grabouw is located is unfortunately not known. However a wide range of different names sprung up in colonial times. The town's location was first a stopping point for wagons on the route eastwards from Cape Town, along the route which the N2 highway now follows. The area was known at the time as "Koffiekraal". Another colonial name for the area was "Groenland" ("Greenland" in Dutch) - a name given by early European settlers to various parts of the region, but which now applies only to the mountainous area to the north. The town itself was created on the farm "Grietjiesgat", bought in 1856 by Wilhelm Langschmidt, a painter from Cape Town, who started the community around his wife's little trading store. Langschmidt named the village after the German town Grabow where he was born. It was initially spelt as "Grabau".</p>
<h2 class="text-primary mb-3"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/GoldenDeliciousApple.jpg/220px-GoldenDeliciousApple.jpg">Agricultural revolution</a></h2>
<p class="mb-4">In the early 1900s, the village and surrounding area underwent an agricultural revolution, that had a profound effect on the Grabouw's development. This was the beginning of deciduous fruit farming, which became the town's main economic activity and correlated with a large growth in the town's population. The local suffragist farmer Antonie Viljoen is recorded as the first purchaser of apple trees in the area. However it was in fact his farm workers who first successfully farmed them, on their own plots, and through their own private initiative. In 1903 the Italian South African Molteno family also began to farm in the area - including two brothers who - together with Viljoen's "Oak Valley" farms - helped to build the town's deciduous fruit industry. Another influential pioneer for this period in Grabouw's history was a local woman farmer - Kathleen Murray. She was extremely active also in Grabouw community development (and later became an enthusiastic member of the Black Sash movement). These enterprises turned Grabouw into the hub of Southern Africa's largest single export fruit-producing area. Other influential pioneers were the Beukes family and the Franco-Italian immigrant Edmond Lombardi, who created an apple-juice drink he called "Appletiser", on his nearby farm Applethwaite, and introduced it to the market in 1966. Fueled by the agricultural development of the surrounding region, the town became an economic hub, and gained its first local council in 1923. Full municipal status was granted in 1956.</p>
<h2 class="text-primary mb-3"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/1_Elgin_Railway_Station_-_Molteno_brothers_-_WC_SA_7.jpg/220px-1_Elgin_Railway_Station_-_Molteno_brothers_-_WC_SA_7.jpg">Modern developments</a></h2>
<p class="mb-4">By the end of the 20th century, a significant shift began in Grabouw's economic focus, with a move towards viticulture and tourism. A large and thriving wine industry has developed across the valley, and wines from the region have won several international awards. The Elgin valley is South Africa's coolest climate wine-growing region and a range of other geographic factors (for example, its proximity to the Atlantic Ocean, cool temperatures, plentiful winter rainfall, prevailing wind directions, and altitude) have created a set of conditions for wine growing which are markedly different to those in surrounding areas. Of the many varietals grown in the region, special attention has been paid to Sauvignon Blanc and Pinot Noir. Grabouw and its surrounding valley is historically significant for South Africa's wine history also because, of all the country's regions, it had one of the earliest movements towards Black ownership of vineyards and wineries. The Elgin winery Thandi was in fact the country's second post-Apartheid winery with significant black involvement (after New Beginnings in Paarl)</p>
<br/>
<center><div class="site-blocks-cover overlay" style="background-image: url(images/Elgin.jpg);" data-aos="fade" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row align-items-center justify-content-center text-center">
<div class="col-md-10" data-aos="fade-up" data-aos-delay="400">
<h1>Elgin, Grabouw</h1>
<p data-aos="fade-up" data-aos-delay="100">Elgin is a large, lush area of land, circled by mountains, in the Overberg region of South Africa. This broad upland valley lies about 70 km southeast of Cape Town, just beyond the Hottentots Holland Mountains. The Elgin region is centered on the town of Grabouw.</p>
<h1><a href="https://en.wikipedia.org/wiki/Elgin,_Western_Cape"><i>Elgin, Grabouw Wiki</i></a></h1>
</div>
</div>
</div>
</div></center>
</div>
</div>
<br/>
<h1 class="text-primary mb-3">Other <i>History</i> in Grabouw.</h1>
<h3 class="text-primary mb-3">History of Elgin Valley, Grabouw</h3>
<p class="mb-4">The original inhabitants of the area were the Khoikhoi pastoralists and the San hunter gatherers. The indigenous people of the region, the Chainouqua Khoi, inhabited a large area on both sides of the Hottentots Holland Mountains. They traded with early European settlers, but were later dispossessed from their lands by the Dutch colonists, who began to move into the area in the late 1600s. After displacing the Chainouqua Khoi, the colonists divided up the Chainouqua land into farms, and the region remained a relatively underdeveloped backwater for many centuries. Several waves of settlers arrived in the valley, after the initial Dutch colonists. Small numbers of British settlers arrived from the 19th century. Other diverse groups of settlers arrived in smaller numbers, including even groups of Italian prisoners of war. However demographically, the valley remained predominantly Afrikaans speaking, like the majority of the greater Overberg area. Similarly, land remained in the hands of a minority of farmers, while the majority of the region's inhabitants remained landless. The development of the region changed substantially in the early 20th century, with the arrival of several influential families who had an enormous effect on Elgin. Sir Antonie Viljoen, an Afrikaans medical doctor, bought a farm named Oak Valley Estate in the Elgin Valley in 1898. He spent much of the next few years under house arrest on his farm (he had signed up as a medical officer with the Boer army, during the war, and was soon captured by the British. His internment on Oak Valley was only granted on condition that he paid for the services of two British soldiers to guard him for the duration of the war!) Antonie Viljoen was a farmer extraordinaire growing everything from grape vines to potatoes. Amongst his many farming achievements were the purchase of the first deciduous fruit trees in the Elgin valley. These were initially grown and maintained by his farm labourers, mostly as their own private project. However they constituted the first known deciduous orchard in the region, and Antonie Viljoen's farm workers deserve the honour of being the first true deciduous fruit farmers of Elgin. In 1903 an Italian South African family named Molteno began farming in the area. Two friends of Dr Viljoen, the young brothers Edward and Harry Molteno initially bought a small plot of land named "Glen Elgin", near the modern Elgin railway station, where they grew vegetables. They soon started growing deciduous fruit though, and built up a vast fruit farming enterprise that spanned the entire valley. Charismatic and eccentric, they long dominated the fruit export industry but later left their enormous network of farms, as a trust, to be broken up, distributed, and used for the benefit of the farm workers and the region's inhabitants. These early farming groups had a relatively inclusive and progressive effect on the Cape's conservative farming society. Sir Antonie was an MP in the Cape Parliament and, together with fellow MP James Molteno, he launched the first movement to give women of all races the right to vote, in 1907. Another progressive local entrepreneur who had an enormous influence on the valley was Kathleen Murray, who was a leader in the Black Sash among other political activities. In 1966, on Applethwaite farm, the Franco-Italian immigrant Edmond Lombardi created and introduced to the market a 100% apple-juice beverage, free of additives and preservatives, known as Appletiser. Appletiser[28] is now owned by SAB Miller and is sold across Europe, Asia, and North America. The history of much of Elgin's economic development is recorded in the Elgin Apple Museum. This was founded in 1972 in a historic old cottage on the banks of the Palmiet River.</p>
<h1 class="text-primary mb-3">Links - Grabouw</h1>
<ul>
<li><a href="https://web.archive.org/web/20070520062037/http://www.viewoverberg.com/Grabouw.asp">Overberg Tourism Site - Grabouw</a></li>
<li><a href="https://web.archive.org/web/20070520062037/http://www.viewoverberg.com/Grabouw.asp">History of Grabouw</a></li>
<li><a href="http://www.overberg.co.za/content/view/22/27/">Grabouw & Elgin: Overberg Municipality</a></li>
</ul>
<hr/>
<div class="site-section " data-aos="fade">
<div class="container">
<div class="row mb-5">
<div class="col-md-8"><h2><u>Quote</u></h2>
<h3>"Life isn't about finding yourself. Life is about creating yourself."</h3>
</div>
</div>
</div>
<hr/>
<div class="col-md-6 mb-5 mb-lg-0 col-lg-3">
<h3>My Socials</h3>
<a href="https://www.facebook.com/benzito.bezuidenhout.7" class="pl-1 pr-3"><span class="icon-facebook"></span></a>
<a href="https://www.twitter.com/benzito1590" class="pl-1 pr-3"><span class="icon-twitter"></span></a>
<a href="https://www.instagram.com/benzitobezt1590" class="pl-1 pr-3"><span class="icon-instagram"></span></a>
<a href="https://www.github.com/benzito1590" class="pl-1 pr-3"><span class="icon-github"></span></a>
<img src="images/benzito.jpg" alt="Benzito Bezuidenhout" width="200" height="300"><h2>Creater of this Website</h2>
<p><h2><i><u>Benzito Bezuidenhout</u></i></h2><br/>He is young freelancer web designer in Grabouw. He found that the original website don't have everything about the town he live.<br/>
And yes, Benzito live in Grabouw for all his life. He a <i>Gamer</i>, <i>Coder</i>, <i>Singer</i> and <i>Dancer</i>. Benzito love computer, games and want be software/game developer
,but he now a freelancer web/game developer. He begin to code when he was 19 years old at he school year and further on self-learning to become success.</p>
</div>
<h3>My Portfolio</h3>
At Github - <a href="https://www.github.com/benzito1590" class="pl-1 pr-3"><span class="icon-github"></span></a><br/>
<i>Search Benzito's Portfolio</i>
<div class="site-section">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-7 text-center border-primary">
<h2 class="font-weight-light text-primary">Ask the Creater</h2>
<p class="color-black-opacity-5">Frequently Ask Question</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-8">
<div class="border p-3 rounded mb-2">
<a data-toggle="collapse" href="#collapse-1" role="button" aria-expanded="false" aria-controls="collapse-1" class="accordion-item h5 d-block mb-0">Went you become freelancer?</a>
<div class="collapse" id="collapse-1">
<div class="pt-2">
<p class="mb-0">February 2 2020. I know that no college will take my success and listen or use my ideas.</p>
</div>
</div>
</div>
<div class="border p-3 rounded mb-2">
<a data-toggle="collapse" href="#collapse-4" role="button" aria-expanded="false" aria-controls="collapse-4" class="accordion-item h5 d-block mb-0">Where were you born?</a>
<div class="collapse" id="collapse-4">
<div class="pt-2">
<p class="mb-0">May 12 1998 at Grabouw Community Health Clinic.</p>
</div>
</div>
</div>
<div class="border p-3 rounded mb-2">
<a data-toggle="collapse" href="#collapse-5" role="button" aria-expanded="false" aria-controls="collapse-5" class="accordion-item h5 d-block mb-0">How many language you speaking?</a>
<div class="collapse" id="collapse-5">
<div class="pt-2">
<p class="mb-0">Well, I speak Afrikaans and English a lot. My home language is Afrikaans, but I spoke English went I was small, cause I live, people speak English. I grow-up in English. Then I learn Spanish. I sing in Spanish a lot, but don't the language. I understand what I saying. I got the English version and this how I learn Spanish.</p>
</div>
</div>
</div>
<div class="border p-3 rounded mb-2">
<a data-toggle="collapse" href="#collapse-2" role="button" aria-expanded="false" aria-controls="collapse-2" class="accordion-item h5 d-block mb-0">Why do you create this website?</a>
<div class="collapse" id="collapse-2">
<div class="pt-2">
<p class="mb-0">It was a idea to make a website where I live, but I found a website of Grabouw. It was... well. Let me say...is good, but mine is way better and colourful. That website don't have everything about Grabouw outside Grabouw- to Houw Hoek area.</p>
</div>
</div>
</div>
<div class="border p-3 rounded mb-2">
<a data-toggle="collapse" href="#collapse-3" role="button" aria-expanded="false" aria-controls="collapse-3" class="accordion-item h5 d-block mb-0">Will you sell/buy this website?</a>
<div class="collapse" id="collapse-3">
<div class="pt-2">
<p class="mb-0">No, is for a project for my Web Design portfolio. I like to share it everyone.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr/>
<div class="site-section overlay" style="background-image: url(images/Grabouw.jpg);">
<div class="container">
<div class="row">
<div class="col-md-7 mb-5" data-aos="fade"></div>
<div class="col-md-5" data-aos="fade" data-aos-delay="100">
<div class="p-4 mb-3 bg-white">
<p class="mb-0 font-weight-bold">Address</p>
<p class="mb-4">Grabouw, Western Cape, South Africa</p>
<p class="mb-0 font-weight-bold">Area Code</p>
<p class="mb-4">021</p>
<p class="mb-0 font-weight-bold">Postal Code</p>
<p class="mb-4">House Number,Street Name/Farm Name</br>Po Box 37</br>Elgin, 7180 or Grabouw,7160</br>Date</p>
<p class="mb-0 font-weight-bold">Original Website</p>
<p class="mb-4">Xplorio - <a href="https://www.xplorio.com/Grabouw">Grabouw/Elgin</a></p>
</div>
<div class="p-4 mb-3 bg-white">
<p class="mb-0 font-weight-bold">Speaking Languages in Grabouw</p>
<p class="mb-4">Afrikaans, English, Xhosa - Most speaks this language</p>
<p class="mb-4">Sotho, Other - Less speaks this language</p>
</div>
</div>
</div>
</div>
</div>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="row">
<div class="col-md-6 mb-5 mb-lg-0 col-lg-3">
<h2 class="footer-heading mb-4">Quick Links</h2>
<ul class="list-unstyled">
<li><a href="index.html">Home</a></li>
<li><a href="listings.html">Lists</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</div>
<div class="col-md-6 mb-5 mb-lg-0 col-lg-3"></div>
<div class="col-md-6 mb-5 mb-lg-0 col-lg-3">
<h2 class="footer-heading mb-4">Social Media</h2>
<a href="https://www.facebook.com/hashtag/grabouw" class="pl-1 pr-3"><span class="icon-facebook"></span></a>
<a href="https://twitter.com/hashtag/grabouw" class="pl-1 pr-3"><span class="icon-twitter"></span></a>
<a href="https://www.instagram.com/explore/tags/grabouw" class="pl-1 pr-3"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
<div class="col-lg-3">
<h2 class="footer-heading mb-4">Newsletter</h2>
<p>Join Our Community on Facebook.</p>
<a href="https://www.facebook.com/groups/100906637109584/"><i>Click Here </i></a> for our Grabouw Community.
</div>
</div>
<div class="row pt-5 mt-5">
<div class="col-12 text-md-center text-left"></div>
</div>
</div>
</footer>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/bootstrap-datepicker.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/rangeslider.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>