PageSourceSearch

https://ctpd.org.zm/public/membership/index

html ctpd.org.zm collected 2026-09-26 02:59:47 UTC 69,295 bytes, 1,499 lines download raw bytes

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">&nbsp;</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">&#9776;</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">&times;</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="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;QusC8sXHyPfAaJ0UwQtT&quot;,&quot;name&quot;:&quot;partial.membership.membership-index&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-184691462-0&quot;:[&quot;div&quot;,&quot;4NZAokP9nLKEn4majM5Q&quot;],&quot;lw-184691462-1&quot;:[&quot;div&quot;,&quot;mKQsp3IOdeUDtSuImSfk&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;6d31af3e7736f341756a8c7527b876b4cff88a6c9b092788b3bb4b5335f5f55c&quot;}" 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="{&quot;data&quot;:{&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;4NZAokP9nLKEn4majM5Q&quot;,&quot;name&quot;:&quot;public.volunteer.volunteer-index&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-2595398557-0&quot;:[&quot;div&quot;,&quot;BayJvQ7Cg3ApfGPwYtqc&quot;],&quot;lw-2595398557-1&quot;:[&quot;div&quot;,&quot;5DbLqEbjDGQZXscrlWFz&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;ba9c8fcf8c135407938c4dfa9599e7445045f3a541daab93cda53fe01c9f4ef1&quot;}" 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="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;BayJvQ7Cg3ApfGPwYtqc&quot;,&quot;name&quot;:&quot;public.volunteer.volunteer-modal-info&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;83507300b0fc21a5482ad8c9da8a0c2f5be23e5e453b544b65170a226e4c58d4&quot;}" 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">&times;</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="{&quot;data&quot;:{&quot;volunteer&quot;:[{&quot;nrc&quot;:null,&quot;passport&quot;:null,&quot;firstname&quot;:null,&quot;middlename&quot;:null,&quot;lastname&quot;:null,&quot;gender&quot;:null,&quot;birth_date&quot;:null,&quot;email&quot;:null,&quot;mobile_number&quot;:null,&quot;interest_letter&quot;:null,&quot;comment&quot;:null},{&quot;class&quot;:&quot;App\\Models\\Volunteer&quot;,&quot;connection&quot;:null,&quot;s&quot;:&quot;elmdl&quot;}],&quot;uploadedFile&quot;:null,&quot;uploadedImage&quot;:null,&quot;showSubmitButton&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;5DbLqEbjDGQZXscrlWFz&quot;,&quot;name&quot;:&quot;public.volunteer.volunteer-modal-registration&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;2c850916f2a3b0dcca31d4c292936b38221c29438f7379be275fc2838cc57bb1&quot;}" 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">&times;</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="{&quot;data&quot;:{&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;mKQsp3IOdeUDtSuImSfk&quot;,&quot;name&quot;:&quot;public.membership.membership-index&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-1833253776-0&quot;:[&quot;div&quot;,&quot;w8VTJTbZDRrZH8p7AA44&quot;],&quot;lw-1833253776-1&quot;:[&quot;div&quot;,&quot;Ba4agpFtFWzpGwqV3qCs&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a13bd2a48f0f5d26d46a038d58dc2a59ceef5e578d9e77c7a69d17e7c13b5deb&quot;}" 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="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;w8VTJTbZDRrZH8p7AA44&quot;,&quot;name&quot;:&quot;public.membership.membership-modal-info&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;752680c0cc13bf34eeb68378f18f85a047651dd6336f47b18944e7bf02c2304d&quot;}" 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">&times;</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="{&quot;data&quot;:{&quot;membership&quot;:[{&quot;name&quot;:null,&quot;acronym&quot;:null,&quot;website&quot;:null,&quot;physical_address&quot;:null,&quot;mission_version&quot;:null,&quot;expectation&quot;:null,&quot;contribution&quot;:null,&quot;rep_firstname&quot;:null,&quot;rep_lastname&quot;:null,&quot;rep_position&quot;:null,&quot;rep_mobile_number&quot;:null,&quot;rep_email&quot;:null},{&quot;class&quot;:&quot;App\\Models\\Membership&quot;,&quot;connection&quot;:null,&quot;s&quot;:&quot;elmdl&quot;}],&quot;uploadedFile&quot;:null,&quot;uploadedImage&quot;:null,&quot;showSubmitButton&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;Ba4agpFtFWzpGwqV3qCs&quot;,&quot;name&quot;:&quot;public.membership.membership-modal-registration&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;49bc8ce00b39aa3a75a2ebf13c1bcd04e4fc9a41f8845c55a7ae70262a7b86d1&quot;}" 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">&times;</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="{&quot;data&quot;:{&quot;newsletterSubscriber&quot;:[{&quot;email&quot;:null},{&quot;class&quot;:&quot;App\\Models\\NewsletterSubscriber&quot;,&quot;connection&quot;:null,&quot;s&quot;:&quot;elmdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;wQsu3orRIkZIaUceGz3L&quot;,&quot;name&quot;:&quot;public.newsletter-subscribers.newsletter-subscriber-form&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b2335fe09e8a1c21052dadb53731c56f1e92a7dbcb857a3e65b5a8460235c3dd&quot;}" 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="{&quot;data&quot;:{&quot;contactUs&quot;:[{&quot;name&quot;:null,&quot;subject&quot;:null,&quot;message&quot;:null,&quot;mobile_number&quot;:null,&quot;email&quot;:null},{&quot;class&quot;:&quot;App\\Models\\ContactUs&quot;,&quot;connection&quot;:null,&quot;s&quot;:&quot;elmdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;XaWcu9E8meGhwbjyNhkk&quot;,&quot;name&quot;:&quot;public.contact-us.contact-us-form&quot;,&quot;path&quot;:&quot;public\/membership\/index&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;4709e27d3157978f87e2795c73647926b5895fc394eac9938ca1901d5e701aa0&quot;}" 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 &copy; 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.