1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <!-- Files included in head --> 6 <meta charset="UTF-8" /> 7<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 8<meta http-equiv="X-UA-Compatible" content="ie=edge" /> 9<!-- <meta http-equiv="Content-Security-Policy" 10 content=" 11 default-src 'self' * blob: data: gap:; 12 style-src 'self' * 'unsafe-inline' blob: data: gap:; 13 script-src 'self' * 'unsafe-inline' 'unsafe-eval' blob: data: gap:; 14 object-src 'self' * blob: data: gap:; 15 img-src 'self' * blob: data: gap:; 16 connect-src 'self' * blob: data: gap:; 17 frame-src 'self' * blob: data: gap:; 18 "> --> 19<base href="https://dhm.gov.np/"> 20<link href="https://fonts.googleapis.com/css?family=Nunito|Nunito+Sans&display=swap" rel="stylesheet" /> 21<link rel="stylesheet" type="text/css" href="https://dhm.gov.np/assets/frontend/slick/slick.css" /> 22<link rel="stylesheet" type="text/css" href="https://dhm.gov.np/assets/frontend/slick/slick-theme.css" /> 23<link rel="stylesheet" type="text/css" href="https://dhm.gov.np/assets/icons/icon.css" /> 24<title>DHM</title> 25<link rel="shortcut icon" type="image/x-icon" href="https://dhm.gov.np/assets/frontend/assets/images/new_logo.png"> 26<link href="https://dhm.gov.np/assets/frontend/style.css" rel="stylesheet"> 27<link rel="stylesheet" type="text/css" href="https://dhm.gov.np/assets/frontend/custom.css"> 28 29<link rel="stylesheet" type="text/css" href="https://dhm.gov.np/assets/frontend/leaflet.css"> 30<link href="https://dhm.gov.np/assets/frontend/select2.min.css" rel="stylesheet" /> 31<link href="https://dhm.gov.np/assets/cdn/jquery.dataTables.min.css" rel="stylesheet" /> 32<!-- Bootstrap datepicker--> 33<link href="https://dhm.gov.np/assets/vendors/bootstrap_datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet"> 34<link rel="stylesheet" href="https://dhm.gov.np/assets/mfd_datepicker/css/bootstrap-datepicker.min.css"> 35<link rel="stylesheet" href="https://dhm.gov.np/assets/mfd_datepicker/css/bootstrap-datepicker1.min.css">
36<script src="https://dhm.gov.np/assets/frontend/js/jquery.min.js"></script>
vendor: 1 bytes, line 36
36
37<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
37 38
39<script type="text/javascript" src="https://dhm.gov.np/assets/vendors/bootstrap_datepicker/dist/js/bootstrap-datepicker.min.js"></script>
39 40 41 42<style> 43 #map1 { 44 height: 400px 45 } 46 47 #map2 { 48 height: 400px 49 } 50 51 #map3 { 52 height: 400px 53 } 54</style> <!-- End Files included in head --> 55 <style> 56 #scrollTopBtn { 57 position: fixed; 58 bottom: 40px; 59 right: 30px; 60 z-index: 999; 61 display: none; 62 background-color: #2460b9; 63 color: #fff; 64 border: none; 65 outline: none; 66 padding: 0px 16px; 67 width: 40px; 68 height:40px; 69 border-radius: 50%; 70 font-size: 18px; 71 cursor: pointer; 72 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); 73 transition: opacity 0.3s ease; 74 } 75 76 #scrollTopBtn:hover { 77 background-color: #2460b9; 78 } 79 </style> 80</head> 81 82 83<body> 84 85 86 87 <!-- Modal --> 88 89 90 91 92 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 93 <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> 94 <div class="modal-content"> 95 <div class="modal-header"> 96 <h5 class="modal-title" id="exampleModalLabel">Forecasting</h5> 97 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 98 <span aria-hidden="true">×</span> 99 </button> 100 </div> 101 <div class="modal-body"> 102 <div id="mapmodal"></div> 103 </div> 104 <div class="modal-footer"> 105 <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal"> 106 Close 107 </button> --> 108 </div> 109 </div> 110 </div> 111 </div> 112 113 <div class="modal" id="surfaceModal" style="height:400px;position:absolute;overflow:unset"> 114 <div class=" modal-dialog modal-dialog-centered" style="max-width: 600px"> 115 <div class="modal-content"> 116 117 <!-- Modal Header --> 118 <div class="modal-header"> 119 <h4 class="modal-title"></h4> 120 <button type="button" class="close" data-dismiss="modal" id="FILE_CLOSE">×</button> 121 </div> 122 123 <!-- Modal body --> 124 <div class="modal-body"> 125 126 </div> 127 128 </div> 129 </div> 130 </div> 131 132 <div class="modal" id="rainfallModal"> 133 <div class="modal-dialog modal-dialog-centered" style="max-width:700px;height:500px;"> 134 <div class="modal-content"> 135 136 <!-- Modal Header --> 137 <div class="modal-header"> 138 <h4 class="modal-title"></h4> 139 140 <button type="button" class="close" data-dismiss="modal" id="FILE_CLOSE_RAINFALL">×</button> 141 </div> 142 143 <!-- Modal body --> 144 <div class="modal-body"> 145 <div id="rainfall_modal_body"> 146 </div> 147 </div> 148 149 </div> 150 </div> 151 </div> 152 <div class="modal fade" id="forecastModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 153 <div class="modal-dialog modal-dialog-centered modal-lg" role="document" style="max-width: 1000px;height:530px;"> 154 <div class="modal-content"> 155 <div class="modal-header"> 156 <h5 class="modal-title" id="exampleModalLabel"></h5> 157 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 158 <span aria-hidden="true">×</span> 159 </button> 160 </div> 161 <div class="modal-body"> 162 <div id="foremodal"></div> 163 </div> 164 165 </div> 166 </div> 167 </div> 168 <div id="app"> 169 170 <!-- Header files --> 171 <header class="header" 172 style="background-image: url(https://dhm.gov.np/assets/frontend/assets/images/headerbg.png)"> 173 <img src="https://dhm.gov.np/assets/frontend/assets/images/bg_header.jpg" class="d-none" /> 174 <a class="header-logo" href="https://dhm.gov.np/"> 175 <div class="align-vertical"> 176 <img src="https://dhm.gov.np/assets/frontend/assets/images/new_logo.png" alt="logo" class="logo" /> 177 178 <div class="header-title"> 179 <h6 class="font-weight-bold mb-1">Government of Nepal</h6> 180 <h6 class="font-weight-medium mb-1"> 181 Ministry of Agriculture, Forest and Environment </h6> 182 <h3 class="font-weight-normal"> 183 Nepal Meteorological Department </h3> 184 </div> 185 <img src="https://dhm.gov.np/assets/images/np_flag.gif" style="width: 55px; margin-left: 10px;" /> 186 </div> 187 </a> 188 189 <div class="header-action"> 190 <div class="align-vertical"> 191 <div class="search"> 192 <i class="ic-search" id="searchButton"></i> 193 194 <div class="card-01"> 195 <form action="search" method="post"> 196 <div class="form-group-icon"> 197 <input type="search" name="search" class="form-control form-control-sm" /> 198 <i class="ic-search text-light"></i> 199 </div> 200 </form> 201 </div> 202 </div> 203 204 <div class="header-social"> 205 <a href="https://www.instagram.com/dhm_weather/" class="ic-instagram" target="_blank"> 206 </a> 207 <a onclick="invertColor()" 208 title="Invert Color for color blindness" 209 style="padding: 8px"> 210 <img src="https://dhm.gov.np/assets/images/color_invert.png" style="width:25px" /> 211 </a> 212 </div> 213 <div class="play header-alert ring alert_bell" id="play-pause" style="display:none"> 214 <img src="https://dhm.gov.np/assets/frontend/assets/images/bell-solid.svg" alt=""> 215 <img src="https://dhm.gov.np/assets/frontend/assets/images/bell-slash-solid.svg" alt=""> 216 </div> 217 </div> 218 <div class="align-vertical"> 219 <div class="header-date">
220 <span class="font-weight-medium"> 221 Friday </span> 222 <span> 223 02 Oct, 2026 </span> 224 </div> 225 226 227 228 <a href="https://dhm.gov.np/hydrology/surface-observation"> 229 <div class="top_w_box"> 230 <div class="weather-temp">...</div> 231 <div class="weather-city dg-name1">...</div> 232 233 </div> 234 235<!-- 236
236<script> 237 238 239 document.addEventListener("DOMContentLoaded", function() { 240 241 const weatherCityDiv = document.querySelector(".weather-city"); 242 const weatherTempDiv = document.querySelector(".weather-temp"); 243 const apiKey = "d722419eb88345617ed23c1588121b46"; // OpenWeatherMap API key 244 245 // Fetch weather from OpenWeatherMap 246 function getWeather(lat, lon) { 247 const url = `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&units=metric&appid=${apiKey}`; 248 fetch(url) 249 .then(res => res.json()) 250 .then(data => { 251 const temp = data.main.temp.toFixed(1); 252 const city = data.name; 253 weatherCityDiv.textContent = city; 254 weatherTempDiv.textContent = `${temp}°C`; 255 }) 256 .catch(() => { 257 weatherCityDiv.textContent = "City: Unknown"; 258 weatherTempDiv.textContent = "Temperature: N/A"; 259 }); 260 } 261 262 // First: try browser geolocation 263 if (navigator.geolocation) { 264 navigator.geolocation.getCurrentPosition( 265 position => { 266 const lat = position.coords.latitude; 267 const lon = position.coords.longitude; 268 getWeather(lat, lon); 269 }, 270 error => { 271 // User denied or error â try IP-based location 272 fetch("https://ipinfo.io/json?token=<YOUR_IPINFO_TOKEN>") 273 .then(res => res.json()) 274 .then(data => { 275 const [lat, lon] = data.loc.split(","); 276 getWeather(parseFloat(lat), parseFloat(lon)); 277 }) 278 .catch(() => { 279 // Fallback: Kathmandu 280 getWeather(27.7172, 85.3240); 281 }); 282 } 283 ); 284 } else { 285 // Geolocation not supported â try IP-based location 286 fetch("https://ipinfo.io/json?token=<YOUR_IPINFO_TOKEN>") 287 .then(res => res.json()) 288 .then(data => { 289 const [lat, lon] = data.loc.split(","); 290 getWeather(parseFloat(lat), parseFloat(lon)); 291 }) 292 .catch(() => { 293 // Fallback: Kathmandu 294 getWeather(27.7172, 85.3240); 295 }); 296 } 297 298 }); 299 </script>
299 --> 300 </a> 301 302 303 <div class="header-language"> 304 <a href="https://dhm.gov.np/bhasa/contact-us/en" class="btn 305 active">EN 306 </a> 307 <a href="https://dhm.gov.np/bhasa/contact-us/np" class="btn 308 ">नà¥à¤ª 309 </a> 310 </div> 311 <button class="btn btn-primary sideToggler btn-sm ic-menu"></button> 312 </div> 313 </div> 314</header> 315 316 317 318 319 320 321<div class="d-none"> 322 323 <div id="jpId"></div> 324 325 326 327 328 <div class="py-2 bg-danger"> 329 <div class="d-none js-conveyor-example"> 330 <ul class="list"> 331 <li> 332 <a href="#"> </a> 333 </li> 334 </ul> 335 </div> 336 </div> 337 </div> 338 339<style> 340 nav { 341 margin:5px 5px 0 5px; 342 border-radius:5px; 343 border-top: 4px solid #aa1c39; 344 } 345 .btn-close { 346 border:none !important; 347 } 348 349</style> 350 351<nav> 352 <button class="menu-toggle" onclick="toggleMenu()">â° Menu</button> 353 354 <ul class="navbar-nav" id="mainMenu"> 355 <li> 356 <a href="https://dhm.gov.np/"> 357 <span>Home</span> 358 </a> 359 </li> 360 361 <li> 362 <a href="#"> 363 <span>About Us</span> 364 </a> 365 <div class="collapse"> 366 <ul class="list-nested"> 367 <li> 368 <a href="https://dhm.gov.np/pages/about-us"> 369 <span>Introduction</span> 370 </a> 371 </li> 372 <li> 373 <a href="https://dhm.gov.np/organizational-chart"> 374 <span>Organizational Structure</span> 375 </a> 376 </li> 377 <li> 378 <a href="https://dhm.gov.np/citizen-charter"> 379 <span>Citizen Charter</span> 380 </a> 381 </li> 382 <li> 383 <a href="https://dhm.gov.np/gallery"> 384 <span>Photo Gallery</span> 385 </a> 386 </li> 387 <li> 388 <a href="https://dhm.gov.np/regional-office"> 389 <span>Regional Offices</span> 390 </a> 391 </li> 392 <li> 393 <a href="https://dhm.gov.np/who-is-who"> 394 <span>Staff</span> 395 </a> 396 </li> 397 <li> 398 <a href="https://dhm.gov.np/former-directors-general">
399 <span>Former Directors General</span> 400 </a> 401 </li> 402 </ul> 403 </div> 404 </li> 405 <li> 406 <a href="https://dhm.gov.np/pages/Radiosonde-data"> 407 <span>Radiosonde</span> 408 </a> 409 </li> 410 <li> 411 <a href="#"> 412 <span>Services</span> 413 </a> 414 <div class="collapse"> 415 <ul class="list-nested"> 416 <li> 417 <a href="https://dhm.gov.np/climate-services"> 418 <span>Climate Services</span> 419 </a> 420 </li> 421 <li> 422 <a href="https://dhm.gov.np/agromet-services"> 423 <span>Agromet Services</span> 424 </a> 425 </li> 426 <li> 427 <a href="https://dhm.gov.np/pages/instrumentation-services"> 428 <span>Instrumentation Services</span> 429 </a> 430 </li> 431 <li> 432 <a href="https://hydrology.gov.np/#/?_k=hq2p4w"> 433 <span>Flood Forecasting and Early Warning Service</span> 434 </a> 435 </li> 436 <li> 437 <a href="https://dhm.gov.np/mfd/#/"> 438 <span>Weather forecasting </span> 439 </a> 440 </li> 441 </ul> 442 </div> 443 </li> 444 <li> 445 <a href="https://dhm.gov.np/pages/data"> 446 <span>Data</span> 447 </a> 448 </li> 449 <li> 450 <a href="https://dhm.gov.np/pages/legislation"> 451 <span>Legislation</span> 452 </a> 453 </li> 454 <li> 455 <a href="https://dhm.gov.np/pages/right-to-information"> 456 <span>Right to Information</span> 457 </a> 458 </li> 459 <li> 460 <a href="https://dhm.gov.np/bulletins">
461 <span>Bulletin</span> 462 </a> 463 </li> 464 <li> 465 <a href="https://dhm.gov.np/feedback"> 466 <span>Feedback</span> 467 </a> 468 </li> 469 <li> 470 <a href="https://dhm.gov.np/contact-us"> 471 <span>Contact</span> 472 </a> 473 </li> 474 </ul> 475</nav>
476<script> 477 function toggleMenu() { 478 var menu = document.getElementById("mainMenu"); 479 menu.classList.toggle("active"); 480 } 481</script>
481 <!-- End Header files --> 482 483 484 <div class="layout1"> 485 486 487 <main1> 488 489 <!-- Marquee --> 490 <div class="newsbar-container"> 491 492</div> <!-- End Marquee --> 493 494 <div class="position-relative1"> 495 <div class="container" style="max-width:100% !important"> 496 <!-- Main page --> 497 <div class="px-3"> 498 <div class="card-01 p-3 mb-3"> 499 <h6 class="heading-01 mb-3">Contact Us</h6> 500 <div class="image-xl"> 501 502 <div class="row"> 503 <div class="col-md-4"> 504 <div class="conatct_us mb-3"> 505 506 <img src="https://dhm.gov.np/assets/frontend/assets/images/gov-logo.png" alt ="logo" width="100" class=" img-fluid" /> 507 <div class="conatct_us_org_name"> 508 <p>Government of Nepal</p> 509 <span class="font-weight-bold">Ministry of Agriculture, Forest and Environment</span> <br/> 510 <span> Nepal Meteorological Department</span> 511 </div> 512 </div> 513 514 <ul class="list contact-contactList mt-2"> 515 <li> 516 <i class="ic-location"></i> 517 <a href>Babarmahal, Kathmandu, Nepal</a> 518 </li> 519 <li> 520 <i class="ic-call"></i> 521 <a href="tel:+977- 1- 5319052, 5358224, 5358276, 5319007"> 522 <span+977- 1- 5319052, 5358224">+977- 1- 5319052, 5358224</span></br><span 5358276, 5319007"> 5358276, 5319007</span> 523 </a> 524 </li> 525 <li style="display:none"> 526 <i class="ic-fax"></i> 527 <a href>+977 1</a> 528 </li> 529 <li> 530 <i class="ic-mail"></i> 531 <a href> [email protected]</a> 532 </li> 533 </ul> 534 </div> 535<div class="col-md-8"> 536 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3357.990974809365!2d85.3259369!3d27.692869099999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19badb4d66f7%3A0x9df7c9d11d7f321f!2sDepartment%20of%20Hydrology%20and%20Meteorology!5e1!3m2!1sen!2snp!4v1750839472603!5m2!1sen!2snp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 537 538 </div> 539 540 541 542 </div> 543 544 </div> 545 </div> 546</div> 547 548<style> 549 .conatct_us img{ 550 width: 15%; 551 margin-right: 15px; 552 } 553 554 .conatct_us { 555 display:flex; 556 } 557 558 .contact-contactList { 559 color:#000; 560 padding-left:92px; 561 } 562 563 .contact-contactList i { 564 background: #1f60ba; 565 padding: 7px; 566 margin-right: 15px; 567 line-height: 35px; 568 border-radius: 40px; 569 color: #fff; 570 } 571</style> <!-- End main page --> 572 <!-- Footer --> 573 <footer class="footer-home"> 574 <div class="container" style="max-width:100% !important"> 575 <div class="row"> 576 <div class="col-md-4"> 577 <div class="footer-logo mb-3"> 578 579 <img src="https://dhm.gov.np/assets/frontend/assets/images/gov-logo.png" alt class=" img-fluid" /> 580 <div class=""> 581 <p>Government of Nepal</p> 582 <span class="font-weight-bold">Ministry of Agriculture, Forest and Environment</span> 583 <span>Nepal Meteorological Department</span> 584 </div> 585 </div> 586 587 <ul class="list footer-contactList mt-2"> 588 <li> 589 <i class="ic-location"></i> 590 <a href>Babarmahal, Kathmandu, Nepal</a> 591 </li> 592 <li> 593 <i class="ic-call"></i> 594 <a href="tel:+977- 1- 5319052, 5358224, 5358276, 5319007"> 595 <span+977- 1- 5319052, 5358224">+977- 1- 5319052, 5358224</span></br><span 5358276, 5319007"> 5358276, 5319007</span> 596 </a> 597 </li> 598 <li style="display:none"> 599 <i class="ic-fax"></i> 600 <a href>+977 1</a> 601 </li> 602 <li> 603 <i class="ic-mail"></i> 604 <a href> [email protected]</a> 605 </li> 606 </ul> 607 </div> 608 609 <div class="col-md-3"> 610 <h2 class="footer-title" style="margin-bottom: 15px;">
610Media Briefing</h2> 611 612 <ul class="list media_briefing mt-2"> 613 <li> 614 <i class="ic-location"></i> 615 <p style="font-size: .875rem; color: white; display:inline"> 616 DHM Complex, Babarmahal, Kathmandu, Nepal </p> 617 </li> 618 <li> 619 <i class="ic-clock"></i> 620 <p style="font-size: .875rem; color: white; display:inline"> 11:00 AM - 12:00 PM </p> 621 </li> 622 <li> 623 <i class="ic-call"></i> 624 <p style="font-size: .875rem; color: white; display:inline"> 977- 1- 5319052 </p> 625 </li> 626 <li> 627 <i class="ic-email"></i> 628 <p style="font-size: .875rem; color: white; display:inline"> [email protected] </p> 629 </li> 630 </ul> 631 632 633 634 </div> 635 636 <div class="col-md-2"> 637 <h2 class="footer-title mb-3">Resources</h2> 638 <ul class="list footer-list"> 639 <li> 640 <a href="https://dhm.gov.np/pages/about-us">Introduction</a> 641 </li> 642 <li> 643 <a href="https://dhm.gov.np/organizational-chart" >Organizational Structure</a> 644 </li> 645 <li> 646 <a href="https://dhm.gov.np/who-is-who">Staff</a> 647 </li> 648 649<li> 650 <a href="https://dhm.gov.np/subscription">Subscription</a> 651 </li> 652 653 </ul> 654 655 </div> 656 657 658 <div class="col-md-3"> 659 <h2 class="footer-title mb-3">Useful Links</h2> 660 661 <ul class="list footer-list"> 662 <li> 663 <a href="https://dhm.gov.np/mfd/ " target="_blank"> 664 Weather Forecasting </a> 665 </li> 666 <li> 667 <a href="http://old.dhm.gov.np" target="_blank"> 668 DHM(Old Site) </a> 669 </li> 670 <li> 671 <a href="http://hydrology.gov.np/#/?_k=nfc63d" target="_blank"> 672 Hydrology(Old Site) </a> 673 </li> 674 <li> 675 <a href="http://mfd.gov.np/" target="_blank"> 676 MFD(Old Site) </a> 677 </li> 678 <li> 679 <a href="https://www.dhm.gov.np/gbiaa/" target="_blank"> 680 Gautam Buddha International Airport Aero-synoptic Station </a> 681 </li> 682 <li> 683 <a href="https://dhm.gov.np/mfd/#/weather/manual-observation/table" target="_blank"> 684 Weather Today </a> 685 </li> 686 <li> 687 <a href="https://hydrology.gov.np/#/?_k=a57c80" target="_blank"> 688 Flood Forcast Bulletin </a> 689 </li> 690 <li> 691 <a href="https://dhm.gov.np/mfd/#/weather/pages/special-weather" target="_blank"> 692 Special Weather Forecast </a> 693 </li> 694 695 </ul> 696 </div> 697 </div> 698 </div> 699 <style> 700 .media_briefing i { 701 color: #fff; 702 margin-right: 7px; 703 } 704 .media_briefing li { 705 margin-bottom: 5px; 706 } 707 .footer-home { 708 padding-bottom: 0px !important; 709 } 710 </style> 711 <div class="footer-copyright"> 712 Copyright 713 © Nepal Meteorological Department, 2026 <p style="color: #a0bde6; font-size: 14px; margin-top: 5px;">Total Website Visits: 4,336,690</p> 714 </div> 715</footer> <!-- Footer end --> 716 717 </div> 718 </div> 719 </main> 720 721 722 723 <!-- <button class="btn btn-primary btn-feed"> 724 </button> --> 725 726 <!--Modal Section --> 727 <!-- Modal --> 728 <div class="modal fade" id="requestDataModal" tabindex="-1" role="dialog" aria-labelledby="requestDataModalModalLabel" aria-hidden="true"> 729 <div class="modal-dialog modal-lg" role="document"> 730 <div class="modal-content"> 731 <div class="modal-header"> 732 <h5 class="modal-title" id="requestDataModalModalLabel">Request Data</h5> 733 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
734 <span aria-hidden="true">×</span> 735 </button> 736 </div> 737 <form action="https://dhm.gov.np/frontend_dhm/site/addRequest" class="form-group" id="add_form" method="POST" enctype="multipart/form-data" accept-charset="utf-8"> 738<input type="hidden" name="csrf_test_name" value="632376d90ac5d0795e6d2b1b81a99062"> <div class="modal-body"> 739 <div class="form-group"> 740 <label for="" class="d-block form-label">Occupation</label> 741 <div class="form-row"> 742 <div class="col-lg-4"> 743 744 <div class="custom-control custom-radio custom-control-inline"> 745 <input type="radio" id="customRadioInline1" name="occupation" class="custom-control-input" value="1"> 746 <label class="custom-control-label" for="customRadioInline1">Student</label> 747 </div> 748 </div> 749 <div class="col-lg-4"> 750 <div class="custom-control custom-radio custom-control-inline"> 751 <input type="radio" id="customRadioInline2" name="occupation" class="custom-control-input" value="2"> 752 <label class="custom-control-label" for="customRadioInline2">Government Office</label> 753 </div> 754 </div> 755 </div> 756 <div class="form-row"> 757 <div class="col-lg-4"> 758 <div class="custom-control custom-radio custom-control-inline"> 759 <input type="radio" id="customRadioInline3" name="occupation" class="custom-control-input" value="3"> 760 <label class="custom-control-label" for="customRadioInline3">Individual Researcher</label> 761 </div> 762 </div> 763 <div class="col-lg-4"> 764 <div class="custom-control custom-radio custom-control-inline"> 765 <input type="radio" id="customRadioInline4" name="occupation" class="custom-control-input" value="4"> 766 <label class="custom-control-label" for="customRadioInline4">NGO / INGO</label> 767 </div> 768 </div> 769 </div> 770 </div> 771 <div class="form-group" id="sort_by" style="display: none;"> 772 <label for="" class="d-block form-label">Sort By</label> 773 <div class="custom-control custom-radio"> 774 <input type="radio" id="customRadioInline5" name="sort_by" class="custom-control-input" value="1"> 775 <label class="custom-control-label" for="customRadioInline5">Nepali student in Nepal</label> 776 </div> 777 <div class="custom-control custom-radio"> 778 <input type="radio" id="customRadioInline6" name="sort_by" class="custom-control-input" value="2"> 779 <label class="custom-control-label" for="customRadioInline6">Nepali student in foreign 780 university</label> 781 </div> 782 </div> 783 <div class="form-row"> 784 <div class="col-lg-6"> 785 <div class="form-group"> 786 <label for="full_name" class="form-label">Full Name</label> 787 <input type="text" name="full_name" class="form-control"> 788 </div> 789 </div> 790 <div class="col-lg-6"> 791 <div class="form-group"> 792 <label for="email" class="form-label">Email</label> 793 <input type="text" name="email" class="form-control"> 794 </div> 795 </div> 796 </div> 797 <div class="form-row"> 798 <div class="col-lg-6"> 799 <div class="form-group"> 800 <label for="phone_no" class="form-label">Phone No.</label> 801 <input type="text" name="phone_no" class="form-control"> 802 </div> 803 </div> 804 <div class="col-lg-6"> 805 <div class="form-group"> 806 <label for="institute_name" class="form-label">Institute Name</label> 807 <input type="text" name="institute_name" class="form-control"> 808 </div> 809 </div> 810 </div> 811 <div class="form-group"> 812 <label for="" class="form-label">Upload Documents</label> 813 <div class="align-start justify-content-between"> 814 <div class="ml-3"> 815 <input type="file" name="citizenship" /> 816 <!-- <label for="file-upload" class="btn btn-primary">Browse</label> --> 817 </div> 818 </div> 819 <div class="align-start justify-content-between mt-2"> 820 <div class="ml-3"> 821 <input type="file" name="perposal" /> 822 <!-- <label for="file-upload" class="btn btn-primary">Browse</label> --> 823 </div> 824 </div> 825 </div> 826 827 <div class="form-group"> 828 <label for="purpose" class="form-label">Purpose</label> 829 <textarea class="form-control" name="purpose" id="" rows="3"> 830 </textarea> 831 </div> 832 </div> 833 <div class="modal-footer d-block"> 834 <div class="custom-control custom-checkbox"> 835 <input type="checkbox" class="custom-control-input" id="accept" name="accept" value="1"> 836 <label class="custom-control-label" for="accept">I accept these terms and conditions.</label> 837 </div> 838 <div> 839 <div class="align-vertical justify-content-end mt-3"> 840 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button> 841 <button type="submit" id="submit_button" class="btn btn-primary ml-2" disabled>Request Data</button> 842 </div> 843 </div> 844 </div> 845 846 </form> </div> 847 </div> 848 </div> 849 </div> 850 </div> 851 852<button id="scrollTopBtn" title="Go to top">â</button> 853 <!-- Scripts --> 854
854<script async src="https://dhm.gov.np/assets/frontend/js/widgets.js" charset="utf-8"></script>
vendor: 2 bytes, line 854
854
855<script type="text/javascript" src="https://dhm.gov.np/assets/frontend/assets/vendors.js"></script>
vendor: 2 bytes, line 855
855
856<script type="text/javascript" src="https://dhm.gov.np/assets/frontend/assets/home.js"></script>
vendor: 2 bytes, line 856
856
857<script type="text/javascript" src="https://dhm.gov.np/assets/frontend/slick/slick.js"></script>
857 858<!-- Datetimepicker-->
859<script src="https://dhm.gov.np/assets/frontend/_js/bootstrap-datetimepicker.min.js"></script>
859 860<!-- script for the map of offices --> 861
861<script> 862 $(document).ready(function(){ 863 $('.homepage_slider').slick({ 864 dots: false, 865 arrows: true, 866 infinite: true, 867 autoplay: true, 868 autoplaySpeed: 4000, 869 speed: 800, 870 fade: true, // ð¥ Fade effect 871 cssEase: 'ease-in-out' // ð Smooth transition 872 }); 873 }); 874</script>
874 875
876<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
876 877 878
878<script> 879 // Auto-advance carousel every 5 seconds 880 document.addEventListener('DOMContentLoaded', function() { 881 var carousel = new bootstrap.Carousel(document.getElementById('weatherCarousel'), { 882 interval: 5000 883 }); 884 }); 885 886 // Auto-advance carousel every 5 seconds 887 document.addEventListener('DOMContentLoaded', function() { 888 var carousel = new bootstrap.Carousel(document.getElementById('riverCarousel'), { 889 interval: 6000 890 }); 891 }); 892 893 894 </script>
894 895 896
897<script> 898 $(document).ready(function() { 899 let newsList = document.querySelectorAll(".newsbar-list li"); 900 if (newsList.length > 0) { 901 var i = newsList.length; 902 903 var timer = setInterval(() => { 904 var index = i % newsList.length; 905 toggleBox(index); 906 i++; 907 }, 1500); 908 909 function toggleBox(index) { 910 newsList.forEach(function(item) { 911 if (item.classList.contains("show")) { 912 item.classList.remove("show"); 913 } 914 }); 915 newsList[index].classList.add("show"); 916 } 917 newsList.forEach(function(item) { 918 item.addEventListener("mouseover", function() { 919 clearInterval(timer); 920 }); 921 item.addEventListener("mouseleave", function() { 922 timer = setInterval(() => { 923 var index = i % newsList.length; 924 toggleBox(index); 925 i++; 926 }, 1500); 927 }); 928 }); 929 } 930 931 if ($(".instrument-carousel")) { 932 $(".instrument-carousel").slick({ 933 arrows: true, 934 dots: false, 935 slidesToShow: 4, 936 slidesToScroll: 4, 937 autoplay: false, 938 infinite: false, 939 nextArrow: document.getElementById('btn-next'), 940 prevArrow: document.getElementById('btn-prev'), 941 responsive: [{ 942 breakpoint: 992, 943 settings: { 944 slidesToShow: 4, 945 slidesToScroll: 4, 946 } 947 }, 948 { 949 breakpoint: 720, 950 settings: { 951 slidesToShow: 3, 952 slidesToScroll: 1, 953 }, 954 955 }, 956 { 957 breakpoint: 576, 958 settings: { 959 slidesToShow: 2, 960 slidesToScroll: 1, 961 } 962 } 963 ] 964 965 966 }); 967 } 968 969 $('.datepicker').datepicker({ 970 format: "yyyy-mm-dd", 971 autoclose: true 972 }); 973 974 $('.datetimepicker').datetimepicker({ 975 pickTime: false, 976 minView: 'month', 977 endDate: new Date() 978 }).on('changeDate', function(ev) { 979 $('.datepicker').datetimepicker('hide'); 980 }); 981 982 }); 983</script>
983 984<!-- script for the map of offices end --> <!-- End scripts --> 985 986
986<script> 987 window.onload =function (){ 988 var bodyFontSize = localStorage.getItem('bodyFontSize'); 989 let invertColor = localStorage.getItem('invertColor'); 990 if(invertColor === null || invertColor === "0"){ 991 invertColor = ""; 992 }else{ 993 invertColor = "filter: invert(1);background:black;"; 994 } 995 document.getElementsByTagName("body")[0].style = "font-size:"+bodyFontSize+"%;"+invertColor; 996 }; 997 function invertColor(){ 998 let invertColor = localStorage.getItem('invertColor'); 999 if(invertColor === "1"){ 1000 document.getElementsByTagName("body")[0].style.filter = ""; 1001 document.getElementsByTagName("body")[0].style.background = ""; 1002 localStorage.setItem('invertColor',"0"); 1003 }else if(invertColor === "0" || invertColor === null){ 1004 document.getElementsByTagName("body")[0].style.filter = "invert(100%)"; 1005 document.getElementsByTagName("body")[0].style.background = "black"; 1006 localStorage.setItem('invertColor',"1"); 1007 } 1008 } 1009 function changeFont(operation){ 1010 var decreaseLimit = 70; 1011 var increaseLimit = 130; 1012 var bodyFontSize = localStorage.getItem('bodyFontSize'); 1013 if(bodyFontSize === null){ 1014 bodyFontSize = 100; 1015 } 1016 if(operation === "increase"){ 1017 if(bodyFontSize < increaseLimit){ 1018 bodyFontSize = parseInt(bodyFontSize) + 10; 1019 } 1020 }else if(operation === "decrease"){ 1021 if(bodyFontSize > decreaseLimit){ 1022 bodyFontSize = parseInt(bodyFontSize) - 10; 1023 } 1024 }else{ 1025 bodyFontSize = 100; 1026 } 1027 localStorage.setItem('bodyFontSize', bodyFontSize) 1028 document.getElementsByTagName("body")[0].style.fontSize = bodyFontSize+"%"; 1029 } 1030 1031 1032 const scrollTopBtn = document.getElementById("scrollTopBtn"); 1033 1034 // Show button after scrolling down 100px 1035 window.onscroll = function () { 1036 if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { 1037 scrollTopBtn.style.display = "block"; 1038 } else { 1039 scrollTopBtn.style.display = "none"; 1040 } 1041 }; 1042 1043 // Scroll to top on click 1044 scrollTopBtn.onclick = function () { 1045 window.scrollTo({ top: 0, behavior: 'smooth' }); 1046 }; 1047 </script>
1047 1048 1049</body> 1050</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.