PageSourceSearch

https://rainbowafghanistan.com/contact

html rainbowafghanistan.com collected 2026-10-06 18:41:41 UTC 39,539 bytes, 831 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en"
3    direction="ltr"
4    dir="ltr"
5    style="direction: ltr"
6    data-theme="theme-default" data-assets-path="https://rainbowafghanistan.com/assets">
7
8<head>
9    <meta charset="UTF-8">
10    <meta http-equiv="X-UA-Compatible" content="IE=edge">
11    <meta name="viewport" content="width=device-width, initial-scale=1.0">
12
13    <title>Rainbow Afghanistan</title>
14    <link rel="icon" href="https://rainbowafghanistan.com/assets/img/logo.png">
15    <title>Contact</title>
16
17    <!-- Add Custom Font -->
18    <style>
19    @font-face {
20        font-family: 'Vazirmatn';
21        src: url('https://rainbowafghanistan.com/assets/fonts/Vazirmatn-VariableFont_wght.ttf') format('truetype');
22        font-weight: 100 900;
23        font-display: swap;
24    }
25
26    /* Apply the font to whole website */
27    body,
28    html {
29        font-family: 'Vazirmatn', sans-serif !important;
30    }
31
32    /* Scrollbar styles (your existing CSS) */
33    ::-webkit-scrollbar {
34        width: 7px;
35    }
36
37    ::-webkit-scrollbar-thumb {
38        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
39        background: #042e36;
40        border-top: 9px solid #f38434;
41    }
42    </style>
43
44    <title>Association</title>
45<link rel="icon" type="image/png" href="https://rainbowafghanistan.com/assets/img/favicon.png">
46<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/bootstrap.min.css">
47<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/icofont.min.css">
48<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/meanmenu.css">
49<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/modal-video.min.css">
50<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/fonts/flaticon.css">
51<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/animate.min.css">
52<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/lightbox.min.css">
53<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/owl.carousel.min.css">
54<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/owl.theme.default.min.css">
55<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/odometer.min.css">
56<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/nice-select.min.css">
57<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/style.css">
58<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/responsive.css">
59<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/theme-dark.css">
60<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/custom.css">
61<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"  crossorigin="anonymous" referrerpolicy="no-referrer" />
62<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/custom_ltr.css">
63
64
65
66
67<!-- <link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/style_ltr.css">
68<link rel="stylesheet" href="https://rainbowafghanistan.com/assets/css/custom.css"> -->    
69      <style>
70     .form-control {
71        width: 100% !important;
72        padding: 10px 10px 10px 35px;
73        border-radius: 8px;
74        border: 1px solid #ccc;
75        font-size: 14px;
76    }
77
78
79
80    </style>
81    </head>
82
83<body>
84    <div class="preloder" id="page-preloader">
85        <div class="circle"></div>
86    </div>
87    <div class="loader">
88    <div class="d-table">
89        <div class="d-table-cell">
90            <div class="loader-raibow"></div>
91        </div>
92    </div>
93</div>
94
95
96<div class="header-area">
97    <div class="container">
98        <div class="row">
99            <div class="col-lg-6">
100                <div class="left">
101                    <ul>
102                        <li>
103                            <i class="icofont-location-pin"></i>
104                            <a href="#">Rainbow Afghanistan e.v.
105                                        Pappelallee 78/79, 
106                                        10437 Berlin </a>
107                        </li>
108                        <!-- <li>
109                            <i class="icofont-ui-call"></i>
110                            <a href="tel:+4915218749672" dir="ltr">+4915218749672</a>
111                        </li> -->
112                    </ul>
113                </div>
114            </div>
115            <div class="col-lg-6">
116                <div class="right">
117                    <ul>
118                        <li>
119                            <span>Follow Us:</span>
120                        </li>
121                        <li>
122                            <a href="https://www.facebook.com/share/1Aix37mifS/?mibextid=wwXIfr" target="_blank">
123                                <i class="icofont-facebook"></i>
124                            </a>
125                        </li>
126                        <li>
127                            <a href="https://x.com/afghani1rainbow?s=21" target="_blank">
128                                <i class="icofont-twitter"></i>
129                            </a>
130                        </li>
131                        <li>
132                            <a href="https://youtube.com/@rainbowafghanistan-g4c?si=UeDFeF7JI76FAsVL" target="_blank">
133                                <i class="icofont-youtube-play"></i>
134                            </a>
135                        </li>
136                        <li>
137                            <a href="https://www.instagram.com/rainbowafghanistan?igsh=MWg4cWt4YmdxdWd3cg==" target="_blank">
138                                <i class="icofont-instagram"></i>
139                            </a>
140                        </li>
141                    </ul>
142                    
143                    <div class="language">
144                        <select onchange="window.location.href=this.value">
145                            <option value="https://rainbowafghanistan.com/locale/en"
146                                selected>
147                               English                            </option>
148                            <option value="https://rainbowafghanistan.com/locale/da"
149                                >
150                                Dari                            </option>
151                            <option value="https://rainbowafghanistan.com/locale/de"
152                                >
153                                German                            </option>
154                            <option value="https://rainbowafghanistan.com/locale/ps"
155                                >
156                                Pashto                            </option>
157                        </select>
158                    </div>
159                    <!-- <div class="header-search">
160                                                <div class="user-login">
161                            <a href="https://rainbowafghanistan.com/cms" class="d-flex align-items-center text-decoration-none">
162                                <i style="color: #ffff" class="icofont-user"></i>
163                            </a>
164                        </div>
165                                            </div> -->
166                </div>
167            </div>
168        </div>
169    </div>
170</div>
171
172
173<div class="navbar-area sticky-top">
174
175    <div class="mobile-nav">
176        <a href="https://rainbowafghanistan.com" class="logo">
177            <img src="https://rainbowafghanistan.com/assets/img/logo-two.png" alt="Logo" style="width:50%; margin-top: -10px">
178        </a>
179    </div>
180
181    <div class="main-nav">
182        <div class="container">
183            <nav class="navbar navbar-expand-md navbar-light">
184                <a class="navbar-brand" href="https://rainbowafghanistan.com">
185                    <img src="https://rainbowafghanistan.com/assets/img/logo.png" class="logo-one" alt="Logo" style="width: 80px">
186
187                </a>
188                <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
189                    <ul class="navbar-nav">
190                        <li class="nav-item">
191                            <a href="https://rainbowafghanistan.com" class="nav-link">Home</a>
192                        </li>
193
194                        <li class="nav-item">
195                            <a href="https://rainbowafghanistan.com/about_us" class="nav-link">About</a>
196                        </li>
197                        <li class="nav-item">
198                            <a href="#" class="nav-link dropdown-toggle"> Multimedia <i
199                                    class="icofont-simple-down"></i></a>
200                            <ul class="dropdown-menu">
201                                <!-- <li class="nav-item">
202                                    <a href="#" class="nav-link dropdown-toggle">Stories <i
203                                            class="icofont-simple-down"></i></a>
204                                    <ul class="dropdown-menu">
205                                        <li class="nav-item">
206                                            <a href="sign-in.html" class="nav-link">Interviews</a>
207                                        </li>
208                                        <li class="nav-item">
209                                            <a href="sign-up.html" class="nav-link">Podcasts</a>
210                                        </li>
211                                    </ul>
212                                </li> -->
213                                <li class="nav-item">
214                                    <a href="https://rainbowafghanistan.com/stories"
215                                        class="nav-link">Stories</a>
216                                </li>
217                                <li class="nav-item">
218                                    <a href="https://rainbowafghanistan.com/interviews"
219                                        class="nav-link">Interviews</a>
220                                </li>
221                                <li class="nav-item">
222                                    <a href="https://rainbowafghanistan.com/podcasts"
223                                        class="nav-link">Podcasts</a>
224                                </li>
225                            </ul>
226                        </li>
227
228                        <li class="nav-item">
229                            <a href="#" class="nav-link dropdown-toggle"> Publications <i
230                                    class="icofont-simple-down"></i></a>
231                            <ul class="dropdown-menu">
232                                <li class="nav-item">
233                                    <a href="https://rainbowafghanistan.com/report_to_international_bodies"
234                                        class="nav-link">Report to International Bodies</a>
235                                </li>
236                                <li class="nav-item">
237                                    <a href="https://rainbowafghanistan.com/analysis"
238                                        class="nav-link">Analysis</a>
239                                </li>
240                                <li class="nav-item">
241                                    <a href="https://rainbowafghanistan.com/research_materials"
242                                        class="nav-link">Research Materials</a>
243                                </li>
244                                <li class="nav-item">
245                                    <a href="https://rainbowafghanistan.com/articles"
246                                        class="nav-link">Article</a>
247                                </li>
248                                <li class="nav-item">
249                                    <a href="https://rainbowafghanistan.com/translations" class="nav-link">Translation</a>
250                                </li>
251                                <li class="nav-item">
252                                    <a href="https://rainbowafghanistan.com/research"
253                                        class="nav-link">Research</a>
254                                </li>
255                                <li class="nav-item">
256                                    <a href="https://rainbowafghanistan.com/policies" class="nav-link">Policies</a>
257                                </li>
258                                <li class="nav-item">
259                                    <a href="https://rainbowafghanistan.com/commentaries" class="nav-link">Commentary</a>
260                                </li>
261                                <li class="nav-item">
262                                    <a href="https://rainbowafghanistan.com/statements" class="nav-link">Statements</a>
263                                </li>
264                                <li class="nav-item">
265                                    <a href="https://rainbowafghanistan.com/educational_materials"
266                                        class="nav-link">Educational Materials</a>
267                                </li>
268                            </ul>
269                        </li>
270                        <li class="nav-item">
271                            <a href="#" class="nav-link dropdown-toggle"> News and Events <i
272                                    class="icofont-simple-down"></i></a>
273                            <ul class="dropdown-menu">
274                                 <li class="nav-item">
275                                    <a href="https://rainbowafghanistan.com/news" class="nav-link">News</a>
276                                </li>
277                                <li class="nav-item">
278                                    <a href="https://rainbowafghanistan.com/call_for_submissions" class="nav-link">Call for Proposals</a>
279                                </li>
280                                <li class="nav-item">
281                                    <a href="https://rainbowafghanistan.com/wor
281kshops" class="nav-link">Workshops</a>
282                                </li>
283                                <li class="nav-item">
284                                    <a href="https://rainbowafghanistan.com/conferences" class="nav-link">Conferences</a>
285                                </li>
286                                <li class="nav-item">
287                                    <a href="https://rainbowafghanistan.com/pride" class="nav-link">Pride</a>
288                                </li>
289                            </ul>
290                        </li>
291                        <li class="nav-item">
292                            <a href="#" class="nav-link dropdown-toggle">Programs <i
293                                    class="icofont-simple-down"></i></a>
294                            <ul class="dropdown-menu">
295                                <li class="nav-item">
296                                    <a href="https://rainbowafghanistan.com/projects" class="nav-link">Projects</a>
297                                </li>
298                                <li class="nav-item">
299                                    <a href="https://rainbowafghanistan.com/joint_projects" class="nav-link">Joint Projects</a>
300                                </li>
301                            </ul>
302                        </li>
303                        <li class="nav-item">
304                            <a href="#" class="nav-link dropdown-toggle">Collaboration <i
305                                    class="icofont-simple-down"></i></a>
306                            <ul class="dropdown-menu">
307                                <li class="nav-item">
308                                    <a href="https://rainbowafghanistan.com/membership"
309                                        class="nav-link">Membership Form</a>
310                                </li>
311                                <li class="nav-item">
312                                    <a href="https://rainbowafghanistan.com/donate"
313                                        class="nav-link">Online Donation Form</a>
314                                </li>
315                            </ul>
316                        </li>
317                        <li class="nav-item">
318                            <a href="https://rainbowafghanistan.com/contact" class="nav-link">Contact Us</a>
319                        </li>
320                    </ul>
321                    <div class="side-nav">
322                        <a class="donate-btn" href="https://rainbowafghanistan.com/donate">
323                           Donate                            <i class="icofont-heart-alt"></i>
324                        </a>
325                    </div>
326
327                    <div class="right d-flex align-items-center gap-3">
328                                            </div>
329
330            </nav>
331        </div>
332    </div>
333</div>    
334    <!-- 🔹 Page Title -->
335    <div class="page-title-area title-bg-one">
336        <div class="d-table">
337            <div class="d-table-cell">
338                <div class="container">
339                    <div class="title-item">
340                        <h2>Contact Us</h2>
341                        <ul>
342                            <li>
343                                <a href="https://rainbowafghanistan.com">Home</a>
344                            </li>
345                            <li>
346                                <span>Contact Us</span>
347                            </li>
348                        </ul>
349                    </div>
350                </div>
351            </div>
352        </div>
353    </div>
354
355    <!-- 🔹 Contact Info -->
356    <div class="contact-info-area pt-100 pb-70">
357        <div class="container">
358            <div class="text-center mb-5">
359                <h2>Contacting the Rainbow Afghanistan Organization</h2>
360                <p>We invite you to get in touch with us if you need support, assistance, or wish to submit a complaint.</p>
361                <p>Please use the form below or the appropriate email depending on your situation. All your information will be kept completely confidential.</p>
362            </div>
363        </div>
364    </div>
365
366    <!-- 🔹 Contact Form -->
367    <div class="contact-area pb-70">
368        <div class="container">
369            <form id="contactForm" novalidate>
370                <h2>Contact & Collaboration Request Form</h2>
371
372                <div class="row">
373
374                    <div class="col-lg-6">
375                        <div class="form-group">
376                            <label><i class="icofont-user-alt-3"></i></label>
377                            <input type="text" name="first_name" id="first_name" class="form-control"
378                                placeholder="First Name *">
379                            <div class="help-block with-errors"></div>
380                        </div>
381                    </div>
382
383                    <div class="col-lg-6">
384                        <div class="form-group">
385                            <label><i class="icofont-user-alt-3"></i></label>
386                            <input type="text" name="last_name" id="last_name" class="form-control"
387                                placeholder="Last Name *">
388                            <div class="help-block with-errors"></div>
389                        </div>
390                    </div>
391
392                    <div class="col-lg-6">
393                        <div class="form-group">
394                            <label><i class="icofont-user"></i></label>
395                            <input type="text" name="nickname" id="nickname" class="form-control"
396                                placeholder="Nickname (optional, if available)">
397                        </div>
398                    </div>
399
400                    <div class="col-lg-6">
401                        <div class="form-group">
402                            <label><i class="icofont-users-alt-2"></i></label>
403                            <input type="text" name="pronouns" id="pronouns" class="form-control"
404                                placeholder="Pronouns">
405                        </div>
406                    </div>
407
408                    
409                    <div class="col-lg-12">
410                        <div class="form-group">
411                            <select name="country_id" id="country_id" class="form-control">
412                                <option value="">Country of Residence: *</option>
413                                                                <option value="1"
414                                    >
415                                    Afghanistan 🇦🇫
416                                </option>
417                                                                <option value="2"
418                                    >
419                                    Pakistan 🇵🇰
420                                </option>
421                                                                <option value="3"
422                                    >
423                                    Iran 🇮🇷
424                                </option>
425                                                                <option value="4"
426                                    >
427                                    Turkey 🇹🇷
428                                </option>
429                                                                <option value="5"
430                                    >
431                                    Germany 🇩🇪
432                                </option>
433                                                                <option value="6"
434                                    >
435                                    Other European Countries 🇪🇺
436                                </option>
437                                                                <option value="7"
438                                    >
439                                    Other Countries 🌍 
440                                </option>
441                                                            </select>
442                        </div>
443                    </div>
444
445                    <div class="col-lg-12 mt-4">
446                        <div class="form-group">
447                            <select name="request_type_id" id="request_type_id" class="form-control">
448                                <option value="">Type of Request: *</option>
449                                                                <option value="1"
450                                    >
451                                    Request for support as an LGBTIQ+ individual from Afghanistan
452                                </option>
453                                                                <option value="2"
454                                    >
455                                    Request for support as an LGBTIQ+ individual from neighboring countries (Pakistan, Iran, Turkey)
456                                </option>
457                                                                <option value="3"
458                                    >
459                                    Request for collaboration as an LGBTIQ+ refugee/migrant from Germany or other European countries
460                                </option>
461                                                                <option value="4"
462                                    >
463                                    Request for collaboration
464                                </option>
465                                                                <option value="5"
466                                    >
467                                    Message from an organization, human rights activist, journalist, or advocate
468                                </option>
469                                                                <option value="6"
470                                    >
471                                    Submission of a complaint or report of misconduct related to the organization
472                                </option>
473                                                            </select>
474                        </div>
475                    </div>
476
477                    <div class="col-lg-12">
478                        <div class="form-group">
479                            <label><i class="icofont-comment"></i></label>
480                            <textarea name="message" id="message" class="form-control" rows="8"
481                                placeholder="Your Message / Description: *"></textarea>
482                        </div>
483                    </div>
484
485                    <div class="col-lg-6">
486                        <div class="form-group">
487                            <label><i class="icofont-ui-email"></i></label>
488                            <input type="text" name="email" id="email" class="form-control"
489                                placeholder="Email Address for Response: *">
490                        </div>
491                    </div>
492
493                    <div class="col-lg-6">
494                        <div class="form-group">
495                            <label><i class="icofont-ui-call"></i></label>
496                            <input type="text" name="phone" id="phone" class="form-control"
497                                placeholder="Phone Number for Response:">
498                        </div>
499                    </div>
500
501                    <div class="col-lg-12 mt-3">
502                        <button type="submit" class="btn common-btn"> Submit Form</button>
503                        <div id="formMessage" class="mt-3"></div>
504                    </div>
505
506                </div>
507            </form>
508        </div>
509    </div>
510
511    <!-- 🔹 Direct Contact Info -->
512    <div class="container pb-70">
513        <h4> For Direct Email Contact</h4>
514        <ul>
515            <li><b>LGBTIQ+ Individuals</b></li>
516            <p>If you are an LGBTIQ+ individual and require assistance, advice, or information, please use the following email address:</p>
517             <!-- Email box -->
518        <p class="email-box">
519            <a href="mailto:[email protected]" class="email-link">
520                [email protected]
521            </a>
522        </p>
523            <p>This email address is intended for all LGBTIQ+ individuals in Afghanistan, Pakistan, Iran, Turkey, Germany, and other European countries.</p>
524            <li><b>Please do not send requests for assistance to any other email address, as they will not be answered.</b></li>
525            <li><b>Organizations, Journalists, and Human Rights Activists</b></li>
526            <p>If you are an organization, journalist, or human rights activist and wish to collaborate with Rainbow Afghanistan, have questions, or want to submit c
526omplaints or reports, please use the following email address:</p>
527             <p class="email-box">
528            <a href="mailto:[email protected]" class="email-link">
529                [email protected]
530            </a>
531        </p>
532            <p><b>•	Notice: Rainbow Afghanistan does not provide any personal information or case details about LGBTIQ+ individuals to organizations, journalists, or human rights activists. Please do not use this email to request information about individual cases or personal details, as you will not receive a response.</b></p>
533        </ul>
534
535        <div class="alert alert-warning mt-4">
536            <strong>Security Reminder:</strong>
537            All messages are reviewed with full confidentiality.
538Please use a secure email address with your real name, or if you are at risk, you may use an anonymous address.
539        </div>
540    </div>
541    
542    <footer class="footer-area pt-100">
543    <div class="container">
544        <div class="row">
545            <div class="col-sm-6 col-lg-3">
546                <div class="footer-item">
547                    <div class="footer-logo">
548                        <a class="logo" href="index.html">
549                            <img src="https://rainbowafghanistan.com/assets/img/logo2.png" alt="Logo" style="width: 120px">
550                        </a>
551                        <h3>Follow Us</h3>
552                        <ul>
553                            <li>
554                                <a href="https://www.facebook.com/share/1Aix37mifS/?mibextid=wwXIfr" target="_blank">
555                                    <i class="icofont-facebook"></i>
556                                </a>
557                            </li>
558                            <li>
559                                <a href="https://x.com/afghani1rainbow?s=21" target="_blank">
560                                    <i class="icofont-twitter"></i>
561                                </a>
562                            </li>
563                            <li>
564                                <a href="https://youtube.com/@rainbowafghanistan-g4c?si=UeDFeF7JI76FAsVL" target="_blank">
565                                    <i class="icofont-youtube-play"></i>
566                                </a>
567                            </li>
568                            <li>
569                                <a href="https://www.instagram.com/rainbowafghanistan?igsh=MWg4cWt4YmdxdWd3cg==" target="_blank">
570                                    <i class="icofont-instagram"></i>
571                                </a>
572                            </li>
573                        </ul>
574                    </div>
575                </div>
576            </div>
577           <div class="col-sm-6 col-lg-3">
578                <div class="footer-item">
579                    <div class="footer-links">
580                        <h3>Quick Links</h3>
581                        <ul>
582                            <li>
583                                <a href="https://rainbowafghanistan.com">
584                                    <i class="icofont-simple-right"></i>
585                                     Home                                </a>
586                            </li>
587                            <li>
588                                <a href="https://rainbowafghanistan.com/about_us">
589                                    <i class="icofont-simple-right"></i>
590                                    About                                </a>
591                            </li>
592                            <li>
593                                <a href="https://rainbowafghanistan.com/stories">
594                                    <i class="icofont-simple-right"></i>
595                                     Stories                                </a>
596                            </li>
597                            <li>
598                                <a href="https://rainbowafghanistan.com/news">
599                                    <i class="icofont-simple-right"></i>
600                                    News                                </a>
601                            </li>
602                        </ul>
603                    </div>
604                </div>
605            </div>
606            <div class="col-sm-6 col-lg-3">
607                <div class="footer-item">
608                    <div class="footer-links">
609                        <h3>Quick Links</h3>
610                        <ul>
611                            <li>
612                                <a href="https://rainbowafghanistan.com/analysis">
613                                    <i class="icofont-simple-right"></i>
614                                      Analysis                                </a>
615                            </li>
616                            <li>
617                                <a href="https://rainbowafghanistan.com/projects">
618                                    <i class="icofont-simple-right"></i>
619                                     Projects                                </a>
620                            </li>
621                            <li>
622                                <a href="https://rainbowafghanistan.com/membership">
623                                    <i class="icofont-simple-right"></i>
624                                      Membership Form                                </a>
625                            </li>
626                            <li>
627                                <a href="https://rainbowafghanistan.com/donate">
628                                    <i class="icofont-simple-right"></i>
629                                      Online Donation Form                                </a>
630                            </li>
631                        </ul>
632                    </div>
633                </div>
634            </div>
635            <div class="col-sm-6 col-lg-3">
636                <div class="footer-item">
637                    <div class="footer-contact">
638                        <h3>Office in Berlin</h3>
639                        <!-- <div class="contact-inner">
640                            <ul>
641                                <li>
642                                    <i class="icofont-location-pin"></i>
643                                    <a href="#">Pappelallee 78/79
644                                    10437 Berlin Germany 
645                                    </a>
646                                </li>
647                                <li>
648                                    <i class="icofont-ui-call"></i>
649                                    <a href="tel:123456789">
649+4915218749672</a>
650                                </li>
651                            </ul>
652                        </div> -->
653                        <div class="contact-inner">
654                            <ul>
655                                <li>
656                                    <i class="icofont-location-pin"></i>
657                                    <a href="#">Rainbow Afghanistan e.v.
658                                        Pappelallee 78/79, 
659                                        10437 Berlin 
660                                    </a>
661                                </li>
662                                <li>
663                                <i class="icofont-ui-email"></i>
664                                     <p class="email-box">
665                                            <a href="mailto:[email protected]" class="email-link">
666                                                [email protected]
667                                            </a>
668                                        </p>
669                                </li>
670                                <li>
671                                    <i class="icofont-ui-call"></i>
672                                    <a href="#" dir="ltr">+4915218749672</a>
673                                </li>
674                            </ul>
675                        </div>
676                    </div>
677                </div>
678            </div>
679        </div>
680        <div class="copyright-area">
681                </script>
681 © 2025 Rainbow Afghanistan. All Rights Reserved</p>
682        </div>
683    </div>
684</footer>
685    <!-- jQuery (must load first — NO defer/async) -->
686<script src="https://rainbowafghanistan.com/assets/js/jquery.min.js"></script>
686
687
688<!-- Bootstrap (depends on jQuery — NO async) -->
689<script src="https://rainbowafghanistan.com/assets/js/bootstrap.bundle.min.js"></script>
689
690
691<!-- jQuery Plugins (safe with defer — load after HTML) -->
692<script src="https://rainbowafghanistan.com/assets/js/form-validator.min.js" defer></script>
vendor: 1 bytes, line 692
692
693<script src="https://rainbowafghanistan.com/assets/js/contact-form-script.js" defer></script>
vendor: 1 bytes, line 693
693
694<script src="https://rainbowafghanistan.com/assets/js/jquery.ajaxchimp.min.js" defer></script>
vendor: 1 bytes, line 694
694
695<script src="https://rainbowafghanistan.com/assets/js/jquery.meanmenu.js" defer></script>
vendor: 1 bytes, line 695
695
696<script src="https://rainbowafghanistan.com/assets/js/jquery-modal-video.min.js" defer></script>
vendor: 1 bytes, line 696
696
697<script src="https://rainbowafghanistan.com/assets/js/wow.min.js" defer></script>
vendor: 1 bytes, line 697
697
698<script src="https://rainbowafghanistan.com/assets/js/lightbox.min.js" defer></script>
vendor: 1 bytes, line 698
698
699<script src="https://rainbowafghanistan.com/assets/js/owl.carousel.min.js" defer></script>
vendor: 1 bytes, line 699
699
700<script src="https://rainbowafghanistan.com/assets/js/odometer.min.js" defer></script>
vendor: 1 bytes, line 700
700
701<script src="https://rainbowafghanistan.com/assets/js/jquery.appear.min.js" defer></script>
vendor: 1 bytes, line 701
701
702<script src="https://rainbowafghanistan.com/assets/js/jquery.nice-select.min.js" defer></script>
702
703
704<!-- Custom JS (your code) -->
705<script src="https://rainbowafghanistan.com/assets/js/custom.js" defer></script>
705
706
707
708    
709        
709<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
709
710
711    
711<script>
712    const messages = {
713        required: "This field is required.",
714        email: "Please enter a valid email address.",
715    };
716    // 🔹 Initialize Select2
717    $(document).ready(function() {
718        $('.select2').select2({
719            width: 'resolve' // respect container width
720        });
721    });
722    const requiredFields = [
723        'first_name',
724        'last_name',
725        'country_id',
726        'request_type_id',
727        'message',
728        'email',
729    ];
730
731    function validateEmail(email) {
732        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
733    }
734
735    // Validate on blur for inputs
736    requiredFields.forEach(id => {
737        const input = document.getElementById(id);
738        if (!input) return;
739
740        // For normal inputs and textarea
741        if (input.tagName.toLowerCase() !== 'select') {
742            input.addEventListener('blur', () => validateField(input));
743        }
744
745        // For select fields (including Select2)
746        if (input.tagName.toLowerCase() === 'select') {
747            $(input).on('change', () => validateField(input));
748        }
749    });
750
751    function validateField(input) {
752        removeError(input);
753
754        let value = input.value.trim();
755
756        // Required check
757        if (!value) {
758            showError(input, messages.required);
759            return false;
760        }
761
762        // Email check
763        if (input.id === 'email' && !validateEmail(value)) {
764            showError(input, messages.email);
765            return false;
766        }
767
768        return true;
769    }
770
771    function removeError(input) {
772        const group = input.closest('.form-group');
773        if (!group) return;
774        const error = group.querySelector('.error-text');
775        if (error) error.remove();
776    }
777
778    function showError(input, message) {
779        removeError(input);
780        const group = input.closest('.form-group');
781        if (!group) return;
782
783        const error = document.createElement('div');
784        error.classList.add('error-text');
785        error.style.color = 'red';
786        error.style.marginTop = '5px';
787        error.textContent = message;
788
789        // For Select2, append error after the Select2 container
790        if ($(input).hasClass('select2-hidden-accessible')) {
791            const select2Container = $(input).next('.select2-container')[0];
792            select2Container.parentNode.appendChild(error);
793        } else {
794            group.appendChild(error);
795        }
796    }
797
798    // Submit form
799    document.getElementById('contactForm').addEventListener('submit', function(e) {
800        e.preventDefault();
801
802        let valid = true;
803
804        requiredFields.forEach(id => {
805            const input = document.getElementById(id);
806            if (input && !validateField(input)) valid = false;
807        });
808
809        if (!valid) return;
810
811        const formData = new FormData(this);
812        const messageDiv = document.getElementById('formMessage');
813
814        axios.post("https://rainbowafghanistan.com/contact/store", formData)
815            .then(response => {
816                messageDiv.innerHTML = `<div class="alert alert-success">${response.data.message}</div>`;
817                this.reset();
818                document.querySelectorAll('.error-text').forEach(el => el.remove());
819                // Reset Select2 fields
820                $('.select2').val(null).trigger('change');
821            })
822            .catch(() => {
823                messageDiv.innerHTML =
824                    `<div class="alert alert-danger">An error occurred. Please try again later.</div>`;
825            });
826    });
827    </script>
827
828
829    </body>
830
831</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.