1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Overview | About ISM</title> 8 <meta name="title" content="About ISM"> 9 <meta name="description" content="India Semiconductor Mission (ISM) is a specialized and independent Business Division within the Digital India Corporation, Ministry of Electronics and Information Technology, Government of India."> 10 <meta name="keywords" content="Nodal Agency, India Semiconductor Mission, Global Hub, Electronics Manufacturing, Semiconductor Design"> 11 <link rel="icon" href="/Assets/images/favicon.png" type="image/x-icon" /> 12 <link rel="preconnect" href="https://fonts.googleapis.com"> 13 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 14 <link href="/Assets/cdn/css2.css" rel="stylesheet" /> 15 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> 16 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> 17 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> 18 <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet"> 19 <link href="/Assets/css/bootstrap.min.css?v=1790265347" rel="stylesheet" /> 20 <link href="/Assets/css/style.css?v=1790265347" rel="stylesheet" /> 21 <link href="/Assets/css/header.css?v=1790265347" rel="stylesheet" /> 22 <link href="/Assets/css/header-login-button.css?v=1790265347" rel="stylesheet"> 23 <link href="/Assets/css/common.css?v=1790265347" rel="stylesheet" /> 24 <link href="/Assets/css/flickety.css?v=1790265347" rel="stylesheet" /> 25 <link href="/Assets/css/pages/scheme.css?v=1790265347" rel="stylesheet" /> 26 <!-- Google Analytics -->
vendor: 69 bytes, lines 26-27
26 27 <script async src="https://www.googletagmanager.com/gtag/js?id=
27G-YE20NXM7WM
vendor: 19 bytes, lines 27-29
27"></script> 28 29
29<script> 30
vendor: 205 bytes, lines 30-38
30window.dataLayer = window.dataLayer || []; 31 32 function gtag() { 33 dataLayer.push(arguments); 34 } 35 36 gtag('js', new Date()); 37 38 gtag('config', '
38G-YE20NXM7WM
vendor: 9 bytes, lines 38-39
38'); 39
39</script>
39 40</head> 41<body> 42 <main class="ism-v3-header__topBar show-topBar"> 43 <div class="container"> 44 <div class="row"> 45 <div class="d-flex justify-content-between"> 46 <div class="d-flex"> 47 <div class="date-time" id="date"></div> 48 <div class="date-time" id="time"></div> 49 </div> 50 51 52 53 <div class="d-flex justify-content-between align-items-center"> 54 <div class="header-social-media"> 55 <a aria-label="X logo" href="https://x.com/SemiconIndia" target="_blank" title="X"> 56 <i class="fab fa-twitter"></i> 57 </a> 58 59 <a aria-label="Instagram logo" href="https://www.instagram.com/ism_indiasemiconductor" target="_blank" title="Instagram"> 60 <i class="fab fa-instagram"></i> 61 </a> 62 63 <a aria-label="LinkedIn logo" href="https://www.linkedin.com/company/indiasemiconductormission/" target="_blank" title="LinkedIn"> 64 <i class="fab fa-linkedin"></i> 65 </a> 66 67 <a aria-label="Facebook logo" href="https://www.facebook.com/indiasemiconductormission" target="_blank" title="Facebook"> 68 <i class="fab fa-facebook"></i> 69 </a> 70 71 <a aria-label="YouTube logo" href="https://www.youtube.com/@IndiaSemiconductorMission" target="_blank" title="YouTube"> 72 <i class="fab fa-youtube"></i> 73 </a> 74 75 <a aria-label="WhatsApp logo" href="https://whatsapp.com/channel/0029VbDWQ944yltFzltsqx2h" target="_blank" title="WhatsApp"> 76 <i class="fab fa-whatsapp"></i> 77 </a> 78 79 </div> 80 81 <div class="special-feature"> 82 <a class="nav-link" href="#main"> Skip to main content</a> 83 </div> 84 </div> 85 </div> 86 </div> 87 </div> 88</main> 89<div class="container logo-container"> 90 <div class="row"> 91 <div class="col-sm-12"> 92 <div class="ism-header__main_box d-flex justify-content-between py-3"> 93 <div class="ism-header__main_box text-left"> 94 <a aria-label="Miety logo" class="miety-logo" href="https://www.meity.gov.in/" target="_blank"> 95 <img alt="Miety logo" class="img-fluid" src="/Assets/images/header/meity_header_logo_new.png"> 96 </a> 97 </div> 98 <div class="ism-header__main_box text-center"> 99 <a aria-label="Miety logo" class="miety-logo" href="/"> 100 <img alt="India Semiconductor Mission logo" class="img-fluid" src="/Assets/images/header/ism_header_logo.png"> 101 </a> 102 </div> 103 <div class="ism-header__main_box text-right"> 104 <a aria-label="Miety logo" class="miety-logo" href="https://dic.gov.in/" target="_blank"> 105 <img alt="Digital india logo" class="img-fluid" src="/Assets/images/header/digi_india_header_logo.png"> 106 </a> 107 </div> 108 </div> 109 </div> 110 </div> 111</div> 112 113 <header b-5jqxykywaq class="header"> 114 115<style> 116 .menu-text{ 117 font-size:small; 118 } 119 120</style> 121 <nav class="nav nav__header container"> 122 <!--=============== NAV MENU ===============--> 123 <div class="nav__menu" id="nav-menu"> 124 <ul class="nav__list"> 125 <li role="button"> 126 <a role="button" class="nav__link menu-text" href="/"> 127Home </a> 128 </li> 129 <li class="dropdown__item" role="button"> 130 <div class="nav__link" role="button">
131 <span role="button" class="header_active__link menu-text"> 132About ISM <i class="ri-arrow-down-s-line dropdown__arrow" role="button"></i> 133 </span> 134 </div> 135 <ul class="dropdown__menu" role="button"> 136 <li> 137 <a role="button" class="dropdown__link menu-text" href="/about-ism">About ISM</a> 138 </li> 139 <li> 140 <a role="button" class="dropdown__link menu-text" href="/vision-and-objectives">Vision and Objectives</a> 141 </li> 142 <li> 143 <a role="button" class="dropdown__link menu-text" href="/our-ministers">Our Ministers</a> 144 </li> 145 <li> 146 <a role="button" class="dropdown__link menu-text" href="/our-team">Our Team</a> 147 </li> 148 <li> 149 <a role="button" class="dropdown__link menu-text" href="/ism-committee">ISM Committee</a> 150 </li> 151 <li> 152 <a role="button" class="dropdown__link menu-text" href="/advisory-committee">Advisory Committee</a> 153 </li> 154 <li> 155 <a role="button" class="dropdown__link menu-text" href="/useful-links">Useful Links</a> 156 </li> 157 </ul> 158 </li> 159 <li class="dropdown__item" role="button"> 160 <div class="nav__link" role="button"> 161 <span role="button" class=" menu-text"> 162SEMICON India <span class="new_icon"> <img src="/Assets/images/newicon.gif" class="img-fluid" alt="icon"></span><i class="ri-arrow-down-s-line dropdown__arrow" role="button"></i> 163 </span> 164 </div> 165 <ul class="dropdown__menu" role="button"> 166 <li> 167 <a role="button" class="dropdown__link menu-text" href="/about-semiconindia">About SEMICON India</a> 168 </li> 169 <li> 170 <a role="button" class="dropdown__link menu-text" href="/semicon-india-2026">SEMICON India 2026<span class="new_icon"> <img src="/Assets/images/newicon.gif" class="img-fluid" alt="icon"></span></a> 171 </li> 172 </ul> 173 </li> 174 <li class="dropdown__item" role="button"> 175 <div class="nav__link" role="button"> 176 <span role="button" class=" menu-text"> 177Schemes <span class="new_icon"> <img src="/Assets/images/newicon.gif" class="img-fluid" alt="icon"></span><i class="ri-arrow-down-s-line dropdown__arrow" role="button"></i> 178 </span> 179 </div> 180 <ul class="dropdown__menu" role="button"> 181 <li> 182 <a role="button" class="dropdown__link menu-text" href="/schemes/semicon2.0/index">Semicon 2.0<span class="new_icon"> <img src="/Assets/images/newicon.gif" class="img-fluid" alt="icon"></span></a> 183 </li> 184 <li> 185 <a role="button" class="dropdown__link menu-text" href="/schemes/semicon1.0/index">Semicon 1.0</a> 186 </li> 187 </ul> 188 </li> 189 <li class="dropdown__item" role="button"> 190 <div class="nav__link" role="button">
191 <span role="button" class=" menu-text"> 192Notifications <i class="ri-arrow-down-s-line dropdown__arrow" role="button"></i> 193 </span> 194 </div> 195 <ul class="dropdown__menu" role="button"> 196 <li> 197 <a role="button" class="dropdown__link menu-text" href="/notifications/notices">Notices</a> 198 </li> 199 <li> 200 <a role="button" class="dropdown__link menu-text" href="/notifications/gazette-notification">Gazette Notification</a> 201 </li> 202 <li> 203 <a role="button" class="dropdown__link menu-text" href="/notifications/press-release">Press Release</a> 204 </li> 205 <li> 206 <a role="button" class="dropdown__link menu-text" href="/notifications/tender">Tenders</a> 207 </li> 208 <li> 209 <a role="button" class="dropdown__link menu-text" href="/notifications/downloads">Downloads</a> 210 </li> 211 <li> 212 <a role="button" class="dropdown__link menu-text" href="/career">Careers</a> 213 </li> 214 </ul> 215 </li> 216 <li role="button"> 217 <a role="button" class="nav__link menu-text" href="/gallery"> 218Gallery </a> 219 </li> 220 <li role="button"> 221 <a role="button" class="nav__link menu-text" href="/events"> 222Events </a> 223 </li> 224 <li role="button"> 225 <a role="button" class="nav__link menu-text" href="/investment/index"> 226Investors Support <span class="new_icon"> <img src="/Assets/images/newicon.gif" class="img-fluid" alt="icon"></span> 227 </a> 228 </li> 229 <li role="button"> 230 <a role="button" class="nav__link menu-text" href="/contact-us"> 231Contact Us </a> 232 </li> 233 </ul> 234 </div> 235 236 <!-- Social Media and Logo Section --> 237 <div class="nav__data"> 238 <a href="/" class="nav__logo"> 239 <img alt="Digital India logo" class="img-fluid" src="/Assets/images/header/ism_header_logo.png"> 240 </a> 241 <div class="dropdown login-dropdown"> 242 243 <!-- Login Button --> 244 <a class="btn btn-primary login-btn" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="Click here"> 245 246 <i class="fa fa-sign-in"></i> 247 <span class="login-text">Login</span> 248 <i class="fa fa-chevron-down login-chevron"></i> 249 </a> 250 251 <!-- Login Dropdown --> 252 <ul class="dropdown-menu dropdown-menu-end login-menu"> 253 254 <!-- Investor Support --> 255 <li> 256 <a class="dropdown-item login-item" target="_blank" href="/support/auth/login"> 257
258 <span class="login-icon investor-icon"> 259 <i class="fa fa-chart-bar"></i> 260 </span> 261 262 <span class="login-content"> 263 <span class="login-title"> 264 Investors Support Login 265 </span> 266 <span class="login-description"> 267 For grievance, information, assistance, queries and challenges related to investments 268 </span> 269 </span> 270 271 <span class="login-arrow"> 272 <i class="fa fa-chevron-right"></i> 273 </span> 274 275 </a> 276 </li> 277 278 <!-- Applicant --> 279 <li> 280 <a class="dropdown-item login-item" target="_blank" href="/entity/auth/login"> 281 282 <span class="login-icon applicant-icon"> 283 <i class="fa fa-user"></i> 284 </span> 285 286 <span class="login-content"> 287 <span class="login-title"> 288 Applicant Login 289 </span> 290 <span class="login-description"> 291 For Project Company / Entities 292 </span> 293 </span> 294 295 <span class="login-arrow"> 296 <i class="fa fa-chevron-right"></i> 297 </span> 298 299 </a> 300 </li> 301 302 <!-- CRM --> 303 <li> 304 <a class="dropdown-item login-item" target="_blank" href="/crm/auth/login"> 305 306 <span class="login-icon crm-icon"> 307 <i class="fa fa-headset"></i> 308 </span> 309 310 <span class="login-content"> 311 <span class="login-title"> 312 CRM Login 313 </span> 314 <span class="login-description"> 315 For Coorrdination, Resourse & Monitoring 316 </span> 317 </span> 318 319 <span class="login-arrow"> 320 <i class="fa fa-chevron-right"></i> 321 </span> 322 323 </a> 324 </li> 325 326 <!-- PMC --> 327 <li> 328 <a class="dropdown-item login-item" target="_blank" href="/pmc/auth/login"> 329 330 <span class="login-icon pmc-icon"> 331 <i class="fa fa-users"></i> 332 </span> 333 334 <span class="login-content"> 335 <span class="login-title"> 336 PMC Login 337 </span> 338 <span class="login-description"> 339 For Project Management & Coordination 340 </span> 341 </span> 342 343 <span class="login-arrow"> 344 <i class="fa fa-chevron-right"></i> 345 </span> 346 347 </a> 348 </li> 349 350 <!-- Admin --> 351 352 <!-- Guest --> 353 <li> 354 <a class="dropdown-item login-item" target="_blank" href="/guest/auth/login"> 355 356 <span class="login-icon guest-icon"> 357 <i class="fa fa-user"></i> 358 </span> 359
360 <span class="login-content"> 361 <span class="login-title"> 362 Guest Login 363 </span> 364 <span class="login-description"> 365 For Guest Users Login 366 </span> 367 </span> 368 369 <span class="login-arrow"> 370 <i class="fa fa-chevron-right"></i> 371 </span> 372 373 </a> 374 </li> 375 376 </ul> 377 </div> 378 <div class="nav__toggle" id="nav-toggle"> 379 <i class="ri-menu-line nav__burger"></i> 380 <i class="ri-close-line nav__close"></i> 381 </div> 382 </div> 383 </nav>
384<script type="text/javascript"> 385 window.addEventListener("resize", function() { 386 console.log("Width:", window.innerWidth); 387 }); 388</script>
388 389 390 </header> 391 392 <link rel="stylesheet" href="../Assets/css/pages/about-ism.css"> 393<section> 394 <div> 395 <div class="row"> 396 <div class="col-sm-12"> 397 <div class="page-main-banner"> 398 <h3>About ISM</h3> 399 </div> 400 </div> 401 </div> 402 </div> 403</section> 404 405<section class="py-5" id="main"> 406 <div class="container"> 407 <div class="row"> 408 <div class="col-md-12 col-lg-6 align-content-center"> 409 <img src="../Assets/images/about-ism/about-ism.webp" alt="" class="img-fluid mb-4"> 410 </div> 411 <div class="col-md-12 col-lg-6 align-content-center"> 412 <p class=""> 413 The India Semiconductor Mission (ISM) aims to build a strong semiconductor and display ecosystem, positioning India as a global hub for electronics manufacturing and design, while serving as the nodal agency for the efficient and seamless implementation of semiconductor and display schemes. 414 415 </p> 416 <p class=""> 417 418 Led by global experts of the Semiconductor and display ecosystem the mission aims to serve as a focal point for the comprehensive, coherent, efficient, and smooth deployment of the Program for Development of Semiconductor and Display Ecosystem in consultation with the Government ministries / departments / agencies, industry, and academia. 419 </p> 420 </div> 421 </div> 422 </div> 423</section> 424 425 426 427 <footer class="ism-footer pt-5 pb-3"> 428 <div class="container"> 429 <div class="row"> 430 <div class="col-sm-12 col-md-6 col-lg-3 d-flex flex-column justify-content-around mb-4"> 431 <div class="ism-footer-logo-link"> 432 <a aria-label="ISM logo" href="/"> 433 <img class="img-fluid" src="/Assets/images/footer/ism_footer.webp" alt="ISM logo"> 434 </a> 435 </div> 436 <div class="ism-footer-logo-link"> 437 <a aria-label="Miety logo" href="https://www.meity.gov.in/"> 438 <img class="img-fluid" src="/Assets/images/footer/meity_footer_new.webp" alt="Miety logo"> 439 </a> 440 </div> 441 <div class="ism-footer-logo-link"> 442 <a aria-label="DIC logo" href="https://dic.gov.in/"> 443 <img class="img-fluid" src="/Assets/images/footer/dic_footer.webp" alt="DIC logo"> 444 </a> 445 </div> 446 </div> 447 <div class="col-sm-12 col-md-6 col-lg-4 mb-4 vl px-3"> 448 <div class="d-md-flex d-sm-block justify-content-between ism-footer-box-size vt"> 449 <div class="ism-footer-useful-links mb-4"> 450 <h5 class="">Useful Links</h5> 451 <ul> 452 <li><a href="/sitemap"><img src="/Assets/images/footer/sitemap_icon.png" alt="sitemap_icon">Sitemap</a></li> 453 <li> 454 <a href="/website-policies"> 455 <img src="/Assets/images/footer/website_policy_icon.png" alt="website_policy"> 456 Website Policies 457 </a> 458 </li> 459 <li> 460 <a href="/privacy-policy"> 461 <img src="/Assets/images/footer/privacy_policy_icon.png" alt="privacy_policy_icon"> 462 Privacy Policy 463 </a> 464 </li> 465 <li><a href="/career"><img src="/Assets/images/footer/careers_icon.png" alt="careers_icon">Career</a></li> 466 <li><a href="/faqs"><img src="/Assets/images/footer/faq_icon.png" alt="faq_icon">FAQs</a></li> 467 <li><a href="/rti"><img src="/Assets/images/footer/website_policy_icon.png" alt="faq_icon">RTI</a></li> 468 </ul> 469 </div> 470 <div class="ism-footer-useful-links mb-4"> 471 <h5 class="">Social Media</h5> 472 <ul> 473 <li> 474 <a aria-label="ISM links" href="https://x.com/SemiconIndia" target="_blank"> 475 <img src="/Assets/images/footer/twitter_icon.png" alt="ISM Social links">Twitter 476 </a> 477 </li> 478 <li> 479 <a aria-label="ISM links" href="https://www.youtube.com/@IndiaSemiconductorMission" target="_blank"> 480 <img src="/Assets/images/footer/youtube_icon.png" alt="ISM Social links">Youtube 481 </a> 482 </li> 483 <li> 484 <a aria-label="ISM links" href="https://www.linkedin.com/company/indiasemiconductormission" target="_blank"> 485 <img src="/Assets/images/footer/linkedin_icon.png" alt="ISM Social links">LinkedIn 486 </a> 487 </li> 488 <li> 489 <a aria-label="ISM links" href="https://www.instagram.com/ism_indiasemiconductor" target="_blank"> 490 <img src="/Assets/images/footer/instagram_icon.png" alt="ISM Social links">Instagram 491 </a> 492 </li> 493 <li> 494 <a aria-label="ISM links" href="https://www.facebook.com/indiasemiconductormission" target="_blank"> 495 <img src="/Assets/images/footer/facebook_footer_icon.png" alt="ISM Social links">Facebook 496 </a> 497 </li> 498 <li> 499 <a aria-label="ISM links" href="https://webcast.gov.in/meity/semiconindia" target="_blank"> 500 <img src="/Assets/images/footer/webcast_icon.png" alt="ISM Social links">Webcast 501 </a> 502 </li> 503 <li> 504 <a aria-label="WhatsApp logo" href="https://whatsapp.com/channel/0029VbDWQ944yltFzltsqx2h" target="_blank" title="WhatsApp"> 505 <img src="/Assets/images/footer/whatsapp.png" alt="ISM Social links">WhatsApp 506 </a> 507 </li> 508 </ul> 509 </div> 510 </div> 511 </div> 512 <div class="col-sm-12 col-md-12 col-lg-5 mb-4 vl px-3"> 513 <div class="ism-footer-box-size vt "> 514 <h5 class="">Reach out to us</h5> 515 <ul> 516 <li> 517 <a href="https://www.mappls.com/y8ifyw" class="d-flex" target="_blank"> 518 <img src="/Assets/images/footer/location_icon.png" alt="Location ICon"> 519 <div>Office Address: 16th Floor, B-Wing, IFCI Tower, 61 Nehru Place, New Delhi - 110019 India</div> 520 </a> 521 </li> 522 <li> 523 <a href="https://www.mappls.com/3xfo1a" class="d-flex" target="_blank"> 524 <img src="/Assets/images/footer/location_icon.png" alt="Location ICon"> 525 <div>
525Regd. Address: Electronics Niketan , 6 CGO Complex, Lodhi Road, New Delhi-110003 India</div> 526 </a> 527 </li> 528 <li> 529 <a href="mailto:[email protected]"><img src="/Assets/images/footer/mail_icon.png" alt="Email Icon">[email protected]</a> 530 </li> 531 </ul> 532 <div class="d-flex display-coll"> 533 <div class="ism-footer-iframe"> 534 <iframe src="https://embed.mappls.com/place/3xfo1a?fullscreen=true&position=top-left&zoom=16" 535 frameborder="0" height="100%" title="embeded maps" 536 allowfullscreen> 537 </iframe> 538 </div> 539 <div class="ism-footer-iframe2 mx-2"> 540 <img src="/Assets/images/new_qr_image.png" alt="ISM QR Image"> 541 </div> 542 </div> 543 </div> 544 </div> 545 </div> 546 </div> 547</footer> 548 <section b-5jqxykywaq class="ism-footer-copyright"> 549 <div b-5jqxykywaq class="container"> 550 <div b-5jqxykywaq class="ism-footer-copyright-box"> 551 <div b-5jqxykywaq>© Copyright India Semiconductor Mission. All Rights Reserved</div> 552 <div b-5jqxykywaq> 553 Last Updated On : 24.09.2026 554 </div> 555 </div> 556 </div> 557 </section> 558
558<script src="/Assets/js/header.js"></script>
558 559
559<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
559 560
560<script src="/Assets/js/bootstrap.bundle.min.js"></script>
560 561
561<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
561 562
562<script src="/Assets/js/popper.min.js"></script>
562 563
563<script src="/Assets/js/flickety.js"></script>
563 564
564<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
564 565
565<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
565 566
566<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.12/jquery.validate.unobtrusive.min.js"></script>
566 567
567<script> 568 // Variables to keep track of the scroll position 569 let lastScrollTop = 0; 570 const topBar = document.querySelector(".ism-v3-header__topBar"); 571 572 window.addEventListener("scroll", function () { 573 let scrollTop = window.pageYOffset || document.documentElement.scrollTop; 574 575 if (scrollTop > lastScrollTop) { 576 // Scrolling down, hide the topBar 577 topBar.classList.remove("show-topBar"); 578 topBar.classList.add("hide-topBar"); 579 } else { 580 // Scrolling up, show the topBar 581 topBar.classList.remove("hide-topBar"); 582 topBar.classList.add("show-topBar"); 583 } 584 585 lastScrollTop = scrollTop; 586 }); 587 588 $(document).ready(function () { 589 $("#box-1").owlCarousel({ 590 loop: true, 591 margin: 10, 592 nav: false, 593 items: 1, 594 autoplay: true, 595 autoplayTimeout: 3000, 596 autoplayHoverPause: true, 597 }); 598 $('#box-2').owlCarousel({ 599 loop: true, 600 margin: 10, 601 nav: true, 602 items: 1, 603 autoplay: true, 604 autoplayTimeout: 3000, 605 autoplayHoverPause: true, 606 responsive: { 607 0: { 608 items: 1 609 }, 610 600: { 611 items: 3 612 }, 613 1000: { 614 items: 4 615 } 616 } 617 }); 618 $('#box-3').owlCarousel({ 619 loop: true, 620 margin: 10, 621 nav: false, 622 items: 1, 623 autoplay: true, 624 autoplayTimeout: 3000, 625 autoplayHoverPause: true, 626 responsive: { 627 0: { 628 items: 1 629 }, 630 600: { 631 items: 2 632 }, 633 1000: { 634 items: 3 635 } 636 } 637 }); 638 $('#box-4').owlCarousel({ 639 loop: true, 640 margin: 10, 641 nav: true, 642 items: 1, 643 autoplay: true, 644 autoplayTimeout: 3000, 645 autoplayHoverPause: true, 646 responsive: { 647 0: { 648 items: 1 649 }, 650 600: { 651 items: 3 652 }, 653 1000: { 654 items: 4 655 } 656 } 657 }); 658 // $('.navbar-light .dmenu').hover(function () { 659 // $(this).find('.sm-menu').first().stop(true, true).slideDown(150); 660 // }, function () { 661 // $(this).find('.sm-menu').first().stop(true, true).slideUp(105) 662 // }); 663 }); 664 665 </script>
665 666
666<script> 667 function updateDateTime() { 668 const now = new Date(); 669 670 // Format date as "23 October, 2024" 671 const options = { day: 'numeric', month: 'long', year: 'numeric' }; 672 const formattedDate = now.toLocaleDateString('en-GB', options); 673 674 // Format time as "04 : 12 : 09 PM" 675 const formattedTime = now.toLocaleTimeString('en-US', { 676 hour: '2-digit', 677 minute: '2-digit', 678 second: '2-digit', 679 hour12: true 680 }).replace(/:/g, ' : '); 681 682 // Update the divs 683 document.getElementById('date').textContent = formattedDate + ' |'; 684 document.getElementById('time').innerHTML = ' ' + formattedTime; 685 } 686 687 // Update every second 688 setInterval(updateDateTime, 1000); 689 690 // Initialize on load 691 updateDateTime(); 692 </script>
692 693
693<script> 694 const carouselEl = document.getElementById('videoCarousel'); 695 const video = document.getElementById('carouselVideo'); 696 const muteBtn = document.querySelector(".mute-btn"); 697 698 const carousel = bootstrap.Carousel.getOrCreateInstance(carouselEl); 699 700 function toggleMute() { 701 video.muted = !video.muted; 702 703 if (video.muted) { 704 muteBtn.innerHTML = "<img src='./Assets/images/icons/mute.png' alt='Mute'>"; 705 } else { 706 muteBtn.innerHTML = "<img src='/Assets/images/icons/unmute.png' alt='Unmute'>"; 707 } 708 } 709 710 // Pause carousel when video slide is active 711 carouselEl.addEventListener('slid.bs.carousel', function () { 712 const videoSlideActive = video.closest('.carousel-item').classList.contains('active'); 713 714 if (videoSlideActive) { 715 video.play(); // Play if not already 716 carousel.pause(); // Freeze carousel 717 } else { 718 carousel.cycle(); // Resume auto sliding on other slides 719 } 720 }); 721 722 // Pause video on hover 723 video.addEventListener('mouseenter', () => { 724 video.pause(); 725 }); 726 727 video.addEventListener('mouseleave', () => { 728 const isActive = video.closest('.carousel-item').classList.contains('active'); 729 if (isActive) video.play(); 730 }); 731 732 // Resume carousel only after video ends 733 video.addEventListener('ended', () => { 734 carousel.cycle(); // Resume auto sliding 735 }); 736 737 738 739 740 741 </script>
741 742</body> 743</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.