1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 6 <!-- important meta tags --> 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 11 <!-- Title --> 12 <title>CTPD</title> 13 14 <!-- Basic SEO --> 15<meta name="description" content="The Centre for Trade Policy and Development (CTPD) is a not-for-profit, membership-based think-tank, working on economic policy issues"> 16<meta name="keywords" content="CTPD, Centre for Trade Policy and Development"> 17 18<!-- Favicon --> 19<link rel="apple-touch-icon" sizes="57x57" href="/assets-website/img/favicon/apple-icon-57x57.png"> 20<link rel="apple-touch-icon" sizes="60x60" href="/assets-website/img/favicon/apple-icon-60x60.png"> 21<link rel="apple-touch-icon" sizes="72x72" href="/assets-website/img/favicon/apple-icon-72x72.png"> 22<link rel="apple-touch-icon" sizes="76x76" href="/assets-website/img/favicon/apple-icon-76x76.png"> 23<link rel="apple-touch-icon" sizes="114x114" href="/assets-website/img/favicon/apple-icon-114x114.png"> 24<link rel="apple-touch-icon" sizes="120x120" href="/assets-website/img/favicon/apple-icon-120x120.png"> 25<link rel="apple-touch-icon" sizes="144x144" href="/assets-website/img/favicon/apple-icon-144x144.png"> 26<link rel="apple-touch-icon" sizes="152x152" href="/assets-website/img/favicon/apple-icon-152x152.png"> 27<link rel="apple-touch-icon" sizes="180x180" href="/assets-website/img/favicon/apple-icon-180x180.png"> 28<link rel="icon" type="image/png" sizes="192x192" href="/assets-website/img/favicon/android-icon-192x192.png"> 29<link rel="icon" type="image/png" sizes="32x32" href="/assets-website/img/favicon/favicon-32x32.png"> 30<link rel="icon" type="image/png" sizes="96x96" href="/assets-website/img/favicon/favicon-96x96.png"> 31<link rel="icon" type="image/png" sizes="16x16" href="/assets-website/img/favicon/favicon-16x16.png"> 32<link rel="manifest" href="/assets-website/img/favicon/manifest.json"> 33<meta name="msapplication-TileColor" content="#ffffff"> 34<meta name="msapplication-TileImage" content="/assets-website/img/favicon//ms-icon-144x144.png"> 35<meta name="theme-color" content="#ffffff"> 36 37<!-- Google Fonts --> 38<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700" rel="stylesheet"> 39<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> 40 41<!-- Fontawesome --> 42<link rel="stylesheet" href="/assets-website/css/font-awesome/css/font-awesome.min.css"> 43 44<link href="/assets-website/fontawesome-free-6.7.2/css/fontawesome.css" rel="stylesheet" /> 45<link href="/assets-website/fontawesome-free-6.7.2/css/brands.css" rel="stylesheet" /> 46<link href="/assets-website/fontawesome-free-6.7.2/css/solid.css" rel="stylesheet" /> 47<link href="/assets-website/fontawesome-free-6.7.2/css/sharp-thin.css" rel="stylesheet" /> 48<link href="/assets-website/fontawesome-free-6.7.2/css/duotone-thin.css" rel="stylesheet" /> 49<link href="/assets-website/fontawesome-free-6.7.2/css/sharp-duotone-thin.css" rel="stylesheet" /> 50 51<!-- Bootstrap CSS --> 52<link rel="stylesheet" href="/assets-website/css/bootstrap/bootstrap.min.css"> 53 54 55<!-- Owl Carousel CSS --> 56<link rel="stylesheet" href="/assets-website/css/owl-carousel/owl.carousel.min.css"> 57<link rel="stylesheet" href="/assets-website/css/owl-carousel/owl.theme.default.min.css"> 58 59<!-- Responsive Tabs CSS --> 60<link rel="stylesheet" href="/assets-website/css/responsive-tabs/responsive-tabs.min.css"> 61 62<!-- Magnific Popup --> 63<link rel="stylesheet" href="/assets-website/css/magnific-popup/magnific-popup.min.css"> 64 65<!-- Animate CSS --> 66<link rel="stylesheet" href="/assets-website/css/animate/animate.min.css"> 67 68<!-- Custom CSS --> 69<link rel="stylesheet" href="/assets-website/css/style.css"> 70 71<!-- Responsive CSS --> 72<link rel="stylesheet" href="/assets-website/css/responsive.css"> 73 74<!-- fullcalendar CSS --> 75 76 77 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 78</head> 79 80<body data-spy="scroll" data-target=".navbar" data-offset="140"> 81 82<!-- Preloader --> 83<div id="preloader"> 84 <div id="status"> </div> 85</div> 86 87<!-- HEADER --> 88<nav class="navbar navbar-expand-md fixed-top green-nav-top"> 89 <div class="container-fluid"> 90 <!-- Mobile Menu Open Button -->
91 <span id="mobile-nav-open-btn">☰</span> 92 93 <!-- Logo --> 94 <a class="navbar-brand smooth-scroll m-0 pb-0 pt-0" href="#home"> 95 <img src="/assets-website/img/logo/logos-white.png" class="img-rounded img-fluid" style="width: 140px;height: 140px" alt="logo"> 96 </a> 97 98 <!-- Main Menu --> 99 <div class="container"> 100 <div class="collapse navbar-collapse justify-content-end"> 101 <ul class="nav navbar-nav"> 102 <li class="nav-item"><a class="nav-link " href="https://ctpd.org.zm">Home</a></li> 103 <li class="nav-item dropdown"> 104 <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> 105 About 106 </a> 107 <div class="dropdown-menu"> 108 <a class="dropdown-item " href="https://ctpd.org.zm?#about">Mission Vision and Values</a> 109 <a class="dropdown-item " href="https://ctpd.org.zm?#services">Thematic Areas</a> 110 <a class="dropdown-item " href="https://ctpd.org.zm?#flagships">Flagships</a> 111 <a class="dropdown-item " href="https://ctpd.org.zm/public/departments/index">Departments</a> 112 </div> 113 </li> 114 <li class="nav-item dropdown"> 115 <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> 116 Networks 117 </a> 118 <div class="dropdown-menu"> 119 <a class="dropdown-item" href="https://ctpd.org.zm/public/networks/ztpd/index">Zambia Tax Platform (ZTP)</a> 120 <a class="dropdown-item" href="https://ctpd.org.zm/public/networks/cso/index">CSO Debt Alliance</a> 121 <a class="dropdown-item" href="https://ctpd.org.zm/public/networks/young-professionals/index">Young Professionals Network</a> 122 </div> 123 </li> 124 <li class="nav-item dropdown"> 125 <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> 126 Team 127 </a> 128 <div class="dropdown-menu"> 129 <a class="dropdown-item" href="https://ctpd.org.zm/public/teams/index">Our Team</a> 130 <a class="dropdown-item" href="https://ctpd.org.zm/public/membership/index">Membership</a> 131 </div> 132 </li> 133 <li class="nav-item"><a class="nav-link" href="https://ctpd.org.zm/public/vacancy/index">Careers</a></li> 134 <li class="nav-item dropdown"> 135 <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"> 136 Resources 137 </a> 138 <div class="dropdown-menu"> 139 <a class="dropdown-item " href="https://ctpd.org.zm?#studies">Research Studies</a> 140 <a class="dropdown-item " href="https://ctpd.org.zm?#press">Press Statements</a> 141 <a class="dropdown-item " href="https://ctpd.org.zm/public/newsletter/index">NewsLetter</a> 142 <a class="dropdown-item " href="https://ctpd.org.zm/public/monday-opinion-column/index">Monday Opinion Column</a> 143 <a class="dropdown-item " href="https://ctpd.org.zm?#impact">Impact Stories</a> 144 <a class="dropdown-item" href="https://ctpd.org.zm/public/report/index">Reports</a> 145 <a class="dropdown-item " href="https://ctpd.org.zm?#podcasts">Podcasts</a> 146 <a class="dropdown-item " href="https://ctpd.org.zm/public/parliamentary/index">Parliamentary Submissions</a> 147 </div> 148 </li> 149 <li class="nav-item"><a class="nav-link btn btn-gold" href="https://ctpd.org.zm/public/donation/index">Donation</a></li> 150 </ul> 151 </div> 152 </div> 153 154 <!-- Mobile Menu - SIMPLIFIED VERSION --> 155 <div id="mobile-nav"> 156 <!-- Mobile Menu Close Button -->
157 <span id="mobile-nav-close-btn">×</span> 158 159 <div id="mobile-nav-content"> 160 <div class="mobile-menu"> 161 <a href="https://ctpd.org.zm" class="mobile-menu-item">Home</a> 162 163 <!-- About --> 164 <div class="mobile-menu-section"> 165 <div class="mobile-menu-header" data-toggle="about-section"> 166 About <span class="mobile-arrow">â¼</span> 167 </div> 168 <div class="mobile-menu-subitems" id="about-section"> 169 <a href="https://ctpd.org.zm?#about" class="mobile-menu-subitem">Mission Vision and Values</a> 170 <a href="https://ctpd.org.zm?#services" class="mobile-menu-subitem">Thematic Areas</a> 171 <a href="https://ctpd.org.zm?#flagships" class="mobile-menu-subitem">Flagships</a> 172 <a href="https://ctpd.org.zm/public/departments/index" class="mobile-menu-subitem">Departments</a> 173 </div> 174 </div> 175 176 <!-- Networks --> 177 <div class="mobile-menu-section"> 178 <div class="mobile-menu-header" data-toggle="networks-section"> 179 Networks <span class="mobile-arrow">â¼</span> 180 </div> 181 <div class="mobile-menu-subitems" id="networks-section"> 182 <a href="https://ctpd.org.zm/public/networks/ztpd/index" class="mobile-menu-subitem">Zambia Tax Platform (ZTP)</a> 183 <a href="https://ctpd.org.zm/public/networks/cso/index" class="mobile-menu-subitem">CSO Debt Alliance</a> 184 <a href="https://ctpd.org.zm/public/networks/young-professionals/index" class="mobile-menu-subitem">Young Professionals Network</a> 185 </div> 186 </div> 187 188 <!-- Team --> 189 <div class="mobile-menu-section"> 190 <div class="mobile-menu-header" data-toggle="team-section"> 191 Team <span class="mobile-arrow">â¼</span> 192 </div> 193 <div class="mobile-menu-subitems" id="team-section"> 194 <a href="https://ctpd.org.zm/public/teams/index" class="mobile-menu-subitem">Our Team</a> 195 <a href="https://ctpd.org.zm/public/membership/index" class="mobile-menu-subitem">Membership</a> 196 <a href="https://ctpd.org.zm/public/vacancy/index" class="mobile-menu-subitem">Vacancies</a> 197 </div> 198 </div> 199 200 <!-- Resources --> 201 <div class="mobile-menu-section"> 202 <div class="mobile-menu-header" data-toggle="resources-section"> 203 Resources <span class="mobile-arrow">â¼</span> 204 </div> 205 <div class="mobile-menu-subitems" id="resources-section"> 206 <a href="https://ctpd.org.zm?#studies" class="mobile-menu-subitem">Research Studies</a> 207 <a href="https://ctpd.org.zm?#press" class="mobile-menu-subitem">Press Statements</a> 208 <a href="https://ctpd.org.zm/public/newsletter/index" class="mobile-menu-subitem">NewsLetter</a> 209 <a href="https://ctpd.org.zm/public/monday-opinion-column/index" class="mobile-menu-subitem">Monday Opinion Column</a> 210 <a href="https://ctpd.org.zm?#impact" class="mobile-menu-subitem">Impact Stories</a> 211 <a href="https://ctpd.org.zm/public/report/index" class="mobile-menu-subitem">Reports</a> 212 <a href="https://ctpd.org.zm?#podcasts" class="mobile-menu-subitem">Podcasts</a> 213 </div> 214 </div> 215 216 <a href="https://ctpd.org.zm/public/vacancy/index" class="mobile-menu-item mobile-menu-btn">Vacancy</a> 217 <a href="https://ctpd.org.zm/public/donation/index" class="mobile-menu-item mobile-menu-btn">Donation</a> 218 </div> 219 </div> 220 </div> 221 </div> 222</nav> 223 224<style>
225/* COMPLETELY CLEAN MOBILE MENU - NO BOOTSTRAP CONFLICTS */ 226#mobile-nav { 227 display: none; 228 position: fixed; 229 top: 0; 230 right: -100%; 231 width: 320px; 232 height: 100vh; 233 background: white; 234 z-index: 1050; 235 transition: right 0.3s ease; 236 overflow-y: auto; 237 box-shadow: -5px 0 15px rgba(0,0,0,0.1); 238} 239 240#mobile-nav-close-btn { 241 position: absolute; 242 top: 15px; 243 right: 20px; 244 font-size: 30px; 245 cursor: pointer; 246 color: #333; 247 z-index: 1051; 248} 249 250#mobile-nav-content { 251 padding: 70px 25px 25px; 252} 253 254/* Mobile menu styles - CLEAN */ 255.mobile-menu { 256 display: flex; 257 flex-direction: column; 258} 259 260.mobile-menu-item { 261 padding: 20px 18px !important; 262 color: #333 !important; 263 text-decoration: none !important; 264 border-bottom: 1px solid #e8e8e8 !important; 265 display: block !important; 266 font-size: 17px !important; 267 line-height: 1.6 !important; 268 font-weight: 500; 269 background: #fff !important; 270 margin: 0 !important; 271} 272 273/* Vacancy and Donation buttons - GREEN */ 274.mobile-menu-btn { 275 background: #28a745 !important; 276 color: #ffffff !important; 277 border-radius: 8px !important; 278 margin: 15px 0 !important; 279 text-align: center !important; 280 font-weight: bold !important; 281 border: none !important; 282 padding: 18px 20px !important; 283 font-size: 17px !important; 284 display: block !important; 285 text-decoration: none !important; 286} 287 288/* Mobile dropdown sections */ 289.mobile-menu-section { 290 border-bottom: 1px solid #e8e8e8; 291 background: #fff; 292} 293 294.mobile-menu-header { 295 padding: 20px 18px !important; 296 color: #333 !important; 297 cursor: pointer; 298 display: flex !important; 299 justify-content: space-between !important; 300 align-items: center !important; 301 font-weight: bold !important; 302 background: #f8f9fa !important; 303 user-select: none; 304 font-size: 17px !important; 305 line-height: 1.6 !important; 306 border: none !important; 307 margin: 0 !important; 308 width: 100% !important; 309 text-align: left !important; 310} 311 312/* GREEN BACKGROUND WHEN ACTIVE */ 313.mobile-menu-header.active { 314 background: #28a745 !important; 315 color: #ffffff !important; 316} 317 318.mobile-menu-header.active .mobile-arrow { 319 transform: rotate(180deg); 320 color: #ffffff !important; 321} 322 323.mobile-arrow { 324 font-size: 12px; 325 transition: transform 0.3s; 326 color: #666; 327 margin-left: 10px; 328} 329 330/* Subitems - PROPER SPACING */ 331.mobile-menu-subitems { 332 display: none !important; 333 background: #ffffff !important; 334 padding: 0 !important; 335 margin: 0 !important; 336} 337 338.mobile-menu-subitems.show { 339 display: block !important; 340} 341 342/* FIXED: Proper spacing for dropdown items - NOT COMPRESSED */ 343.mobile-menu-subitem { 344 display: block !important; 345 padding: 18px 18px 18px 40px !important; 346 color: #555555 !important; 347 text-decoration: none !important; 348 border-bottom: 1px solid #f5f5f5 !important; 349 background: #ffffff !important; 350 font-size: 16px !important; 351 line-height: 1.7 !important; 352 min-height: 60px !important; 353 box-sizing: border-box !important; 354 width: 100% !important; 355 margin: 0 !important; 356 position: relative; 357 display: flex !important; 358 align-items: center !important; 359} 360 361/* Remove border from last item */ 362.mobile-menu-subitem:last-child { 363 border-bottom: none !important; 364} 365 366/* Hover effect */ 367.mobile-menu-subitem:hover { 368 background: #f8f9fa !important; 369} 370 371/* Mobile menu button */ 372@media (max-width: 767px) { 373 #mobile-nav-open-btn { 374 display: inline-block !important; 375 font-size: 28px; 376 cursor: pointer; 377 color: white; 378 position: absolute; 379 left: 15px; 380 top: 50%; 381 transform: translateY(-50%); 382 z-index: 1; 383 } 384 385 .navbar-brand { 386 margin-left: 40px !important; 387 } 388} 389 390@media (min-width: 768px) { 391 #mobile-nav-open-btn { 392 display: none !important; 393 } 394 395 #mobile-nav { 396 display: none !important; 397 } 398} 399</style> 400
401<script> 402// SIMPLE CLEAN JAVASCRIPT - NO BOOTSTRAP INTERFERENCE 403document.addEventListener('DOMContentLoaded', function() { 404 console.log('Clean mobile menu loaded'); 405 406 // 1. Mobile menu toggle 407 const mobileNavOpenBtn = document.getElementById('mobile-nav-open-btn'); 408 const mobileNavCloseBtn = document.getElementById('mobile-nav-close-btn'); 409 const mobileNav = document.getElementById('mobile-nav'); 410 411 if (mobileNavOpenBtn && mobileNav) { 412 mobileNavOpenBtn.addEventListener('click', function(e) { 413 e.preventDefault(); 414 e.stopPropagation(); 415 console.log('Opening mobile menu'); 416 mobileNav.style.display = 'block'; 417 setTimeout(() => { 418 mobileNav.style.right = '0'; 419 }, 10); 420 }); 421 } 422 423 if (mobileNavCloseBtn && mobileNav) { 424 mobileNavCloseBtn.addEventListener('click', function(e) { 425 e.preventDefault(); 426 e.stopPropagation(); 427 console.log('Closing mobile menu'); 428 mobileNav.style.right = '-100%'; 429 setTimeout(() => { 430 mobileNav.style.display = 'none'; 431 // Reset all dropdowns 432 document.querySelectorAll('.mobile-menu-subitems').forEach(item => { 433 item.classList.remove('show'); 434 }); 435 document.querySelectorAll('.mobile-menu-header').forEach(header => { 436 header.classList.remove('active'); 437 }); 438 }, 300); 439 }); 440 } 441 442 // 2. Mobile dropdown headers - SIMPLE AND CLEAN 443 const mobileHeaders = document.querySelectorAll('.mobile-menu-header'); 444 445 mobileHeaders.forEach(function(header) { 446 header.addEventListener('click', function(e) { 447 e.preventDefault(); 448 e.stopPropagation(); 449 450 console.log('Dropdown header clicked:', this.textContent.trim()); 451 452 const targetId = this.getAttribute('data-toggle'); 453 const dropdown = document.getElementById(targetId); 454 455 if (!dropdown) return; 456 457 // Check if already open 458 const isOpen = dropdown.classList.contains('show'); 459 460 // Close ALL other dropdowns 461 document.querySelectorAll('.mobile-menu-subitems').forEach(function(menu) { 462 menu.classList.remove('show'); 463 }); 464 465 // Remove active class from ALL headers 466 document.querySelectorAll('.mobile-menu-header').forEach(function(hdr) { 467 hdr.classList.remove('active'); 468 }); 469 470 // Toggle this dropdown 471 if (!isOpen) { 472 dropdown.classList.add('show'); 473 this.classList.add('active'); 474 console.log('Dropdown opened'); 475 } else { 476 dropdown.classList.remove('show'); 477 this.classList.remove('active'); 478 console.log('Dropdown closed'); 479 } 480 }); 481 }); 482 483 // 3. Close menu when clicking any link (except dropdown headers) 484 document.querySelectorAll('#mobile-nav a').forEach(function(link) { 485 link.addEventListener('click', function(e) { 486 // Don't close if it's a dropdown header 487 if (!this.classList.contains('mobile-menu-header')) { 488 console.log('Link clicked, closing menu'); 489 if (mobileNav) { 490 mobileNav.style.right = '-100%'; 491 setTimeout(() => { 492 mobileNav.style.display = 'none'; 493 // Reset dropdowns 494 document.querySelectorAll('.mobile-menu-subitems').forEach(item => { 495 item.classList.remove('show'); 496 }); 497 document.querySelectorAll('.mobile-menu-header').forEach(header => { 498 header.classList.remove('active'); 499 }); 500 }, 300); 501 } 502 } 503 }); 504 });
505 506 // 4. Force proper spacing with inline styles (nuclear option) 507 setTimeout(function() { 508 console.log('Applying forced spacing to dropdown items'); 509 const subitems = document.querySelectorAll('.mobile-menu-subitem'); 510 511 subitems.forEach(item => { 512 // Apply inline styles to override everything 513 item.style.paddingTop = '18px'; 514 item.style.paddingBottom = '18px'; 515 item.style.paddingLeft = '40px'; 516 item.style.paddingRight = '18px'; 517 item.style.minHeight = '60px'; 518 item.style.lineHeight = '1.7'; 519 item.style.fontSize = '16px'; 520 item.style.display = 'flex'; 521 item.style.alignItems = 'center'; 522 }); 523 524 console.log('Forced spacing applied to', subitems.length, 'dropdown items'); 525 }, 100); 526}); 527</script>
527<!-- HEADER ENDS --> 528 529 530 531<section wire:snapshot="{"data":[],"memo":{"id":"QusC8sXHyPfAaJ0UwQtT","name":"partial.membership.membership-index","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":{"lw-184691462-0":["div","4NZAokP9nLKEn4majM5Q"],"lw-184691462-1":["div","mKQsp3IOdeUDtSuImSfk"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"6d31af3e7736f341756a8c7527b876b4cff88a6c9b092788b3bb4b5335f5f55c"}" wire:effects="[]" wire:id="QusC8sXHyPfAaJ0UwQtT" class="section-background-white"> 532 533 <div class="content-box-md"> 534 <div class="container"></div> 535 </div> 536 537 <div class="content-box-md"> 538 539 <div class="container"> 540 541 <div class="row"> 542 543 <div class="col-md-5 col-sm-4 wow slideInDown" data-wow-duration="2s"> 544 545 <div id="blog-left"> 546 547 <div class="vertical-heading text-green"> 548 <h2 class="font-weight-bolder">Membership</h2> 549 <h2 class="font-weight-bolder">Become a<br><strong>Volunteer</strong> or <strong>Member</strong></h2> 550 </div> 551 <p></p> 552 553 554 </div> 555 556 </div> 557 558 <div class="col-md-7 col-sm-8"> 559 560 <div class="row"> 561 <div wire:snapshot="{"data":{"paginators":[[],{"s":"arr"}]},"memo":{"id":"4NZAokP9nLKEn4majM5Q","name":"public.volunteer.volunteer-index","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":{"lw-2595398557-0":["div","BayJvQ7Cg3ApfGPwYtqc"],"lw-2595398557-1":["div","5DbLqEbjDGQZXscrlWFz"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"ba9c8fcf8c135407938c4dfa9599e7445045f3a541daab93cda53fe01c9f4ef1"}" wire:effects="[]" wire:id="4NZAokP9nLKEn4majM5Q" class="col-md-6 col-sm-6 wow slideInRight" data-wow-duration="5s"> 562 <div class="card mb-4 shadow-sm elevation-3 h-100"> 563 564 <div class="card-body col p-4 d-flex flex-column position-static"> 565 <h4>Volunteer</h4> 566 567 568 <div class="d-flex justify-content-between align-items-center"> 569 570 571 <button 572 type="button" 573 data-toggle="modal" data-target="#staticBackdropVolunteerInfo" 574 class="btn btn-sm btn-outline-success"> 575 <i class="fa fa-eye"></i> View 576 </button> 577 578 <button 579 type="button" 580 data-toggle="modal" data-target="#staticBackdropVolunteer" 581 class="btn btn-sm btn-outline-secondary"> 582 <i class="fa fa-user-circle"></i> Register 583 </button> 584 585 </div> 586 587 </div> 588 589 </div> 590 591 <div class="modal fade" id="staticBackdropVolunteerInfo" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true" wire:ignore> 592 <div wire:snapshot="{"data":[],"memo":{"id":"BayJvQ7Cg3ApfGPwYtqc","name":"public.volunteer.volunteer-modal-info","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"83507300b0fc21a5482ad8c9da8a0c2f5be23e5e453b544b65170a226e4c58d4"}" wire:effects="[]" wire:id="BayJvQ7Cg3ApfGPwYtqc" class="modal-dialog modal-lg"> 593 <form wire:submit.prevent="submit" enctype="multipart/form-data"> 594 <input type="hidden" name="_token" value="xaH6ujK8BQzkpm06g4rVk9OMJThYLt2z9qCpsKAH" autocomplete="off"> <div class="modal-content"> 595 596 <div class="modal-header"> 597 <h5 class="modal-title" id="exampleModalLabel">Volunteer Info</h5> 598 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
599 <span aria-hidden="true">×</span> 600 </button> 601 </div> 602 603 <div class="modal-body"> 604 <div class="card-body p-0"> 605 606 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 607 608 <div class="card-body"> 609 610 611 612 <br/> 613 <div style=" max-width: fit-content; margin-left: auto; margin-right: auto;"> 614 <div wire:loading class="spinner-border text-success" role="status"> 615 <span class="sr-only">Loading...</span> 616 </div> 617 </div> 618 <br/> 619 620 621 622 </div> 623 624 625 </div><!-- /.card-body --> 626 </div> 627 <div class="modal-footer"> 628 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button> 629 630 <div wire:loading> 631 Loading, please wait... 632 </div> 633 634 635 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 636 </div> 637 </div> 638 639 </form> 640</div> 641 </div> 642 643 <div class="modal fade" id="staticBackdropVolunteer" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true" wire:ignore> 644 <div wire:snapshot="{"data":{"volunteer":[{"nrc":null,"passport":null,"firstname":null,"middlename":null,"lastname":null,"gender":null,"birth_date":null,"email":null,"mobile_number":null,"interest_letter":null,"comment":null},{"class":"App\\Models\\Volunteer","connection":null,"s":"elmdl"}],"uploadedFile":null,"uploadedImage":null,"showSubmitButton":true},"memo":{"id":"5DbLqEbjDGQZXscrlWFz","name":"public.volunteer.volunteer-modal-registration","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"2c850916f2a3b0dcca31d4c292936b38221c29438f7379be275fc2838cc57bb1"}" wire:effects="[]" wire:id="5DbLqEbjDGQZXscrlWFz" class="modal-dialog modal-lg"> 645 <form wire:submit.prevent="submit" enctype="multipart/form-data"> 646 <input type="hidden" name="_token" value="xaH6ujK8BQzkpm06g4rVk9OMJThYLt2z9qCpsKAH" autocomplete="off"> <div class="modal-content"> 647 648 <div class="modal-header"> 649 <h5 class="modal-title" id="exampleModalLabel">Volunteer Registration</h5> 650 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 651 <span aria-hidden="true">×</span> 652 </button> 653 </div> 654 655 <div class="modal-body"> 656 <div class="card-body p-0"> 657 658 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 659 660 <div class="card-body"> 661 662 <div class="row"> 663 664 <div class="col-md-4"> 665 <div class="form-group"> 666 <label class="text-capitalize">firstname</label> 667 <textarea 668 wire:model="volunteer.firstname" 669 class="form-control" 670 style="color: black;resize: none;" 671 rows="1" 672 ></textarea> 673 674 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 675 </div> 676 677 <div class="col-md-4"> 678 <div class="form-group"> 679 <label class="text-capitalize">middlename</label> 680 <textarea 681 wire:model="volunteer.middlename" 682 class="form-control" 683 style="color: black;resize: none;" 684 rows="1" 685 ></textarea> 686 687 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 688 </div> 689 690 <div class="col-md-4"> 691 <div class="form-group"> 692 <label class="text-capitalize">lastname</label> 693 <textarea 694 wire:model="volunteer.lastname" 695 class="form-control" 696 style="color: black;resize: none;" 697 rows="1" 698 ></textarea> 699 700 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 701 </div> 702 703 704 </div> 705 706 <div class="row"> 707 708 <div class="col-md-6"> 709 <div class="form-group"> 710 <label class="text-capitalize">date of birth</label> 711 <input 712 wire:model.live="volunteer.birth_date" 713 type="date" 714 class="form-control" 715 716 onkeydown="return false" 717 />
718 <span></span> 719 720 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 721 </div> 722 723 <div class="col-md-6"> 724 725 <div class="form-group"> 726 <label class="text-capitalize">gender</label> 727 <select 728 wire:model.live="volunteer.gender" 729 class="form-control" 730 > 731 <option selected hidden></option> 732 <option value="Male">Male</option> 733 <option value="Female">Female</option> 734 <option value="Prefer not to say">Prefer not to say</option> 735 <option value="Other">Other</option> 736 737 </select> 738 739 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 740 741 </div> 742 743 </div> 744 745 746 <br/> 747 <div style=" max-width: fit-content; margin-left: auto; margin-right: auto;"> 748 <div wire:loading class="spinner-border text-success" role="status"> 749 <span class="sr-only">Loading...</span> 750 </div> 751 </div> 752 <br/> 753 754 <div class="row"> 755 756 <div class="col-md-6"> 757 <div class="form-group"> 758 <label class="text-capitalize">NRC</label> 759 <input 760 wire:model="volunteer.nrc" 761 x-mask="999999/99/9" 762 type="text" 763 class="form-control" 764 placeholder="Please enter nrc number" 765 > 766 767 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 768 </div> 769 770 <div class="col-md-6"> 771 <div class="form-group"> 772 <label class="text-capitalize">passport</label> 773 <textarea 774 wire:model="volunteer.passport" 775 class="form-control" 776 style="color: black;resize: none;" 777 rows="1" 778 ></textarea> 779 780 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 781 </div> 782 783 </div> 784 785 <div class="row"> 786 787 <div class="col-md-6"> 788 <div class="form-group"> 789 <label class="text-capitalize">email</label> 790 <textarea 791 wire:model="volunteer.email" 792 class="form-control" 793 style="color: black;resize: none;" 794 rows="1" 795 ></textarea> 796 797 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 798 </div> 799 800 <div class="col-md-6"> 801 <div class="form-group"> 802 <label class="text-capitalize">mobile number</label> 803 <textarea 804 wire:model="volunteer.mobile_number" 805 class="form-control" 806 style="color: black;resize: none;" 807 rows="1" 808 ></textarea> 809 810 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 811 </div> 812 813 </div> 814 815 <div class="row"> 816 817 <div class="col-md-12"> 818 <div class="form-group"> 819 <label class="text-capitalize">what is your motivation to become a volunteer</label> 820 <textarea 821 wire:model="volunteer.interest_letter" 822 class="form-control" 823 style="color: black;resize: none;" 824 rows="6" 825 ></textarea> 826 827 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 828 </div> 829 830 831 832 </div> 833 834 835 </div> 836 837 838 </div><!-- /.card-body --> 839 </div> 840 <div class="modal-footer"> 841 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button> 842 843 <div wire:loading> 844 Loading, please wait... 845 </div> 846 847 <!--[if BLOCK]><![endif]--> <button wire:loading.remove type="submit" class="btn btn-outline-success"> 848 Submit 849 </button> 850 <!--[if ENDBLOCK]><![endif]--> 851 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 852 </div> 853 </div> 854 855 </form> 856</div> 857 </div> 858 859</div>
860 <div wire:snapshot="{"data":{"paginators":[[],{"s":"arr"}]},"memo":{"id":"mKQsp3IOdeUDtSuImSfk","name":"public.membership.membership-index","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":{"lw-1833253776-0":["div","w8VTJTbZDRrZH8p7AA44"],"lw-1833253776-1":["div","Ba4agpFtFWzpGwqV3qCs"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"a13bd2a48f0f5d26d46a038d58dc2a59ceef5e578d9e77c7a69d17e7c13b5deb"}" wire:effects="[]" wire:id="mKQsp3IOdeUDtSuImSfk" class="col-md-6 col-sm-6 wow slideInLeft" data-wow-duration="5s"> 861 <div class="card mb-4 shadow-sm elevation-3 h-100"> 862 863 <div class="card-body col p-4 d-flex flex-column position-static"> 864 <h4>Member</h4> 865 866 867 <div class="d-flex justify-content-between align-items-center"> 868 869 870 <button 871 type="button" 872 data-toggle="modal" data-target="#staticBackdropMembershipInfo" 873 class="btn btn-sm btn-outline-success"> 874 <i class="fa fa-eye"></i> View 875 </button> 876 877 <button 878 type="button" 879 data-toggle="modal" data-target="#staticBackdropMembership" 880 class="btn btn-sm btn-outline-secondary"> 881 <i class="fa fa-user-circle"></i> Register 882 </button> 883 884 </div> 885 886 </div> 887 888 </div> 889 890 891 <div class="modal fade" id="staticBackdropMembershipInfo" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true" wire:ignore> 892 <div wire:snapshot="{"data":[],"memo":{"id":"w8VTJTbZDRrZH8p7AA44","name":"public.membership.membership-modal-info","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"752680c0cc13bf34eeb68378f18f85a047651dd6336f47b18944e7bf02c2304d"}" wire:effects="[]" wire:id="w8VTJTbZDRrZH8p7AA44" class="modal-dialog modal-lg"> 893 <form wire:submit.prevent="submit" enctype="multipart/form-data"> 894 <input type="hidden" name="_token" value="xaH6ujK8BQzkpm06g4rVk9OMJThYLt2z9qCpsKAH" autocomplete="off"> <div class="modal-content"> 895 896 <div class="modal-header"> 897 <h5 class="modal-title" id="exampleModalLabel">Membership Info</h5> 898 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 899 <span aria-hidden="true">×</span> 900 </button> 901 </div> 902 903 <div class="modal-body"> 904 <div class="card-body p-0"> 905 906 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 907 908 <div class="card-body"> 909 910 911 912 <br/> 913 <div style=" max-width: fit-content; margin-left: auto; margin-right: auto;"> 914 <div wire:loading class="spinner-border text-success" role="status"> 915 <span class="sr-only">Loading...</span> 916 </div> 917 </div> 918 <br/> 919 920 921 922 </div> 923 924 925 </div><!-- /.card-body --> 926 </div> 927 <div class="modal-footer"> 928 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button> 929 930 <div wire:loading> 931 Loading, please wait... 932 </div> 933 934 935 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 936 </div> 937 </div> 938 939 </form> 940</div> 941 </div> 942 943 <div class="modal fade" id="staticBackdropMembership" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true" wire:ignore>
944 <div wire:snapshot="{"data":{"membership":[{"name":null,"acronym":null,"website":null,"physical_address":null,"mission_version":null,"expectation":null,"contribution":null,"rep_firstname":null,"rep_lastname":null,"rep_position":null,"rep_mobile_number":null,"rep_email":null},{"class":"App\\Models\\Membership","connection":null,"s":"elmdl"}],"uploadedFile":null,"uploadedImage":null,"showSubmitButton":true},"memo":{"id":"Ba4agpFtFWzpGwqV3qCs","name":"public.membership.membership-modal-registration","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"49bc8ce00b39aa3a75a2ebf13c1bcd04e4fc9a41f8845c55a7ae70262a7b86d1"}" wire:effects="[]" wire:id="Ba4agpFtFWzpGwqV3qCs" class="modal-dialog modal-lg"> 945 <form wire:submit.prevent="submit" enctype="multipart/form-data"> 946 <input type="hidden" name="_token" value="xaH6ujK8BQzkpm06g4rVk9OMJThYLt2z9qCpsKAH" autocomplete="off"> <div class="modal-content"> 947 948 <div class="modal-header"> 949 <h5 class="modal-title" id="exampleModalLabel">membership Registration</h5> 950 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 951 <span aria-hidden="true">×</span> 952 </button> 953 </div> 954 955 <div class="modal-body"> 956 <div class="card-body p-0"> 957 958 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 959 960 <div class="card-body"> 961 962 <div class="row"> 963 964 <div class="col-md-6"> 965 <div class="form-group"> 966 <label class="text-capitalize">
966Name</label> 967 <textarea 968 wire:model="membership.name" 969 class="form-control" 970 style="color: black;resize: none;" 971 rows="2" 972 ></textarea> 973 974 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 975 </div> 976 977 <div class="col-md-6"> 978 <div class="form-group"> 979 <label class="text-capitalize">acronym</label> 980 <textarea 981 wire:model="membership.acronym" 982 class="form-control" 983 style="color: black;resize: none;" 984 rows="1" 985 ></textarea> 986 987 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 988 </div> 989 990 </div> 991 992 <div class="row"> 993 994 <div class="col-md-6"> 995 <div class="form-group"> 996 <label class="text-capitalize">website</label> 997 <textarea 998 wire:model="membership.website" 999 class="form-control" 1000 style="color: black;resize: none;" 1001 rows="1" 1002 ></textarea> 1003 1004 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1005 </div> 1006 1007 </div> 1008 1009 <div class="row"> 1010 1011 <div class="col-md-12"> 1012 <div class="form-group"> 1013 <label class="text-capitalize">mission and vision</label> 1014 <textarea 1015 wire:model="membership.mission_version" 1016 class="form-control" 1017 style="color: black;resize: none;" 1018 rows="6" 1019 ></textarea> 1020 1021 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1022 </div> 1023 1024 </div> 1025 1026 <div class="row"> 1027 1028 <div class="col-md-12"> 1029 <div class="form-group"> 1030 <label class="text-capitalize">expectation</label> 1031 <textarea 1032 wire:model="membership.expectation" 1033 class="form-control" 1034 style="color: black;resize: none;" 1035 rows="6" 1036 ></textarea> 1037 1038 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1039 </div> 1040 1041 </div> 1042 1043 <div class="row"> 1044 1045 <div class="col-md-12"> 1046 <div class="form-group"> 1047 <label class="text-capitalize">contribution</label> 1048 <textarea 1049 wire:model="membership.contribution" 1050 class="form-control" 1051 style="color: black;resize: none;" 1052 rows="6" 1053 ></textarea> 1054 1055 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1056 </div> 1057 1058 </div> 1059 1060 1061 <br/> 1062 <div style=" max-width: fit-content; margin-left: auto; margin-right: auto;"> 1063 <div wire:loading class="spinner-border text-success" role="status">
1064 <span class="sr-only">Loading...</span> 1065 </div> 1066 </div> 1067 <br/> 1068 1069 1070 <div class="row"> 1071 1072 <div class="col-md-6"> 1073 <div class="form-group"> 1074 <label class="text-capitalize">rep firstname</label> 1075 <textarea 1076 wire:model="membership.rep_firstname" 1077 class="form-control" 1078 style="color: black;resize: none;" 1079 rows="1" 1080 ></textarea> 1081 1082 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1083 </div> 1084 1085 <div class="col-md-6"> 1086 <div class="form-group"> 1087 <label class="text-capitalize">rep lastname</label> 1088 <textarea 1089 wire:model="membership.rep_lastname" 1090 class="form-control" 1091 style="color: black;resize: none;" 1092 rows="1" 1093 ></textarea> 1094 1095 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1096 </div> 1097 1098 </div> 1099 1100 <div class="row"> 1101 1102 <div class="col-md-6"> 1103 <div class="form-group"> 1104 <label class="text-capitalize">rep position</label> 1105 <textarea 1106 wire:model="membership.rep_position" 1107 class="form-control" 1108 style="color: black;resize: none;" 1109 rows="1" 1110 ></textarea> 1111 1112 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1113 </div> 1114 1115 1116 </div> 1117 1118 <div class="row"> 1119 1120 <div class="col-md-6"> 1121 <div class="form-group"> 1122 <label class="text-capitalize">rep mobile number</label> 1123 <textarea 1124 wire:model="membership.rep_mobile_number" 1125 class="form-control" 1126 style="color: black;resize: none;" 1127 rows="1" 1128 ></textarea> 1129 1130 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1131 </div> 1132 1133 <div class="col-md-6"> 1134 <div class="form-group"> 1135 <label class="text-capitalize">rep email</label> 1136 <textarea 1137 wire:model="membership.rep_email" 1138 class="form-control" 1139 style="color: black;resize: none;" 1140 rows="1" 1141 ></textarea> 1142 1143 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1144 </div> 1145 1146 </div> 1147 1148 1149 </div> 1150 1151 1152 </div><!-- /.card-body --> 1153 </div> 1154 <div class="modal-footer"> 1155 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button> 1156 1157 <div wire:loading> 1158 Loading, please wait... 1159 </div> 1160 1161 <!--[if BLOCK]><![endif]--> <button wire:loading.remove type="submit" class="btn btn-outline-success"> 1162 Submit 1163 </button> 1164 <!--[if ENDBLOCK]><![endif]--> 1165 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1166 </div> 1167 </div> 1168 1169 </form> 1170</div> 1171 </div> 1172</div> 1173 </div> 1174 1175 </div> 1176 1177 1178 </div> 1179 1180 </div> 1181 1182 </div> 1183 1184 1185</section> 1186 1187 1188<!-- FOOTER --> 1189<footer> 1190 <div class="content-box-md"> 1191 1192 <div class="container"> 1193 1194 <div class="row"> 1195 1196 <div class="col-md-6 footer-white-color"> 1197 <!-- Contact Left --> 1198 <div id="contact-left"> 1199 1200 <div class="vertical-heading text-green"> 1201 <h2 class="font-weight-bolder ml-0">Get<br>In <strong>Touch</strong></h2> 1202 </div> 1203 <p>Call us, email us or pay us a visit.</p> 1204
1205 <div id="offices"> 1206 1207 <div class="row"> 1208 1209 <div class="col-md-6"> 1210 <div class="office"> 1211 <h4>Lusaka, Zambia</h4> 1212 <ul class="office-details"> 1213 <li><i class="fa-solid fa-phone-volume"></i><span>+260211264409</span></li> 1214 <li><i class="fa fa-envelope"></i><span>[email protected]</span></li> 1215 <li><i class="fa-solid fa-location-dot"></i><span>Plot 3823, Manda Hill Road<br>Olympia Park.</span></li> 1216 </ul> 1217 </div> 1218 </div> 1219 1220 </div> 1221 1222 1223 </div> 1224 1225 <ul class="social-list"> 1226 <li><a target="_blank" href="https://www.facebook.com/CTPDZambia?mibextid=JRoKGi"> 1227 <i class="fa-brands fa-facebook-f footer-white-color"></i> 1228 </a> 1229 </li> 1230 <li> 1231 <a target="_blank" href="https://x.com/CTPDZambia?s=09"> 1232 <i class="fa-brands fa-x-twitter footer-white-color"></i> 1233 </a> 1234 </li> 1235 <li> 1236 <a target="_blank" href="https://www.linkedin.com/in/ctpd-zambia-722a6420b?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"> 1237 <i class="fa-brands fa-linkedin-in footer-white-color"></i> 1238 </a> 1239 </li> 1240 <li> 1241 <a target="_blank" href="https://www.instagram.com/ctpd_zambia?igsh=czF4eWpxNjg3NWM="> 1242 <i class="fa-brands fa-instagram footer-white-color"></i> 1243 </a> 1244 </li> 1245 <li> 1246 <a target="_blank" href="https://www.tiktok.com/@ctpd_zambia?_t=ZM-8sfg5vYHupK&_r=1"> 1247 <i class="fa-brands fa-tiktok footer-white-color"></i> 1248 </a> 1249 </li> 1250 <li> 1251 <a target="_blank" href="https://www.youtube.com/@centrefortradepolicydevelo2631"> 1252 <i class="fa-brands fa-youtube footer-white-color"></i> 1253 </a> 1254 </li> 1255 </ul> 1256 1257 <div wire:snapshot="{"data":{"newsletterSubscriber":[{"email":null},{"class":"App\\Models\\NewsletterSubscriber","connection":null,"s":"elmdl"}]},"memo":{"id":"wQsu3orRIkZIaUceGz3L","name":"public.newsletter-subscribers.newsletter-subscriber-form","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"b2335fe09e8a1c21052dadb53731c56f1e92a7dbcb857a3e65b5a8460235c3dd"}" wire:effects="[]" wire:id="wQsu3orRIkZIaUceGz3L" > 1258 1259 <div class="card p-2 elevation-3"> 1260 <form class="needs-validation" wire:submit.prevent="submit" enctype="multipart/form-data"> 1261 <input type="hidden" name="_token" value="xaH6ujK8BQzkpm06g4rVk9OMJThYLt2z9qCpsKAH" autocomplete="off"> 1262 <h4 class="font-weight-bolder text-green text-center">Our Newsletter</h4> 1263 1264 1265 1266 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1267 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1268 <div class="row"> 1269 1270 <div class="col-md-12 col-sm-12"> 1271 <div class="form-group"> 1272 1273 <input 1274 wire:model="newsletterSubscriber.email" 1275 type="email" class="form-control" id="email" placeholder="Email Address"> 1276 1277 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1278 </div> 1279 1280 </div> 1281 1282 1283 1284 1285 <div wire:loading> 1286 Loading, please wait... 1287 </div> 1288 1289 1290 1291 1292 1293 1294 <button wire:loading.remove type="submit" class="btn btn-general btn-yellow"> 1295 Subscribe Now 1296 </button> 1297 1298 </form> 1299 </div> 1300 1301 1302</div> 1303 1304 </div> 1305 </div> 1306 1307 <div class="col-md-6"> 1308 <!-- Contact Right -->
1309 <div wire:snapshot="{"data":{"contactUs":[{"name":null,"subject":null,"message":null,"mobile_number":null,"email":null},{"class":"App\\Models\\ContactUs","connection":null,"s":"elmdl"}]},"memo":{"id":"XaWcu9E8meGhwbjyNhkk","name":"public.contact-us.contact-us-form","path":"public\/membership\/index","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"4709e27d3157978f87e2795c73647926b5895fc394eac9938ca1901d5e701aa0"}" wire:effects="[]" wire:id="XaWcu9E8meGhwbjyNhkk" id="contact-right"> 1310 1311 1312 <form class="needs-validation" wire:submit.prevent="submit" enctype="multipart/form-data"> 1313 <input type="hidden" name="_token" value="xaH6ujK8BQzkpm06g4rVk9OMJThYLt2z9qCpsKAH" autocomplete="off"> 1314 <h4>Send Message</h4> 1315 <p>Feel free to reach out to us</p> 1316 1317 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1318 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1319 <div class="row"> 1320 1321 <div class="col-md-6 col-sm-6"> 1322 <div class="form-group"> 1323 <label class="footer-white-color">Name</label> 1324 <input 1325 wire:model.live="contactUs.name" 1326 type="text" class="form-control" id="name" placeholder="Your Name"> 1327 1328 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1329 </div> 1330 1331 <div class="col-md-6 col-sm-6"> 1332 <div class="form-group"> 1333 <label class="footer-white-color">Email</label> 1334 <input 1335 wire:model="contactUs.email" 1336 type="email" class="form-control" id="email" placeholder="Email Address"> 1337 1338 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1339 </div> 1340 1341 <div class="col-md-6 col-sm-6"> 1342 <div class="form-group"> 1343 <label class="footer-white-color">Phone No</label> 1344 <input 1345 wire:model="contactUs.mobile_number" 1346 type="text" class="form-control" id="phone" placeholder="Phone No."> 1347 1348 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1349 </div> 1350 1351 <div class="col-md-6 col-sm-6"> 1352 <div class="form-group"> 1353 <label class="footer-white-color">Subject</label> 1354 <input 1355 wire:model="contactUs.subject" 1356 type="text" class="form-control" id="subject" placeholder="Subject"> 1357 1358 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1359 </div> 1360 1361 </div> 1362 1363 1364 <div class="form-group"> 1365 <label class="footer-white-color">Message</label> 1366 <textarea 1367 wire:model="contactUs.message" 1368 class="form-control" id="message" placeholder="Message"></textarea> 1369 1370 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1371 1372 1373 <div wire:loading> 1374 Loading, please wait... 1375 </div> 1376 1377 1378 1379 1380 1381 1382 <button wire:loading.remove type="submit" class="btn btn-general btn-yellow"> 1383 Submit 1384 </button> 1385 1386 </form> 1387 1388 1389 1390</div> 1391 1392 </div> 1393 1394 </div> 1395 1396 <div class="row"> 1397 1398 <div class="col-md-6 col-sm-6"> 1399 1400 </div> 1401 1402 </div> 1403 1404 </div> 1405 1406 </div> 1407 1408 1409 <div class="container"> 1410 <div class="row"> 1411 <div class="col-md-12 text-center"> 1412 <p>
1413 Copyright © 2026 All Rights Reserved By <span><a href="https://www.fortresshubtechnologies.com/">Fortress Hub Technologies Limited</a></span> 1414 </p> 1415 </div> 1416 </div> 1417 </div> 1418 1419 <!-- Back To Top --> 1420 1421</footer> 1422<!-- FOOTER ENDS --> 1423 1424<!--SCRIPTS--> 1425<!-- JQuery -->
1426<script src="/assets-website/js/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 1426
1426
1427<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
1427 1428<!-- Bootstrap JS -->
1429<script src="/assets-website/js/bootstrap/bootstrap.min.js"></script>
1429 1430 1431<!-- Owl Carousel JS -->
1432<script src="/assets-website/js/owl-carousel/owl.carousel.min.js"></script>
1432 1433 1434<!-- Waypoints -->
1435<script src="/assets-website/js/waypoints/jquery.waypoints.min.js"></script>
1435 1436 1437<!-- Responsive Tabs JS -->
1438<script src="/assets-website/js/responsive-tabs/jquery.responsiveTabs.min.js"></script>
1438 1439 1440<!-- Isotope -->
1441<script src="/assets-website/js/isotope/isotope.pkgd.min.js"></script>
1441 1442 1443<!-- Magnific Popup -->
1444<script src="/assets-website/js/magnific-popup/jquery.magnific-popup.min.js"></script>
1444 1445 1446<!-- Counter -->
1447<script src="/assets-website/js/counter/jquery.counterup.min.js"></script>
1447 1448 1449<!-- Google Map JS -->
1450<script src="https://maps.googleapis.com/maps/api/js?key="></script>
1450 1451 1452<!-- Easing -->
1453<script src="/assets-website/js/easing/jquery.easing.1.3.min.js"></script>
1453 1454 1455<!-- WOW JS -->
1456<script src="/assets-website/js/wow/wow.min.js"></script>
1456 1457 1458<!-- fullcalendar CSS --> 1459 1460 1461 1462<!--Lazy Tube--> 1463 1464 1465<!--Lazy load-->
1466<script src="/assets-website/js/lazytube/jquery.lazytube.min.js"></script>
1466 1467 1468<!--Lazy load-->
1469<script src="/assets-website/js/lazyload/lazyload.min.js"></script>
1469 1470<!-- Custom JS -->
1471<script src="/assets-website/js/script.js"></script>
vendor: 1 bytes, line 1471
1471
1472<script type="text/javascript"> 1473 1474 $(function () { 1475 $('[data-toggle="popover"]').popover() 1476 }) 1477 1478 $(function () { 1479 $('[data-toggle="tooltip"]').tooltip() 1480 }) 1481 1482 document.addEventListener('livewire:init', () => { 1483 1484 Livewire.on('closeModal', (event) => { 1485 1486 $('#staticBackdrop').modal('hide'); 1487 1488 }); 1489 1490 1491 }); 1492 1493</script>
1493 1494<!--END OF SCRIPTS--> 1495</body> 1496<!-- Livewire Scripts -->
1497<script src="/livewire/livewire.js?id=6d832aed" data-csrf="xaH6ujK8BQzkpm06g4rVk9OMJThYLt2z9qCpsKAH" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1497 1498 1499</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.