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.