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.