PageSourceSearch

https://kagoafrica.com/client/register.html

html kagoafrica.com collected 2026-10-02 00:51:11 UTC 26,884 bytes, 490 lines download raw bytes

1<!doctype html>
2<html lang="en">
3
4<head>
5        
6<meta charset="utf-8" />
7<meta name="viewport" content="width=device-width, initial-scale=1.0">
8<meta content="Kago Africa" name="description" />
9<meta content="Themesbrand" name="author" />
10<link rel="stylesheet" href="assets/css/splash-animation.css">
11<link rel="stylesheet" href="assets/css/splash.css">
12<!-- App favicon -->
13<link rel="shortcut icon" href="assets/images/logo-sm.png">
14
15<link href="assets/libs/metrojs/release/MetroJs.Full/MetroJs.min.css" rel="stylesheet" type="text/css" />
16
17<!-- Bootstrap Css -->
18<link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" />
19<!-- Icons Css -->
20<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
21<!-- App Css-->
22<link href="assets/css/app.css" id="app-style" rel="stylesheet" type="text/css" />
23<link href="assets/css/custom.css?version=1.1.3" id="app-style" rel="stylesheet" type="text/css" />
24<!-- datatables -->
25<!-- <link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet"> -->
26<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
27
28<!-- <link rel="stylesheet" href="https://cdn.datatables.net/2.0.2/css/dataTables.dataTables.css"> -->
29<link rel="stylesheet" href="https://cdn.datatables.net/2.0.2/css/dataTables.bootstrap5.css">
30<!-- Fixed Header Datatable CSS -->
31<link rel="stylesheet" href="https://cdn.datatables.net/fixedheader/4.0.1/css/fixedHeader.dataTables.css">
32
33<!-- <link rel="stylesheet" href="../assets/css/flatpickr.min.css"> -->
34<link rel="stylesheet" href="../assets/css/flatpickr_material.css">
35
36<link rel="stylesheet" href="../assets/css/flatpickr/plugins/monthSelect/style.css">
37    <link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
38    <link rel="stylesheet" href="assets/css/register.css">
39    <link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.6/css/intlTelInput.min.css" rel="stylesheet" media="all">
40    <link
41      rel="stylesheet"
42      href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.default.min.css"
43      integrity="sha512-pTaEn+6gF1IeWv3W1+7X7eM60TFu/agjgoHmYhAfLEU8Phuf6JKiiE8YmsNC0aCgQv4192s4Vai8YZ6VNM6vyQ=="
44      crossorigin="anonymous"
45      referrerpolicy="no-referrer"
46    />
47    <title>Client Registration - Kago Africa</title>
48</head>
49
50<body class="auth-body-bg">
51    <div>
52        <!-- Log In page -->
53        <div class="form-container">
54            <div class="img-container">
55                <img src="assets/images/kago-bg.jpg" alt="">
56            </div>
57            <div class="p-2">
58                <h3 class="text-center m-0">
59                    <a href="/kago" class="logo logo-admin"><img src="assets/images/logo-sm.png"
60                            height="70" alt="logo" class="my-3"></a>
61                </h3>
62                <h4 class="text-center">Register As A Client</h4>
63                <!--Tab-->
64                <ul class="nav nav-tabs nav-fill px-5">
65                  <li class="nav-item">
66                    <a
67                      class="nav-link active"
68                      aria-current="page"
69                      id="company-info-tab-btn"
70                      href="?tab=company-info"
71                    >
72                      <i class="mdi mdi-office-building-outline me-2"></i> Company
73                      Information
74                    </a>
75                  </li>
76                  <li class="nav-item">
77                    <a
78                      class="nav-link disabled"
79                      id="personal-info-tab-btn"
80                      href="?tab=personal-info"
81                    >
82                      <i class="mdi mdi-account me-2"></i> Personal Information
83                    </a>
84                  </li>
85                  <li class="nav-item">
86                    <a
87                      class="nav-link disabled"
88                      id="documents-tab-btn"
89                      href="?tab=documents"
90                    >
91                      <i class="mdi mdi-file-outline me-2"></i> Documents
92                    </a>
93                  </li>
94                </ul>
95                <div class="tab-content">
96                  <div
97                    class="tab-pane fade show active"
98                    id="company-info"
99                    role="tabpanel"
100                    aria-labelledby="company-info-tab"
101                  >
102                    <fieldset id="company-info-fields" class="py-3 px-5">
103                        <h4>Company Information</h4>
104                        <div class="row mb-4">
105                            <div class="col">
106                                <label for="companyName">Company Name *</label>
107                                <input type="text" id="companyName" class="form-control shadow-none">
108                                <small class="error companyName d-none">
108Company name is required</small>
109                            </div>
110                            <div class="col">
111                                <label for="tinNo">Tax Identification Number *</label>
112                                <input type="text" id="tinNo" class="form-control shadow-none">
113                                <small class="error tinNo d-none">Tax Identification Number is required</small>
114                            </div>
115                        </div>
116                        <div class="mb-4">
117                            <label for="address">Physical Address *</label>
118                            <textarea type="text" id="address" class="form-control shadow-none"></textarea>
119                            <small class="error address d-none">Physical Address is required</small>
120                        </div>
121                        <div class="mb-4">
122                            <label for="businessType">Business Specialization *</label>
123                            <select name="businessType" id="businessType" class="form-select shadow-none">
124                                <option value="">Select One</option>
125                                <option class="text-capitalize" value="local">local</option>
126                                <option class="text-capitalize" value="transit">transit</option>
127                                <option class="text-capitalize" value="both">both</option>
128                            </select>
129                            <small class="error businessType d-none">Business Specialization is required</small>
130                        </div>
131                        <div class="row">
132                            <div class="mb-4 col">
133                                <label for="no">Estimated Volume Per Month (in containers) *</label>
134                                <input type="number" id="no" min="1" class="form-control shadow-none">
135                                <small class="error no d-none">Number of containers is required</small>
136                            </div>
137                            <div class="mb-4 col">
138                                <label for="no2">Estimated Volume Per Month (in tonnes) *</label>
139                                <input type="number" id="no2" min="1" class="form-control shadow-none">
140                                <small class="error no2 d-none">Estimated volume is required</small>
141                            </div>
142                        </div>
143                        <div class="d-flex justify-content-end">
144                            <button class="btn btn-primary next-btn">next</button>
145                        </div>
146                        <small class="d-block mt-3">The astrik (*) denotes a mandatory field</small>
147                        <small class="d-block mt-2">Already have an account? <a href="login.html">login</a></small>
148                    </fieldset>
149                  </div>
150                  <div
151                    class="tab-pane fade show card-body"
152                    id="personal-info"
153                    role="tabpanel"
154                    aria-labelledby="personal-info-tab"
155                  >
156                    <fieldset class="py-3 px-5">
157                        <h4>Personal Information</h4>
158                        <div class="row">
159                            <div class="col mb-4">
160                                <label for="firstName">First Name *</label>
161                                <input type="text" id="firstName" class="form-control shadow-none">
162                                <small class="error firstName d-none">First name is required</small>
163                            </div>
164                            <div class="col mb-4">
165                                <label for="lastName">Last Name *</label>
166                                <input type="text" id="lastName" class="form-control shadow-none">
167                                <small class="error lastName d-none">Last name is required</small>
168                            </div>
169                        </div>
170                        <div class="mb-4">
171                            <label for="position">Position *</label>
172                            <input type="text" id="position" class="form-control shadow-none">
173                            <small class="error position d-none">Position is required</small>
174                        </div>
175                        <div class="row">
176                            <div class="col mb-4">
177                                <label for="email">Email Address *</label>
178                                <input type="email" id="email" class="form-control shadow-none">
179                                <small class="error email d-none">Email is required</small>
180                            </div>
181                            <div class="col mb-4">
182                                <label for="mobile">Phone Number *</label>
183                                <input type="text" id="mobile" class="form-control shadow-none">
184                                <small class="error mobile d-none">Phone number is required</small>                                        
185                            </div>
186                        </div>
187                        <table class="table table-responsive security-questions-table">
188                          <thead>
189                            <tr>
190                              <td>
191                                <div>
192                                  <label for="question">Question</label>
193                                  <select id="question">
194                                    <option value="">Select A Question...</option>
195                                    <option value="1">
196                                      What is your favorite color?
197                                    </option>
198                                    <option value="3">What is your pet's name?</option>
199                                    <option value="4">
200                                      What was the name of your math teacher?
201                                    </option>
202                                    <option value="5">
203                                      What was your childhood nickname?
204                                    </option>
205                                    <option value="6">
206                                      What is the name of your favorite childhood
207                                      friend?
208                                    </option>
209                                  </select>
210                                </div>
211                              </td>
212                              <td>
213                                <div>
214                                  <label for="answer">Answer (case sensitive) *</label>
215                                  <input
216                                    type="password"
217                                    id="answer"
218                                    class="form-control shadow-none"
219                                  />
220                                </div>
221                              </td>
222                              <td>
223                                <div>
224                                  <button class="btn btn-dark w-100" id="add-sec-btn">
225                                    add
226                                  </button>
227                                </div>
228                              </td>
229                            </tr>
230                          </thead>
231                          <tbody></tbody>
232                        </table>
233                        <small class="error questions text-danger d-none mb-4"
234                          >Select at least 3 different questions with answers</small
235                        >
236                        <div class="d-flex justify-content-between">
237                            <button class="btn btn-dark prev-btn">previous</button>
238                            <button class="btn btn-primary next-btn">next</button>
239                        </div>
240                        <small class="d-block mt-3">The astrik (*) denotes a mandatory field</small>
241                    </fieldset>
242                  </div>
243                  <div
244                    class="tab-pane fade show card-body"
245                    id="documents"
246                    role="tabpanel"
247                    aria-labelledby="documents-tab"
248                  >
249                    <fieldset class="py-3 px-5">
250                        <h4>Relevant Documents</h4>
251                        <div class="dropzone" id="single-pdf-dropzone"></div>
252                          <div style="display: flex; align-items: center; text-align: center; margin: 24px 0;">
253                            <div style="flex: 1; border-top: 2px dotted #ccc;"></div>
254                            <span style="padding: 0 16px; color: #888; font-size: 14px; font-family: sans-serif; white-space: nowrap;">Continue with individual documents</span>
255                            <div style="flex: 1; border-top: 2px dotted #ccc;"></div>
256                        </div>
257                        <div style="position: relative;">
258                          <div id="individual-document-block" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.732);display: flex;align-items: center;justify-content: center;cursor: not-allowed;display: none;">
259                            <p style="font-weight: bold;">Merged Document Already Uploaded</p>
260                          </div>
261                          <div class="limited-company-docs">
262                            <div class="mb-4">
263                              <label for="crt" class="d-flex"
264                                >Tax Payer Identity Certificate *</label
265                              >
266                              <input
267                                type="file"
268                                id="crt"
269                                multiple=""
270                                accept=".pdf,.jpeg,.jpg,.png"
271                                class="form-control shadow-none"
272                              />
273                              <small class="error crt text-danger d-none"
274                                >Tax Payer Identity Certificate is required</small
275                              >
276                            </div>
277                            <div class="mb-4">
278                              <label for="memo" class="d-flex">Brela Shareholders Detailing Information *</label>
279                              <input
280                                type="file"
281                                id="memo"
282                                multiple=""
283                                accept=".pdf,.jpeg,.jpg,.png"
284                                class="form-control shadow-none"
285                              />
286                              <small class="error memo text-danger d-none"
287                                >Brela is required</small
288                              >
289                            </div>
290                            <div class="mb-4">
291                              <label for="tax" class="d-flex"
292                                >Value Added Tax Certificate *</label
293                              >
294                              <input
295                                type="file"
296                                id="tax"
297                                multiple=""
298                                accept=".pdf,.jpeg,.jpg,.png"
299                                class="form-control shadow-none"
300                              />
301                              <small class="error tax text-danger d-none"
302                                >Value Added Tax Certificate is required</small
303                              >
304                            </div>
305                          </div>
306                          <div class="sole-prop-docs" data-documents-required="Sole Proprietership">
307                            <div class="mb-4">
308                              <label for="tin" class="d-flex">Tax Clearance Certificate *</label>
309                              <input
310                                type="file"
311                                id="tin"
312                                multiple=""
313                                accept=".pdf,.jpeg,.jpg,.png"
314                                class="form-control shadow-none"
315                              />
316                              <small class="error tin text-danger d-none"
317                                >Tax Clearance Certificate is required</small
318                              >
319                            </div>
320                            <div class="mb-4">
321                              <label for="businessLicense" class="d-flex"
322                                >Business License *</label
323                              >
324                              <input
325                                type="file"
326                                id="businessLicense"
327                                multiple=""
328                                accept=".pdf,.jpeg,.jpg,.png"
329                                class="form-control shadow-none"
330                              />
331                              <small class="error businessLicense text-danger d-none"
332                                >Business License is required</small
333                              >
334                            </div>
335                            <div class="mb-4">
336                              <label for="insuaranceNote" class="d-flex"
337                                >Identity Card (From one of the Directors) *</label
338                              >
339                              <input
340                                type="file"
341                                id="insuaranceNote"
342                                multiple=""
343                                accept=".pdf,.jpeg,.jpg,.png"
344                                class="form-control shadow-none"
345                              />
346                              <small class="error insuaranceNote text-danger d-none"
347                                >Identity Card is required</small
348                              >
349                            </div>
350                            <div class="mb-4">
351                              <label for="moa" class="d-flex"
352                                >Memorandum of Association *</label
353                              >
354                              <input
355                                type="file"
356                                id="moa"
357                                multiple=""
358                                accept=".pdf,.jpeg,.jpg,.png"
359                                class="form-control shadow-none"
360                              />
361                              <small class="error moa text-danger d-none"
362                                >Memorandum of Association is required</small
363                              >
364                            </div>
365                            <div class="mb-4">
366                              <label for="aoa" class="d-flex"
367                                >Article of Association *</label
368                              >
369                              <input
370                                type="file"
371                                id="aoa"
372                                multiple=""
373                                accept=".pdf,.jpeg,.jpg,.png"
374                                class="form-control shadow-none"
375                              />
376                              <small class="error aoa text-danger d-none"
377                                >Article of Association is required</small
378                              >
379                            </div>
380                          </div>
381                        </div>
382                        <div class="mb-4">
383                            <label for="acquisitionChannel" class="d-flex">How did you hear about us? *</label>
384                            <select id="acquisitionChannel" class="form-select shadow-none">
385                              <option value="">Select One</option>
386                              <option>From a colleague</option>
387                              <option>From a billboard/screen advertisement</option>
388                              <option>
388A referral from a transporter/client</option>
389                              <option>Existing client/transporter</option>
390                              <option>New transporter/client</option>
391                              <option>From Kago employee</option>
392                            </select>
393                            <small class="error acquisitionChannel d-none">Please select one of the above</small>
394                        </div>
395                        <div class="mb-4">
396                            <div class="d-flex">
397                                <input type="checkbox" required id="terms" class="form-check-input shadow-none me-2">
398                                <label for="terms" class="form-check-label"
399                                  >By registering, you are agreeing to our
400                                  <a href="../termsandconditions.html" target="_blank"
401                                    >Terms of service</a
402                                  >
403                                  and
404                                  <a href="../privacypolicy.html" target="_blank">Privacy Policy</a>
405                                  *</label>
406                            </div>
407                            <div class="error terms d-none">You need to agree to our terms of service</div>
408                        </div>
409                        <div class="d-flex justify-content-between">
410                            <button class="btn btn-dark" id="prev-btn-2">previous</button>
411                            <button class="btn btn-primary" id="submit-btn">submit <div class="spinner-border spinner-border-sm ms-2 d-none"></div></button>
412                        </div>
413                        <small class="d-block mt-3">The astrik (*) denotes a mandatory field</small>
414                    </fieldset>
415                  </div>
416                </div>
417            </div>
418        </div>
419        <!-- End Log In page -->
420    </div>
421    <!-- JAVASCRIPT -->
422    
422<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"
423    integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ=="
424    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 424
424
425<script src="assets/js/constants.js?version=3.1.0.4"></script>
vendor: 1 bytes, line 425
425
426<script src="assets/js/init.js?version=3.1.0.4"></script>
vendor: 1 bytes, line 426
426
427<script src="assets/js/api_calls.js?version=3.1.0.4"></script>
vendor: 1 bytes, line 427
427
428<script src="assets/js/options.js?version=3.1.0.4"></script>
428
429
430<!-- JAVASCRIPT -->
431<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 431
431
432<script src="assets/libs/metismenu/metisMenu.min.js"></script>
vendor: 1 bytes, line 432
432
433<script src="assets/libs/simplebar/simplebar.min.js"></script>
vendor: 1 bytes, line 433
433
434<script src="assets/libs/node-waves/waves.min.js"></script>
434
435<!-- Sweet Alerts js -->
436<!-- 
436<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
436 -->
437 
437<script src="assets/libs/sweetalert.js"></script>
437
438 
438<script src="assets/js/CustomAlertify.js?version=3.1.0.4"></script>
438
439<!-- tool tips -->
440
441<script src="https://cdn.datatables.net/2.0.2/js/dataTables.min.js"></script>
vendor: 1 bytes, line 441
441
442<script src="https://cdn.datatables.net/2.0.2/js/dataTables.bootstrap5.js"></script>
442
443
444<!-- Fixed Header Datatable JS -->
445<script src="https://cdn.datatables.net/fixedheader/4.0.1/js/dataTables.fixedHeader.js"></script>
vendor: 1 bytes, line 445
445
446<script src="https://cdn.datatables.net/fixedheader/4.0.1/js/fixedHeader.dataTables.js"></script>
446
447
448<script src="assets/js/custom.js?version=3.1.0.4"></script>
vendor: 1 bytes, line 448
448
449<script src="assets/js/utils.js?version=3.1.0.4"></script>
vendor: 1 bytes, line 449
449
450<script src="https://cdn.sheetjs.com/xlsx-latest/package/dist/xlsx.full.min.js"></script>
450
451
452<!-- 
452<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 452
452
453<script src="https://unpkg.com/tippy.js@6"></script>
453 -->
454<script src="assets/libs/popper.js"></script>
vendor: 1 bytes, line 454
454
455<script src="assets/libs/tippy-core.js"></script>
455
456<!-- toastify -->
457<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
vendor: 1 bytes, line 457
457
458<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.7.2.2.js"></script>
vendor: 1 bytes, line 458
458
459<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.7.2.2.min.js"></script>
459
460<!-- 
460<script src="assets/js/chat.js?version=3.1.0.4"></script>
460 -->
461
462<script src="https://cdn.socket.io/4.8.1/socket.io.min.js"
463            integrity="sha384-mkQ3/7FUtcGyoppY6bz/PORYoGqOl7/aSUMn2ymDOJcapfS6PHqxhRTMh1RR0Q6+"
464            crossorigin="anonymous"></script>
vendor: 1 bytes, line 464
464
465<script src="../js/NotificationService.js?version=3.1.0.4"></script>
vendor: 1 bytes, line 465
465
466<script src="assets/js/notifications.js?version=3.1.0.4"></script>
466
467
468<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
vendor: 1 bytes, line 468
468
469<script src="https://cdn.datatables.net/plug-ins/2.0.5/sorting/datetime-moment.js"></script>
469
470
471<script src="../assets/js/flatpickr.js"></script>
471
472
473<script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/plugins/monthSelect/index.js"></script>
473
474
475<!-- Shared Common Functionality -->
476<script src="assets/js/app.js"></script>
vendor: 1 bytes, line 476
476
477<script src="assets/js/components/Components.js?version=3.1.0.4"></script>
477
478    
478<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.6/js/intlTelInput.min.js"></script>
478
479    
479<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.6/js/utils.min.js"></script>
479
480    
480<script
481      src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js"
482      integrity="sha512-IOebNkvA/HZjMM7MxL0NYeLYEalloZ8ckak+NDtOViP7oiYzG5vn6WVXyrJDiJPhl4yRdmNAG49iuLmhkUdVsQ=="
483      crossorigin="anonymous"
484      referrerpolicy="no-referrer"
485    ></script>
485
486    
486<script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
486
487    
487<script src="assets/js/register.js?version=3.1.0.4"></script>
487
488</body>
489
490</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.