-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
255 lines (206 loc) · 9.95 KB
/
services.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="apple-touch-icon" sizes="180x180" href="favicon_package_Noksa23/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_package_Noksa23/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_package_Noksa23/favicon-16x16.png">
<link rel="manifest" href="favicon_package_Noksa23/site.webmanifest">
<link rel="mask-icon" href="favicon_package_Noksa23/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/services.css">
<title>Services</title>
</head>
<body>
<!-----------------------CALL-TIME INFORMATION BAR---------------------->
<div class="wrapper wrapper-1">
<div class="info-bar">
<div class="time info">
<img src="img/Clock_Icon.png" width="20px" height="20px">
<h5>08:00 - 16:00 Mon - Fri</h5>
</div>
<div class="call info">
<img src="img/d416af77.png" width="20px" height="20px" >
<h5>011 345 3241</h5>
</div>
</div>
</div>
<!-----------------------END CALL-TIME INFORMATION BAR---------------------->
<!-----------------------START HEADER---------------------->
<header>
<div class="wrapper wrapper-2">
<div class="nav">
<img src="img/logo_white-02.png" width="60px" height="60px" class="logo">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li class="current"><a href="services.html">Services</a></li>
<li><a href="ourStory.html">Our story</a></li>
<li><a href="#contact">Contact us</a></li>
</ul>
</nav>
</div>
</div>
<h1>SERVICES</h1>
</header>
<!-----------------------END HEADER---------------------->
<!-----------------------START OF SERIVCES LIST-------------------------->
<div class="cont landuse">
<div class="title title-1">
<img src="img/town planning.png" alt="" width="80px" height="80px">
<h3>Land Use Planning</h3>
</div>
<div class="container">
<div class="box box1-1">
<h5>Township Establishment</h5>
<p>legal process whereby an authority receives, considers and approves an application for a township and which culminates in the proclamation of the township. The process may be prescribed in any of various Ordinances, the Gauteng Planning and Development Act or the DFA</p>
</div>
<div class="box box1-2">
<h5>Rezonning</h5>
<p>An amendment to the map and/or text of a zoning ordinance to effect a change in the nature density, or intensity of uses allowed in a zoning district and/or on a designated parcel or land area.</p>
</div>
<div class="box box1-3">
<h5>Concent Use</h5>
<p> represents a granting of development rights by the Municipality in terms of the Town Planning Scheme, without changing the formal zoning of the stand. Refer to the specific Town Planning Scheme as to which uses can be approved on different zonings.</p>
</div>
<div class="box box1-4">
<h5>Subdivision</h5>
<p>one of the parts into which something is divided. : the act or process of dividing something into smaller parts. : an area ofland that has been divided into smaller areas on which houses are built</p>
</div>
</div>
</div>
<div class="cont Drawing">
<div class="title title-2">
<img src="img/drawing.png" alt="" width="80px" height="80px">
<h3>Drawing & Drughting</h3>
</div>
<div class="container">
<div class="box box2-1">
<h5>Site Development Plan</h5>
<p>A plan, to scale, showing uses and structures proposed for a parcel of land. It includes lot lines, streets, building sites, public open space, buildings, major landscape features – both natural and man-made – and, depending on requirements, the locations of proposed utility lines.</p>
</div>
<div class="box box2-2">
<h5>Building Plans</h5>
<p>A graphical representation of what a building will look like after construction</p>
</div>
<div class="box box2-3">
<h5>Township Layout</h5>
<p>companies and government in a proud,caring and professional environment while helping them be satis ed and assured</p>
</div>
<div class="box box2-4">
<h5>Map 2's & 3's</h5>
<p>Plan forming part of zoning documentation depicting the property to which a specific zoning applies</p>
</div>
</div>
</div>
<div class="cont Policy">
<div class="title title-2">
<img src="img/policy.png" alt="" width="80px" height="80px">
<h3>Land Use Scheme</h3>
</div>
<div class="container">
<div class="box box3-1">
<h5>Site Development Plan</h5>
<p>A detailed site plan document used by the City to determine if a development proposal has been planned consistently with the regulations and intent of the Zoning Code</p>
</div>
<div class="box box3-2">
<h5>Policy for land use</h5>
<p>companies and government in a proud,caring and professional environment while helping them be satis ed and assured</p>
</div>
</div>
</div>
<div class="cont Advocacy">
<div class="title title-2">
<img src="img/Advocay.png" alt="" width="80px" height="80px">
<h3>Advocacy</h3>
</div>
<div class="container">
<div class="box box4-1">
<h5>Enquiary</h5>
<p>companies and government in a proud,caring and professional environment while helping them be satis ed and assured</p>
</div>
<div class="box box4-2">
<h5>Developmental advices</h5>
<p>companies and government in a proud,caring and professional environment while helping them be satis ed and assured</p>
</div>
<div class="box box4-3">
<h5>Feasibility Studies</h5>
<p>A feasibility study is an analysis used in measuring the ability and likelihood to complete a project successfully including all relevant factors</p>
</div>
<div class="box box4-4">
<h5>Proposal</h5>
<p>companies and government in a proud,caring and professional environment while helping them be satis ed and assured</p>
</div>
</div>
</div>
<div class="definitions">
</div>
<!------------------------END OF SERVICES------------------------>
<!------------------------CONTACT FORRM START------------------------>
<div class="warpper wrapper-5">
<div class="form">
<h2>Get Help here</h2>
<form action="mail.php" action="POST">
<input type="text" name="name" placeholder="Name" class="form-block-1 form-block"><br>
<input type="text" name="email" placeholder="Emali" class="form-block-2 form-block"><br>
<!-- <p>Request Phone Call
Yes <input type="radio" value="Yes" name="call" class="tick">
No <input type="radio" value="No" name="call" class="tick"></p><br/>-->
<input type="number" name="phone" placeholder="Phone number , we will call you back" class="form-block-3 form-block"><br>
<textarea name="message" class="form-block-3 form-block">Message/ Comments/ Question</textarea><br>
<input type="submit" value="Send" class="btn btn-3">
</form>
</div>
</div>
<!---------------------END OF CONTACT FORRM------------------------>
<div class="social_media">
<ul>
<li><a href="#"><img src="img/t.png" alt="" width="35px" height="35px"></a></li>
<li><a href="#"><img src="img/f.png" alt="" width="35px" height="35px"></a></li>
</ul>
</div>
<div class="wrapper wrapper-6">
<footer id="contact">
<div class="footer">
<div class="footer-1 footer-1-1">
<h5>Physical Address</h5>
<address>
335 Jorissen Street<br>
Monument<br>
Krugersdorp<br>
1740
</address>
</div>
<div class="footer-1 footer-1-2">
<h5>Postal Address</h5>
<address>
PO Box 3345<br>
Kenmare<br>
Krugersdorp<br>
1739
</address>
</div>
<div class="footer-1 footer-1-3">
<h5>Contact Details</h5>
<ul>
<li><img src="img/cell.png" alt="" width="30px" height="30px">073 543 8630</li>
<li><img src="img/tel.png" alt="" width="30px" width="30px">011 074 5369</li>
<li><img src="img/mail.png" alt="" width="30px" height="30px">[email protected]</li>
</ul>
</div>
</div>
<div class="footer-2 footer2-1">
<ul>
<li><h5>Member of</h5></li>
<li><img src="img/sapi_logox2-1.png" alt="" width="auto" height="auto"></li>
<li><img src="img/logonew_sacplan.png" alt="" width="auto" height="auto"></li>
</ul>
<p>Copyright © 2018 Noksa23 Town Planners. All rights reserved</p>
</div>
</footer>
</div>
</body>
</html>