1<!doctype html> 2<html lang="en"> 3<head> 4 5 <!--====== Required meta tags ======--> 6 <meta charset="utf-8"> 7 <meta http-equiv="x-ua-compatible" content="ie=edge"> 8 <meta name="description" content=""> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 10 11 <!--====== Title ======--> 12 <title>KES - Smart Solutions for Schools in Kashmir</title> 13 14 <!--====== Favicon Icon ======--> 15 <link rel="shortcut icon" href="images/favicon.png" type="image/png"> 16 17 <!--====== Slick css ======--> 18 <link rel="stylesheet" href="css/slick.css"> 19 20 <!--====== Animate css ======--> 21 <link rel="stylesheet" href="css/animate.css"> 22 23 <!--====== Nice Select css ======--> 24 <link rel="stylesheet" href="css/nice-select.css"> 25 26 <!--====== Nice Number css ======--> 27 <link rel="stylesheet" href="css/jquery.nice-number.min.css"> 28 29 <!--====== Magnific Popup css ======--> 30 <link rel="stylesheet" href="css/magnific-popup.css"> 31 32 <!--====== Bootstrap css ======--> 33 <link rel="stylesheet" href="css/bootstrap.min.css"> 34 35 <!--====== Fontawesome css ======--> 36 <link rel="stylesheet" href="css/font-awesome.min.css"> 37 38 <!--====== Default css ======--> 39 <link rel="stylesheet" href="css/default.css"> 40 41 <!--====== Style css ======--> 42 <link rel="stylesheet" href="css/style.css"> 43 44 <!--====== Responsive css ======--> 45 <link rel="stylesheet" href="css/responsive.css"> 46 47 <!--====== Custom Kes css ======--> 48 <link rel="stylesheet" href="css/kes-style.css"> 49 50 <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" /> 51 <!-- <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" /> --> 52 53 54
54<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
54 55 56 57 58</head> 59 60<body> 61 62 <!--====== PRELOADER PART START ======--> 63 64 <div class="preloader"> 65 <div class="loader rubix-cube"> 66 <div class="layer layer-1"></div> 67 <div class="layer layer-2"></div> 68 <div class="layer layer-3 color-1"></div> 69 <div class="layer layer-4"></div> 70 <div class="layer layer-5"></div> 71 <div class="layer layer-6"></div> 72 <div class="layer layer-7"></div> 73 <div class="layer layer-8"></div> 74 </div> 75 </div> 76 77 <!--====== PRELOADER PART START ======--> 78 79 80 81 82 <!--
82<script> 83 const swiper = new Swiper('.pricingSwiper', { 84 slidesPerView: 1, 85 spaceBetween: 20, 86 centeredSlides: false, 87 pagination: { 88 el: '.swiper-pagination', 89 clickable: true, 90 }, 91 breakpoints: { 92 // Tablet (768px+) 93 768: { 94 slidesPerView: 1.5, 95 centeredSlides: true, 96 spaceBetween: 20 97 }, 98 // Desktop (1024px+) 99 1024: { 100 slidesPerView: 3, 101 centeredSlides: false, 102 spaceBetween: 5 103 } 104 } 105 }); 106</script>
106 --> 107 <!--====== HEADER PART START ======--> 108 109 110<header id="header-part"> 111 112 <div class="header-top d-none d-lg-block"> 113 <div class="container"> 114 <div class="row"> 115 <div class="col-lg-6"> 116 <div class="header-contact text-lg-left text-center"> 117 <ul> 118 <li><img src="images/all-icon/map.png" alt="icon"><span>K.P Road Nai Basti Near KIE Coaching Centre Anantnag</span></li> 119 <li><img src="images/all-icon/email.png" alt="icon"><span><a href="mailto:[email protected]" style="color:#fff;">[email protected]</a></span></li> 120 </ul> 121 </div> 122 </div> 123 <div class="col-lg-6"> 124 <div class="header-opening-time text-lg-right text-center"> 125 <p>Opening Hours : Monday to Saturday - 10 Am to 5 Pm</p> 126 </div> 127 </div> 128 </div> <!-- row --> 129 </div> <!-- container --> 130 </div> <!-- header top --> 131 132 <div class="header-logo-support pt-30 pb-30"> 133 <div class="container"> 134 <div class="row"> 135 <div class="col-lg-4 col-md-4"> 136 <div class="logo"> 137 <a href="index.php"> 138 <img src="images/logo.png" alt="Logo"> 139 </a> 140 </div> 141 </div> 142 <div class="col-lg-8 col-md-8"> 143 <div class="support-button float-right d-none d-md-block"> 144 <div class="support float-left"> 145 <div class="icon"> 146 <img src="images/all-icon/support.png" alt="icon"> 147 </div> 148 <div class="cont"> 149 <p>Need Help? call us </p> 150 <span ><a style="color:#07294d;" href="tel:+9469767201">9469 767 201</a></span> 151 </div> 152 </div> 153 <div class="button float-left"> 154 <a href="https://erp.kashmiredusolutions.com/" class="main-btn">Register Now</a> 155 </div> 156 </div> 157 </div> 158 </div> <!-- row --> 159 </div> <!-- container --> 160 </div> <!-- header logo support --> 161 162 <div class="navigation"> 163 <div class="container"> 164 <div class="row"> 165 <div class="col-lg-10 col-md-10 col-sm-9 col-8"> 166 <nav class="navbar navbar-expand-lg"> 167 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 168 <span class="icon-bar"></span> 169 <span class="icon-bar"></span> 170 <span class="icon-bar"></span> 171 </button> 172 173 <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent"> 174 <ul class="navbar-nav mr-auto"> 175 <li class="nav-item"> 176 <a class="active" href="index.php">Home</a> 177 178 </li> 179 <li class="nav-item"> 180 <a href="about.php">About us</a> 181 </li> 182 183 <!-- <li class="nav-item"> 184 <a href="events.html">Events</a> 185 <ul class="sub-menu"> 186 <li><a href="events.html">Events</a></li> 187 <li><a href="events-singel.html">Event Singel</a></li> 188 </ul> 189 </li> --> 190 <li class="nav-item"> 191 <a href="plans-pricing.php">Pricing & Plans</a> 192 </li> 193 <!-- <li class="nav-item"> 194 <a href="blog.php">Blog</a> 195 </li> --> 196 197 <li class="nav-item"> 198 <a href="contact.php">Contact</a> 199 </li> 200 </ul> 201 </div> 202 </nav> <!-- nav --> 203 </div> 204 <div class="col-lg-2 col-md-2 col-sm-3 col-4"> 205 <div class="right-icon text-right"> 206 <ul> 207 208 <a href="https://erp.kashmiredusolutions.
208com/login"> <li style="margin-right:1px!important; color:#07294d;"><i class="fa fa-user"></i> 209 </li> 210 <li style="font-weight:bold;color:#07294d; margin-left:-1px!important" href="https://erp.kashmiredusolutions.com/login">Login</li></a> 211 <!-- <li><a href="#" id="search"><i class="fa fa-search"></i></a></li> 212 <li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li> --> 213 </ul> 214 </div> <!-- right icon --> 215 </div> 216 </div> <!-- row --> 217 </div> <!-- container --> 218 </div> 219 220 </header> 221 222 <!--====== HEADER PART ENDS ======--> 223 224 <!--====== SEARCH BOX PART START ======--> 225 226 <div class="search-box"> 227 <div class="serach-form"> 228 <div class="closebtn"> 229 <span></span> 230 <span></span> 231 </div> 232 <form action="#"> 233 <input type="text" placeholder="Search by keyword"> 234 <button><i class="fa fa-search"></i></button> 235 </form> 236 </div> 237 </div> 238 239 <!--====== SEARCH BOX PART ENDS ======--><!--====== SLIDER PART START ======--> 240 241<section id="slider-part" class="slider-active"> 242 <div class="single-slider bg_cover pt-150" style="background-image: url(images/slider/4.jpg)" data-overlay="4"> 243 <div class="container"> 244 <div class="row"> 245 <div class="col-xl-7 col-lg-9"> 246 <div class="slider-cont"> 247 <h1 data-animation="bounceInLeft" data-delay="1s">Empowering Schools with Smart Solutions</h1> 248 <p data-animation="fadeInUp" data-delay="1.3s">Revolutionizing education in Kashmir with seamless school management and modern technology.</p> 249 <ul> 250 <li><a data-animation="fadeInUp" data-delay="1.6s" class="main-btn" href="plans-pricing.php">Learn More</a></li> 251 <li><a data-animation="fadeInUp" data-delay="1.9s" class="main-btn main-btn-2" href="https://erp.kashmiredusolutions.com/">Get Started</a></li> 252 </ul> 253 </div> 254 </div> 255 </div> <!-- row --> 256 </div> <!-- container --> 257 </div> <!-- single slider --> 258 259 <div class="single-slider bg_cover pt-150" style="background-image: url(images/slider/5.jpg)" data-overlay="4"> 260 <div class="container"> 261 <div class="row"> 262 <div class="col-xl-7 col-lg-9"> 263 <div class="slider-cont"> 264 <h1 data-animation="bounceInLeft" data-delay="1s">Simplify, Manage, and Grow</h1> 265 <p data-animation="fadeInUp" data-delay="1.3s">Experience the ease of managing day-to-day school tasks with automated processes</p> 266 <ul> 267 <li><a data-animation="fadeInUp" data-delay="1.6s" class="main-btn" href="plans-pricing.php">Learn More</a></li> 268 <li><a data-animation="fadeInUp" data-delay="1.9s" class="main-btn main-btn-2" href="https://erp.kashmiredusolutions.com/">Get Started</a></li> 269 </ul> 270 </div> 271 </div> 272 </div> <!-- row --> 273 </div> <!-- container --> 274 </div> <!-- single slider --> 275 276 <div class="single-slider bg_cover pt-150" style="background-image: url(images/slider/6.jpg)" data-overlay="4"> 277 <div class="container"> 278 <div class="row"> 279 <div class="col-xl-7 col-lg-9"> 280 <div class="slider-cont"> 281 <h1 data-animation="bounceInLeft" data-delay="1s">Your School, Anytime, Anywhere</h1> 282 <p data-animation="fadeInUp" data-delay="1.3s">Stay connected with real-time access to school data and reports, available on any device</p> 283 <ul> 284 <li><a data-animation="fadeInUp" data-delay="1.6s" class="main-btn" href="plans-pricing.php">Learn More</a></li> 285 <li><a data-animation="fadeInUp" data-delay="1.9s" class="main-btn main-btn-2" href="https://erp.kashmiredusolutions.
285com/">Get Started</a></li> 286 </ul> 287 </div> 288 </div> 289 </div> <!-- row --> 290 </div> <!-- container --> 291 </div> <!-- single slider --> 292 </section> 293 294 <!--====== SLIDER PART ENDS ======--> 295 296 297 298 <!--====== CATEGORY PART START ======--> 299 300 <section id="category-part"> 301 <div class="container"> 302 <div class="category pt-40 pb-80"> 303 <div class="row"> 304 <div class="col-lg-4"> 305 <div class="category-text pt-40"> 306 <h2 style="padding:0 40px;">Everything You Need for School Success</h2> 307 </div> 308 </div> 309 <div class="col-lg-6 offset-lg-1 col-md-8 offset-md-2 col-sm-8 offset-sm-2 col-8 offset-2"> 310 <div class="row category-slied mt-40"> 311 <div class="col-lg-4"> 312 <a href="plans-pricing.php"> 313 <span class="singel-category text-center color-1"> 314 <span class="icon"> 315 <img src="images/all-icon/ctg-1.png" alt="Icon"> 316 </span> 317 <span class="cont"> 318 <span>Web Application</span> 319 </span> 320 </span> <!-- singel category --> 321 </a> 322 </div> 323 <div class="col-lg-4"> 324 <a href="plans-pricing.php"> 325 <span class="singel-category text-center color-2"> 326 <span class="icon"> 327 <img src="images/all-icon/ctg-2.png" alt="Icon"> 328 </span> 329 <span class="cont"> 330 <span>Mobile Apps</span> 331 </span> 332 </span> <!-- singel category --> 333 </a> 334 </div> 335 <div class="col-lg-4"> 336 <a href="plans-pricing.php"> 337 <span class="singel-category text-center color-3"> 338 <span class="icon"> 339 <img src="images/all-icon/ctg-3.png" alt="Icon"> 340 </span> 341 <span class="cont"> 342 <span>Parent Portal</span> 343 </span> 344 </span> <!-- singel category --> 345 </a> 346 </div> 347 <div class="col-lg-4"> 348 <a href="plans-pricing.php"> 349 <span class="singel-category text-center color-1"> 350 <span class="icon"> 351 <img src="images/all-icon/ctg-1.png" alt="Icon"> 352 </span> 353 <span class="cont"> 354 <span>Teacher Dashboard</span> 355 </span> 356 </span> <!-- singel category --> 357 </a> 358 </div> 359 <div class="col-lg-4"> 360 <a href="#"> 361 <span class="singel-category text-center color-2"> 362 <span class="icon"> 363 <img src="images/all-icon/ctg-2.png" alt="Icon"> 364 </span>
365 <span class="cont"> 366 <span>Student Portal</span> 367 </span> 368 </span> <!-- singel category --> 369 </a> 370 </div> 371 <div class="col-lg-4"> 372 <a href="#"> 373 <span class="singel-category text-center color-3"> 374 <span class="icon"> 375 <img src="images/all-icon/ctg-3.png" alt="Icon"> 376 </span> 377 <span class="cont"> 378 <span>Attendance & Reports</span> 379 </span> 380 </span> <!-- singel category --> 381 </a> 382 </div> 383 </div> <!-- category slied --> 384 </div> 385 </div> <!-- row --> 386 </div> <!-- category --> 387 </div> <!-- container --> 388 </section> 389 390 <!--====== CATEGORY PART ENDS ======--> 391 392 <!--====== ABOUT PART START ======--> 393 394 <section id="about-part" class="pt-65"> 395 <div class="container"> 396 <div class="row"> 397 <div class="col-12 col-lg-6"> 398 <div class="section-title mt-50"> 399 <h5>About KES</h5> 400 <h2>Kashmir Edu Solutions </h2> 401 </div> <!-- section title --> 402 <div class="about-cont"> 403 <p>At KES, we are dedicated to transforming education in the Kashmir region through innovative technology. Our SaaS platform empowers schools to streamline operations, enhance communication, and improve student outcomes. With a focus on user-friendly design and comprehensive features, we provide educators, students, and parents with the tools they need for success. Join us in shaping the future of education in Kashmir, one school at a time</p> 404 <p>KES is a proud product of Tech Kashmir Innovations, a company committed to driving technological advancement and meaningful impact across the region. 405 406Join us in shaping the future of education in Kashmir, one school at a time.</p> 407 <a href="plans-pricing.php" class="main-btn mt-55">Learn More</a> 408 </div> 409 </div> <!-- about cont --> 410 <div class="col-12 col-lg-6 offset-lg-1"> 411 <!-- <div class="about-event mt-50"> 412 <div class="event-title"> 413 <h3>Upcoming events</h3> 414 </div> 415 <ul> 416 <li> 417 <div class="singel-event"> 418 <span><i class="fa fa-calendar"></i> 2 December 2018</span> 419 <a href="events-singel.html"><h4>Campus clean workshop</h4></a> 420 <span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span> 421 <span><i class="fa fa-map-marker"></i> Rc Auditorim</span> 422 </div> 423 </li> 424 <li> 425 <div class="singel-event"> 426 <span><i class="fa fa-calendar"></i> 2 December 2018</span> 427 <a href="events-singel.html"><h4>Tech Summit</h4></a> 428 <span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span> 429 <span><i class="fa fa-map-marker"></i> Rc Auditorim</span> 430 </div> 431 </li> 432 <li> 433 <div class="singel-event">
434 <span><i class="fa fa-calendar"></i> 2 December 2018</span> 435 <a href="events-singel.html"><h4>Enviroement conference</h4></a> 436 <span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span> 437 <span><i class="fa fa-map-marker"></i> Rc Auditorim</span> 438 </div> 439 </li> 440 </ul> 441 </div> --> 442 </div> 443 </div> <!-- row --> 444 </div> <!-- container --> 445 <div class="about-bg d-none d-lg-block"> 446 <img src="images/about/1.jpg" alt="About"> 447 </div> 448 </section> 449 450 <!--====== ABOUT PART ENDS ======--> 451 452 <!--====== APPLY PART START ======--> 453 454 <!-- <section id="apply-aprt" class="pb-120"> 455 <div class="container"> 456 <div class="apply"> 457 <div class="row no-gutters"> 458 <div class="col-lg-6"> 459 <div class="apply-cont apply-color-1"> 460 <h3>Apply for fall 2019</h3> 461 <p>Gravida nibh vel velit auctor aliquetn sollicitudirem sem quibibendum auci elit cons equat ipsutis sem nibh id elituis sed odio sit amet nibh vulputate cursus equat ipsutis.</p> 462 <a href="#" class="main-btn">Apply Now</a> 463 </div> 464 </div> 465 <div class="col-lg-6"> 466 <div class="apply-cont apply-color-2"> 467 <h3>Apply for scholarship</h3> 468 <p>Gravida nibh vel velit auctor aliquetn sollicitudirem sem quibibendum auci elit cons equat ipsutis sem nibh id elituis sed odio sit amet nibh vulputate cursus equat ipsutis.</p> 469 <a href="#" class="main-btn">Apply Now</a> 470 </div> 471 </div> 472 </div> 473 </div> 474 </div> 475 </section> --> 476 477 <!--====== APPLY PART ENDS ======--> 478 479 480 481 <!--====== VIDEO FEATURE PART START ======--> 482 483 <section id="video-feature" class="bg_cover pt-60 pb-110" style="background-image: url(images/slider/1.jpeg)"> 484 <div class="container"> 485 <div class="row align-items-center"> 486 <div class="col-lg-6 order-last order-lg-first"> 487 <!-- <div class="video text-lg-left text-center pt-50"> 488 <a class="Video-popup" href="https://www.youtube.com/watch?v=bRRtdzJH1oE"><i class="fa fa-play"></i></a> 489 </div> --> 490 </div> 491 <div class="col-lg-5 offset-lg-1 order-first order-lg-last"> 492 <div class="feature pt-50"> 493 <div class="feature-title"> 494 <h3>Why Choose KES?</h3> 495 </div> 496 <ul> 497 <li> 498 <div class="singel-feature"> 499 <div class="icon"> 500 <img src="images/all-icon/f-1.png" alt="icon"> 501 </div> 502 <div class="cont"> 503 <h4>Tailored Solutions</h4> 504 <p>Designed specifically for schools in Kashmir, addressing their unique challenges and needs.</p> 505 </div> 506 </div> <!-- singel feature --> 507 </li> 508 <li> 509 <div class="singel-feature"> 510 <div class="icon"> 511 <img src="images/all-icon/f-2.png" alt="icon"> 512 </div> 513 <div class="cont"> 514 <h4>User-Friendly Interface:</h4> 515 <p>Intuitive design ensures effortless navigation for teachers, students, and parents.</p> 516 </div> 517 </div> <!-- singel feature --> 518 </li> 519 <li> 520 <div class="singel-feature"> 521 <div class="icon"> 522 <img src="images/all-icon/f-3.png" alt="icon"> 523 </div> 524 <div class="cont"> 525 <h4>Reliable Support:</h4> 526 <p>Our dedicated team is always available to assist, ensuring a smooth experience for all users.</p> 527 </div> 528 </div> <!-- singel feature --> 529 </li> 530 </ul> 531 </div> <!-- feature --> 532 </div> 533 </div> <!-- row --> 534 </div> <!-- container --> 535 <div class="feature-bg"></div> <!-- feature bg --> 536 </section> 537 538 <!--====== VIDEO FEATURE PART ENDS ======--> 539 540<!--====== NEW SESSION OFFER POPUP START ======--> 541 542<div class="season-offer-popup" id="seasonOfferPopup" aria-hidden="true"> 543 <div class="season-offer-popup__overlay" data-season-offer-close></div> 544 <div class="season-offer-popup__dialog" role="dialog" aria-modal="true" aria-label="New Session Offer"> 545 <button class="season-offer-popup__close" type="button" aria-label="Close offer" data-season-offer-close>×</button> 546 <a class="season-offer-popup__link" href="plans-pricing.php" aria-label="View pricing plans for the New Session Offer"> 547 <img src="images/slider/newseason-offer.jpeg" alt="New Session Smarter Start offer from KES School ERP" loading="eager"> 548 </a> 549 </div> 550</div> 551 552<style> 553.season-offer-popup {
554 align-items: center; 555 display: flex; 556 inset: 0; 557 justify-content: center; 558 opacity: 0; 559 pointer-events: none; 560 position: fixed; 561 transition: opacity 0.25s ease; 562 z-index: 99999; 563} 564 565.season-offer-popup.is-visible { 566 opacity: 1; 567 pointer-events: auto; 568} 569 570.season-offer-popup__overlay { 571 background: rgba(7, 41, 77, 0.78); 572 backdrop-filter: blur(4px); 573 inset: 0; 574 position: absolute; 575} 576 577.season-offer-popup__dialog { 578 background: #fff; 579 border: 4px solid #ffc600; 580 border-radius: 14px; 581 box-shadow: 0 24px 70px rgba(7, 41, 77, 0.32); 582 max-width: 1180px; 583 overflow: hidden; 584 position: relative; 585 transform: translateY(18px) scale(0.98); 586 transition: transform 0.25s ease; 587 width: min(92vw, 1180px); 588 z-index: 1; 589} 590 591.season-offer-popup.is-visible .season-offer-popup__dialog { 592 transform: translateY(0) scale(1); 593} 594 595.season-offer-popup__link { 596 display: block; 597} 598 599.season-offer-popup__link:focus { 600 outline: 4px solid #ffc600; 601 outline-offset: -4px; 602} 603 604.season-offer-popup__dialog img { 605 display: block; 606 height: auto; 607 width: 100%; 608} 609 610.season-offer-popup__close { 611 align-items: center; 612 background: #ffc600; 613 border: 2px solid #fff; 614 border-radius: 50%; 615 box-shadow: 0 8px 18px rgba(7, 41, 77, 0.2); 616 color: #07294d; 617 cursor: pointer; 618 display: flex; 619 font-size: 30px; 620 font-weight: 700; 621 height: 44px; 622 justify-content: center; 623 line-height: 1; 624 position: absolute; 625 right: 14px; 626 top: 14px; 627 transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease; 628 width: 44px; 629 z-index: 2; 630} 631 632.season-offer-popup__close:hover, 633.season-offer-popup__close:focus { 634 background: #07294d; 635 color: #fff; 636 outline: none; 637 transform: scale(1.04); 638} 639 640body.season-offer-popup-open { 641 overflow: hidden; 642} 643 644@media (max-width: 767px) { 645 .season-offer-popup__dialog { 646 border-width: 2px; 647 border-radius: 10px; 648 max-height: calc(100vh - 24px); 649 width: calc(100vw - 20px); 650 } 651 652 .season-offer-popup__close { 653 font-size: 24px; 654 height: 38px; 655 right: 10px; 656 top: 10px; 657 width: 38px; 658 } 659} 660</style> 661
662<script> 663(function () { 664 var popup = document.getElementById('seasonOfferPopup'); 665 666 if (!popup) { 667 return; 668 } 669 670 function openPopup() { 671 popup.classList.add('is-visible'); 672 popup.setAttribute('aria-hidden', 'false'); 673 document.body.classList.add('season-offer-popup-open'); 674 } 675 676 function closePopup() { 677 popup.classList.remove('is-visible'); 678 popup.setAttribute('aria-hidden', 'true'); 679 document.body.classList.remove('season-offer-popup-open'); 680 } 681 682 document.addEventListener('DOMContentLoaded', function () { 683 window.setTimeout(openPopup, 700); 684 }); 685 686 popup.querySelectorAll('[data-season-offer-close]').forEach(function (button) { 687 button.addEventListener('click', closePopup); 688 }); 689 690 document.addEventListener('keydown', function (event) { 691 if (event.key === 'Escape' && popup.classList.contains('is-visible')) { 692 closePopup(); 693 } 694 }); 695})(); 696</script>
696 697 698<!--====== NEW SESSION OFFER POPUP ENDS ======--> 699<!--====== TRUSTED SCHOOLS PART START ======--> 700 701<section id="trusted-schools" class="trusted-schools-section gray-bg"> 702 <div class="container"> 703 <div class="trusted-schools-header text-center"> 704 <div class="trusted-schools-eyebrow"> 705 <span></span> 706 <p>Trusted By Institutions</p> 707 <span></span> 708 </div> 709 <h2>Schools Across Kashmir Trust Us</h2> 710 </div> 711 712 <div class="trusted-schools-carousel"> 713 <div class="trusted-school-logo"> 714 <img src="images/school-logos/kie-ang.png" alt="Kashmir Institute Green Land Anantnag" loading="lazy"> 715 </div> 716 <div class="trusted-school-logo"> 717 <img src="images/school-logos/Roots%20LOGO-1.png" alt="Roots Public School" loading="lazy"> 718 </div> 719 <div class="trusted-school-logo"> 720 <img src="images/school-logos/skyline-career-institute.png" alt="Skyline Career Institute" loading="lazy"> 721 </div> 722 <div class="trusted-school-logo"> 723 <img src="images/school-logos/ASI-removebg-preview.png" alt="Al Irshad Scientific Institute Marhama" loading="lazy"> 724 </div> 725 <div class="trusted-school-logo"> 726 <img src="images/school-logos/IQRA%20Image%20Apr%2024,%202026,%2003_29_46%20PM.png" alt="Iqra Public School" loading="lazy"> 727 </div> 728 <div class="trusted-school-logo"> 729 <img src="images/school-logos/gfs_logo-removebg-preview.png" alt="Green Land Educational Institute" loading="lazy"> 730 </div> 731 <div class="trusted-school-logo"> 732 <img src="images/school-logos/WhatsApp_Image_2026-04-28_at_12.27.37_PM-removebg-preview.png" alt="Partner School" loading="lazy"> 733 </div> 734 </div> 735 </div> 736</section> 737 738<style> 739.trusted-schools-section { 740 padding: 95px 0 90px; 741 overflow: hidden; 742} 743 744.trusted-schools-header { 745 margin-bottom: 70px; 746} 747 748.trusted-schools-eyebrow { 749 align-items: center; 750 display: inline-flex; 751 gap: 18px; 752 justify-content: center; 753 margin-bottom: 24px; 754} 755 756.trusted-schools-eyebrow span { 757 background: #07294d; 758 display: block; 759 height: 2px; 760 width: 56px; 761} 762 763.trusted-schools-eyebrow p { 764 color: #07294d; 765 font-size: 15px; 766 font-weight: 700; 767 letter-spacing: 4px; 768 line-height: 1; 769 margin: 0; 770 text-transform: uppercase; 771} 772 773.trusted-schools-header h2 { 774 color: #000; 775 font-size: 48px; 776 font-weight: 700; 777 line-height: 1.2; 778 margin: 0; 779} 780 781.trusted-schools-carousel { 782 margin: 0 -12px; 783} 784 785.trusted-schools-carousel:not(.slick-initialized) { 786 align-items: center; 787 display: flex; 788 gap: 24px; 789 overflow: hidden; 790} 791 792.trusted-schools-carousel:not(.slick-initialized) .trusted-school-logo { 793 flex: 0 0 150px; 794} 795 796.trusted-schools-carousel .slick-track { 797 align-items: center; 798 display: flex; 799} 800 801.trusted-schools-carousel .slick-slide { 802 height: auto; 803} 804 805.trusted-schools-carousel .slick-slide > div { 806 padding: 0 12px; 807} 808 809.trusted-school-logo { 810 align-items: center; 811 display: flex; 812 height: 112px; 813 justify-content: center; 814 margin: 0 auto; 815 max-width: 160px; 816 padding: 10px; 817 position: relative; 818 width: 100%; 819} 820 821.trusted-school-logo::after { 822 background: #ffc600; 823 border-radius: 999px; 824 bottom: 0; 825 content: ""; 826 height: 3px; 827 left: 50%; 828 opacity: 0; 829 position: absolute; 830 transform: translateX(-50%); 831 transition: opacity 0.25s ease, width 0.25s ease; 832 width: 28px; 833} 834 835.trusted-school-logo:hover::after { 836 opacity: 1; 837 width: 48px; 838} 839 840.trusted-school-logo img { 841 display: block; 842 height: 86px; 843 max-width: 128px; 844 object-fit: contain; 845 transition: filter 0.25s ease, transform 0.25s ease; 846 width: 128px; 847} 848 849.trusted-school-logo:hover img { 850 filter: drop-shadow(0 10px 14px rgba(7, 41, 77, 0.14)); 851 transform: translateY(-2px); 852} 853 854@media (max-width: 767px) { 855 .trusted-schools-section { 856 padding: 70px 0 65px; 857 } 858 859 .trusted-schools-header { 860 margin-bottom: 45px; 861 } 862 863 .trusted-schools-eyebrow { 864 gap: 12px; 865 } 866 867 .trusted-schools-eyebrow span { 868 width: 34px; 869 } 870 871 .trusted-schools-eyebrow p { 872 font-size: 12px; 873 letter-spacing: 2px; 874 } 875 876 .trusted-schools-header h2 { 877 font-size: 32px; 878 } 879 880 .trusted-schools-carousel { 881 margin: 0 -8px; 882 } 883 884 .trusted-schools-carousel .slick-slide > div { 885 padding: 0 8px; 886 } 887 888 .trusted-school-logo { 889 height: 96px; 890 max-width: 140px; 891 } 892 893 .trusted-school-logo img { 894 height: 74px; 895 width: 112px; 896 } 897} 898</style> 899
900<script> 901(function () { 902 function initTrustedSchoolsCarousel() { 903 if (!window.jQuery || !jQuery.fn || !jQuery.fn.slick) { 904 return; 905 } 906 907 var carousel = jQuery('.trusted-schools-carousel'); 908 909 if (!carousel.length || carousel.hasClass('slick-initialized')) { 910 return; 911 } 912 913 carousel.slick({ 914 dots: false, 915 infinite: true, 916 autoplay: true, 917 autoplaySpeed: 1800, 918 speed: 650, 919 slidesToShow: 6, 920 slidesToScroll: 1, 921 arrows: false, 922 pauseOnHover: true, 923 responsive: [ 924 { 925 breakpoint: 1200, 926 settings: { 927 slidesToShow: 5, 928 slidesToScroll: 1 929 } 930 }, 931 { 932 breakpoint: 992, 933 settings: { 934 slidesToShow: 4, 935 slidesToScroll: 1 936 } 937 }, 938 { 939 breakpoint: 768, 940 settings: { 941 slidesToShow: 3, 942 slidesToScroll: 1 943 } 944 }, 945 { 946 breakpoint: 576, 947 settings: { 948 slidesToShow: 2, 949 slidesToScroll: 1 950 } 951 } 952 ] 953 }); 954 } 955 956 window.addEventListener('load', initTrustedSchoolsCarousel); 957})(); 958</script>
958 959 960<!--====== TRUSTED SCHOOLS PART ENDS ======--> 961 962<section class="plans__container pt-115 kes-pb-20 gray-bg"> 963 <div class="plans"> 964 <div class="plansHero"> 965 <h1 class="plansHero__title">Simple, transparent pricing</h1> 966 <p class="plansHero__subtitle">Choose a plan that fits your needs, without extra fees or contracts</p> 967 </div> 968 969 <div class="swiper pricingSwiper"> 970 <div class="swiper-wrapper planItem__container"> 971 <!--free plan starts --> 972 <div class="swiper-slide planItem planItem--free"> 973 974 <div class="inside-card"> 975 <div class="card__header"> 976 <div class="card__icon symbol symbol--rounded"></div> 977 <h2><span class="plan-icon">🌟</span> Essential</h2> 978 </div> 979 <br> 980 <div class="card__label label" style="background: linear-gradient(90deg, #ea4c89 0%, #ffc600 100%);color:#07294d">For Small & New Schools</div> 981 <div class="card__desc">Get all the core features to manage daily school operations efficiently and securely.</div> 982 </div> 983 984 <div class="price mt-3"> 985 <span class="plan-price-original">₹30,000</span> 986 <span><strong>/ Year</strong></span> 987 </div> 988 <div class="session-offer-banner"> 989 <span class="session-offer-label">New Session Offer</span> 990 <strong>₹25,000</strong> 991 </div> 992 993 994 <ul class="featureList mt-3"> 995 <li>Student Management</li> 996 <li>Academics Management</li> 997 <li class="">Slider Management</li> 998 <li class="">Teacher Management</li> 999 <li class="">Session Year Management</li> 1000 <li class="">Holiday Management</li> 1001 <li class="">Timetable Management</li> 1002 <li class="">School Gallery Management</li> 1003 <li class="">Lesson Management</li> 1004 <li class="">Assignment Management</li> 1005 <li class="">Announcement Management</li> 1006 <li class="disabled">Attendance (Manual & QR)</li> 1007 <li class="">Reporting & Export</li> 1008 <li class="">Staff Management</li> 1009 <li class="">Leave Management</li> 1010 <li class="">Android Access</li> 1011 <li class="disabled">IOS Access</li> 1012 <li class="">Expense Management</li> 1013 <li class="disabled">Exam Management</li> 1014 <li class="">Payroll Management</li> 1015 <li class="disabled">ID Card Generation</li> 1016 <li class="disabled">Certificate Generation</li> 1017 <li class="">Mobile Push Notifications</li> 1018 <li class="disabled">SMS Notifications</li> 1019 <li class="disabled">WhatsApp Notifications 1020 <span class="add-on blink">Add-on</span> 1021 <span class="tooltip">Unlock for ₹9,999/year</span> 1022 </li> 1023 <li class="disabled">Live Chat Module 1024 <span class="add-on blink">Add-on</span> 1025 <span class="tooltip">Unlock for ₹4,999/year</span> 1026 </li> 1027 <li class="enabled">Fees Management 1028 <!-- <span class="add-on blink">Add-on</span> 1029 <span class="tooltip">Unlock for ₹4,999/year</span> --> 1030 </li> 1031 <!--<li class="disabled">Website Management(Sub Domain)</li>--> 1032 <li class="disabled"> Website & Domain 1033 <span class="add-on blink">Add-on</span> 1034 <span class="tooltip">Unlock for ₹24,999/year</span> 1035 </li> 1036 <li class="disabled">School-Branded App (iOS & Android)</li> 1037 <li class="">Back up Management</li> 1038 <li class="">Standard support</li> 1039 </ul> 1040 1041 <a href="https://erp.kashmiredusolutions.com/" class="plan-button">Get Started</a> 1042 </div> 1043 <!--free plan ends --> 1044 1045 <!--pro plan starts --> 1046 <div class="swiper-slide planItem planItem--pro"> 1047 <div class="inside-card"> 1048 <div class="card__header"> 1049 <div class="card__icon symbol">🔷</div> 1050 <h2> Premium</h2> 1051 <div class="card__label label" style="background: linear-gradient(90deg, #ea4c89 0%, #ffc600 100%);">Popular</div> 1052 </div> 1053 <br> 1054 <div class="card__label label">For Growing Schools</div> 1055 <div class="card__desc">Advanced features for complete school management with priority support</div> 1056 </div> 1057 1058 <div class="price mt-3">
1059 <span class="plan-price-original">₹50,000</span> 1060 <span><strong>/ Year</strong></span> 1061 </div> 1062 <div class="session-offer-banner"> 1063 <span class="session-offer-label">New Session Offer</span> 1064 <strong>₹40,000</strong> 1065 <span class="session-offer-note">5,000 SMS included</span> 1066 </div> 1067 <ul class="featureList mt-3"> 1068 <li>Student Management</li> 1069 <li>Academics Management</li> 1070 <li class="">Slider Management</li> 1071 <li class="">Teacher Management</li> 1072 <li class="">Session Year Management</li> 1073 <li class="">Holiday Management</li> 1074 <li class="">Timetable Management</li> 1075 <li class="">School Gallery Management</li> 1076 <li class="">Lesson Management</li> 1077 <li class="">Assignment Management</li> 1078 <li class="">Announcement Management</li> 1079 <li class="">Attendance (Manual & QR)</li> 1080 <li class="">Reporting & Export</li> 1081 <li class="">Staff Management</li> 1082 <li class="">Leave Management</li> 1083 <li class="">Android Access</li> 1084 <li class="">IOS Access</li> 1085 <li class="">Expense Management</li> 1086 <li class="">Exam Management</li> 1087 <li class="">Payroll Management</li> 1088 <li class="">ID Card Generation</li> 1089 <li class="">Certificate Generation</li> 1090 <li class="">Mobile Push Notifications</li> 1091 <li class="">SMS Notifications <span class="included-badge">5,000 included</span></li> 1092 <li class="disabled">WhatsApp Notifications 1093 <span class="add-on blink">Add-on</span> 1094 <span class="tooltip">Unlock for ₹9,999/year</span> 1095 </li> 1096 <li class="">Live Chat Module</li> 1097 <li class="">Fees Management</li> 1098 <!--<li class="">Website Management(Sub Domain)</li>--> 1099 <li class="disabled">Website & Domain 1100 <span class="add-on blink">Add-on</span> 1101 <span class="tooltip">Unlock for ₹24,999/year</span> 1102 </li> 1103 <li class="disabled">School-Branded App (iOS & Android)</li> 1104 <li class="">Back up Management</li> 1105 <li class="">Priority support</li> 1106 </ul> 1107 1108 <a href="https://erp.kashmiredusolutions.com/" class="plan-button button--pink">Get Started</a> 1109 </div> 1110 <!--pro plan ends --> 1111 1112 <!--entp plan starts --> 1113 <div class="swiper-slide planItem planItem--entp"> 1114 <div class="inside-card"> 1115 <div class="card__header"> 1116 <h2><span class="plan-icon">👑</span> KES Enterprise <span class="white-label">(White-Label)</span></h2> 1117 </div> 1118 <br> 1119 <div class="card__label label" style="background: linear-gradient(90deg, #ea4c89 0%, #ffc600 100%);color:#07294d">Your School. Your App. Your Identity.</div> 1120 <div class="card__desc">Tailored solutions with advanced features and dedicated support.</div> 1121 </div> 1122 1123 <div class="price my-3"> 1124 <a href="contact.php" class="plan-button sales-btn">Contact Sales</a> 1125 </div> 1126 1127 <ul class="featureList"> 1128 <li>Student Management</li> 1129 <li>Academics Management</li> 1130 <li class="">Slider Management</li> 1131 <li class="">Teacher Management</li> 1132 <li class="">Session Year Management</li> 1133 <li class="">Holiday Management</li> 1134 <li class="">Timetable Management</li> 1135 <li class="">School Gallery Management</li> 1136 <li class="">Lesson Management</li> 1137 <li class="">Assignment Management</li> 1138 <li class="">Announcement Management</li> 1139 <li class="">Attendance (Manual & QR)</li> 1140 <li class="">Reporting & Export</li> 1141 <li class="">Staff Management</li> 1142 <li class="">Leave Management</li> 1143 <li class="">Android Access</li> 1144 <li class="">IOS Access</li> 1145 <li class="">Expense Management</li> 1146 <li class="">Exam Management</li> 1147 <li class="">Payroll Management</li> 1148 <li class="">ID Card Generation</li> 1149 <li class="">Certificate Generation</li> 1150 <li class="">Mobile Push Notifications</li> 1151 <li class="disabled">SMS Notifications</li> 1152 <li class="disabled">WhatsApp Notifications
1153 <span class="add-on blink">Add-on</span> 1154 <span class="tooltip">Unlock for ₹9,999/year</span> 1155 </li> 1156 <li class="">Live Chat Module</li> 1157 <li class="">Fees Management</li> 1158 <!--<li class="">Website Management(Sub Domain)</li>--> 1159 <li class=""> Website & Domain</li> 1160 <li class="">School-Branded App (iOS & Android)</li> 1161 <li class="">Back up Management</li> 1162 <li class="">Priority support</li> 1163 </ul> 1164 1165 <a href="contact.php" class="plan-button button--white">Contact Sales</a> 1166 </div> 1167 <!--entp plan ends --> 1168 </div> 1169 </div> 1170 <!-- Add pagination dots --> 1171 <div class="swiper-pagination"></div> 1172 </div> 1173</section> 1174<!-- Ends here --> 1175 1176 1177 1178<style> 1179 1180@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); 1181 1182:root { 1183 --baseColor: #656c7c; 1184 --baseSize: 16px; 1185 --baseLineHeight: 1.5; 1186 --fontFamily: Inter, sans-serif; 1187 --pink: #ea4c89; 1188 --pinkLight: #ffecf0; 1189 --blue: #1769ff; 1190 1191 --redTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%23EA455F'/%3E%3C/svg%3E%0A"); 1192 1193 --whiteTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"); 1194 1195 --close: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 1.414 16.586 0 9 7.586 1.414 0 0 1.414 7.586 9 0 16.586 1.414 18 9 10.414 16.586 18 18 16.586 10.414 9 18 1.414Z' fill='%23B1B8C9'/%3E%3C/svg%3E"); 1196 1197 --entpIcon: url("data:image/svg+xml,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.813 11.077 21 1.155l17.187 9.922v19.846L21 40.845 3.813 30.923V11.077Z' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='21' cy='21' r='8' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); 1198} 1199 1200* { 1201 box-sizing: border-box; 1202} 1203 1204html { 1205 color: var(--baseColor); 1206 font-family: var(--fontFamily); 1207 font-size: var(--baseSize); 1208 line-height: var(--baseLineHeight); 1209} 1210 1211body { 1212 margin: 0; 1213} 1214 1215.plans__container { 1216 padding: 1rem 0 2rem; 1217} 1218 1219.plans { 1220 width: 96%; 1221 max-width: 1128px; 1222 margin: 0 auto; 1223} 1224 1225/* hero starts */ 1226.plansHero { 1227 text-align: center; 1228 padding: 5rem 0 4.5rem; 1229 line-height: 1.21; 1230} 1231 1232.plansHero__title { 1233 font-weight: 700; 1234 font-size: 2rem; 1235 margin: 0 0 1rem 0; 1236 color: #000; 1237} 1238 1239.plansHero__subtitle { 1240 margin: 0; 1241} 1242/* hero ends */ 1243 1244/* plan item starts */ 1245.planItem { 1246 --border: 1px solid #e6e6e6; 1247 --bgColor: #fff; 1248 --boxShadow: none; 1249} 1250 1251.planItem__container { 1252 --direction: column; 1253 1254 display: grid; 1255 /* grid-auto-flow: var(--direction); */ 1256 grid-auto-columns: 1fr; 1257 /* gap: 1rem; */ 1258 gap: 0.5rem; 1259} 1260 1261.planItem { 1262 background-color: var(--bgColor); 1263 border: var(--border); 1264 border-radius: 1rem; 1265 box-shadow: var(--boxShadow); 1266 padding: 2rem 1.5rem; 1267 display: inline-flex; 1268 flex-direction: column; 1269} 1270 1271.price { 1272 --priceMargin: 2rem 0; 1273} 1274 1275.planItem--free .card__icon { 1276 background-image: var(--entpIcon); 1277 background-size: cover; 1278} 1279 1280.planItem--pro { 1281 --border: 1.5px solid #ffd700; 1282 --boxShadow: 0px 8px 32px rgba(234, 76, 137, 0.08); 1283 background: #fff; 1284 border: 1.5px solid #ffd700; 1285 box-shadow: 0 8px 32px 0 rgba(234,76,137,0.08); 1286 position: relative; 1287 transition: box-shadow 0.3s, border-color 0.3s; 1288} 1289.planItem--pro .label { 1290 background: #ffd700; 1291 color: #07294d; 1292 font-weight: 700; 1293 font-size: 1.05rem; 1294 border-radius: 1.2rem; 1295 box-shadow: 0 2px 8px #ffd70033; 1296 padding: 0.45rem 1.2rem; 1297 margin-bottom: 1rem; 1298 letter-spacing: 0.5px; 1299 border: none; 1300} 1301.popular .label { 1302 background: linear-gradient(90deg, #ea4c89 0%, #ffc600 100%); 1303 color: #07294d; 1304 font-weight: 700; 1305 font-size: 1.05rem; 1306 border-radius: 1.2rem; 1307 box-shadow: 0 2px 8px #ffd70033; 1308 padding: 0.45rem 1.2rem; 1309 margin-bottom: 1rem; 1310 letter-spacing: 0.5px; 1311 border: none; 1312} 1313.planItem--pro:hover { 1314 box-shadow: 0 16px 48px 0 #ffd70033; 1315 border-color: #ffc600; 1316} 1317 1318.planItem--pro .label { 1319 --labelBg: #fdb72e; 1320 --labelColor: #fff; 1321} 1322 1323.planItem--entp { 1324 /* --bgColor: var(--blue); */ 1325 --bgColor: #07294d; 1326} 1327 1328.planItem--entp .inside-card { 1329 --titleColor: #fff!important; 1330 --descColor: rgb(255 255 255 / 80%); 1331} 1332 1333.planItem--free .inside-card h2{ 1334 /* color:#ffc600; */ 1335 color:#07294d; 1336} 1337.planItem--pro .inside-card h2{ 1338 color:#07294d; 1339} 1340 1341.planItem--entp .inside-card h2{ 1342 color:#fff; 1343} 1344 1345.planItem--entp .card__icon { 1346 background-image: var(--entpIcon); 1347 background-size: cover; 1348} 1349 1350.planItem--entp .price, 1351.planItem--entp .featureList { 1352 --color: #fff; 1353} 1354 1355.planItem--entp .featureList { 1356 --icon: var(--whiteTick); 1357} 1358 1359.plan-button { 1360 margin-top: auto; 1361 text-align:Center; 1362} 1363.plan-button:hover { 1364 1365} 1366/* plan item ends */ 1367 1368/* components start */ 1369/* .button { 1370 --bgColor: var(--pinkLight); 1371 --color: var(--pink); 1372 --shadowColor: rgb(234 76 137 / 30%); 1373 --outline: var(--pink); 1374 1375 border-radius: 0.5rem; 1376 display: block; 1377 width: 100%; 1378 padding: 1rem 1.5rem; 1379 border: 0; 1380 line-height: inherit; 1381 font-family: inherit; 1382 font-size: 1rem; 1383 font-weight: 600; 1384 background-color: var(--bgColor); 1385 color: var(--color); 1386 cursor: pointer; 1387 transition: all 0.1s ease-in-out; 1388 user-select: none; 1389} */ 1390 1391.plan-button { 1392 --bgColor: #ffc600; /* Changed from var(--pinkLight) to #ffc600 */ 1393 /* --color: var(--pink); */ 1394 --color: #07294d; 1395 /* --shadowColor: rgb(234 76 137 / 30%); Keep this as is, since it wasn't specified to change */
1396 --shadowColor: rgba(0, 0, 0, 0.2); 1397 --outline: var(--pink); 1398 1399 border-radius: 0.5rem; 1400 display: block; 1401 width: 100%; 1402 padding: 1rem 1.5rem; 1403 border: 0; 1404 line-height: inherit; 1405 font-family: inherit; 1406 font-size: 1rem; 1407 font-weight: 600; 1408 background-color: var(--bgColor); 1409 color: var(--color); 1410 cursor: pointer; 1411 transition: all 0.1s ease-in-out; 1412 user-select: none; 1413} 1414 1415.sales-btn{ 1416 padding: 1rem 1.5rem; 1417 text-align:center; 1418} 1419 1420.sales-btn:hover{ 1421 color:#fff; 1422} 1423 1424.button--pink { 1425 /* --bgColor: var(--pink); */ 1426 --bgColor:#07294d; 1427 --color: #fff; 1428 /* --shadowColor: rgb(234 76 137 / 50%); */ 1429 --shadowColor: rgba(0, 0, 0, 0.3); 1430} 1431 1432.button--white { 1433 --bgColor: #fff; 1434 /* --shadowColor: rgb(255 255 255 / 30%); */ 1435 --shadowColor: rgba(0, 0, 0, 0.1); 1436 --outline: #fff; 1437 text-align:center; 1438} 1439 1440.plan-button:hover { 1441 transform: translateY(-2px); 1442 /* box-shadow: 0px 6px 10px var(--shadowColor); */ 1443 box-shadow: 0px 6px 15px var(--shadowColor); 1444} 1445 1446.button:focus-visible { 1447 outline-offset: 2px; 1448 outline: 2px solid var(--outline); 1449} 1450 1451.inside-card { 1452 --titleColor: #000; 1453 --descColor: var(--baseColor); 1454} 1455 1456.card__header { 1457 display: flex; 1458 /* gap: 1rem; */ 1459 align-items: center; 1460} 1461 1462.card__icon { 1463 width: 2.625rem; 1464 height: 2.625rem; 1465} 1466 1467.card h2 { 1468 color: var(--titleColor); 1469 font-size: 1.5rem; 1470 line-height: 1.2; 1471 font-weight: 400; 1472 margin: 0; 1473 flex-grow: 1; 1474} 1475 1476.card__desc { 1477 margin: 1.5rem 0 0; 1478 color: var(--descColor); 1479 min-height:68px; 1480} 1481 1482.label { 1483 --labelColor: var(--baseColor); 1484 --labelBg: #e5e5e5; 1485 1486 font-weight: 600; 1487 line-height: 1.25; 1488 font-size: 1rem; 1489 text-align: center; 1490 padding: 0.625rem 1.125rem; 1491 border-radius: 2rem; 1492 user-select: none; 1493 background-color: var(--labelBg); 1494 color: var(--labelColor); 1495} 1496 1497.price { 1498 --color: #000; 1499 --priceMargin: 0; 1500 1501 display: flex; 1502 color: var(--color); 1503 align-items: center; 1504 gap: 0.5625rem; 1505 font-weight: 600; 1506 font-size: 2rem; 1507 margin: var(--priceMargin); 1508} 1509 1510.price span { 1511 font-size: 1.1rem; 1512 font-weight: 600; 1513 color: #07294d; 1514} 1515 1516.plan-price, 1517.plan-price-original { 1518 color: #07294d; 1519 font-size: 1.5rem; 1520 font-weight: 700; 1521 margin-right: 0.5rem; 1522} 1523 1524.plan-price-original { 1525 color: #667085; 1526 font-size: 1.2rem; 1527 text-decoration: line-through; 1528} 1529 1530.session-offer-banner { 1531 display: inline-flex; 1532 align-items: center; 1533 gap: 0.6rem; 1534 flex-wrap: wrap; 1535 background: linear-gradient(90deg, #ea4c89 0%, #ffc600 100%); 1536 color: #07294d; 1537 font-weight: 700; 1538 line-height: 1.2; 1539 margin: 0.25rem 0 0.75rem; 1540 padding: 0.45rem 1rem; 1541 border-radius: 999px; 1542 box-shadow: 0 8px 22px rgba(234, 76, 137, 0.14); 1543 animation: session-offer-pulse 1.8s ease-in-out infinite; 1544} 1545 1546.session-offer-banner strong { 1547 color: #fff; 1548 font-size: 1.25rem; 1549} 1550 1551.session-offer-label, 1552.session-offer-note { 1553 font-size: 0.9rem; 1554} 1555 1556.session-offer-note { 1557 background: rgba(255, 255, 255, 0.82); 1558 border-radius: 999px; 1559 padding: 0.2rem 0.55rem; 1560} 1561 1562.included-badge { 1563 background: #ffecf0; 1564 border-radius: 999px; 1565 color: #07294d; 1566 font-size: 0.75rem; 1567 font-weight: 700; 1568 padding: 0.15rem 0.45rem; 1569} 1570 1571@keyframes session-offer-pulse { 1572 0%, 1573 100% { 1574 box-shadow: 0 8px 22px rgba(234, 76, 137, 0.14); 1575 filter: brightness(1); 1576 transform: translateY(0); 1577 } 1578 1579 50% { 1580 box-shadow: 0 10px 28px rgba(255, 198, 0, 0.34), 0 0 16px rgba(234, 76, 137, 0.22); 1581 filter: brightness(1.08); 1582 transform: translateY(-1px); 1583 } 1584} 1585 1586@media (prefers-reduced-motion: reduce) { 1587 .session-offer-banner { 1588 animation: none; 1589 } 1590} 1591 1592.featureList { 1593 --color: #000; 1594 --icon: var(--redTick); 1595 --height: 0.875rem; 1596 1597 margin: 0 0 2.75rem; 1598 padding: 0; 1599 font-weight: 500; 1600} 1601 1602.featureList li { 1603 color: var(--color); 1604 margin-bottom: 2rem; 1605 display: flex; 1606 align-items: center; 1607 gap: 1rem; 1608} 1609 1610.featureList li:before { 1611 content: ""; 1612 background-image: var(--icon); 1613 background-size: cover; 1614 display: block; 1615 width: 1.125rem; 1616 height: var(--height); 1617} 1618 1619.featureList li:last-child { 1620 margin-bottom: 0; 1621} 1622 1623.featureList li.disabled { 1624 --color: #b1b8c9; 1625 --height: 1.125rem; 1626} 1627 1628.featureList li.disabled:before { 1629 background-image: var(--close); 1630} 1631 1632/* media queries */ 1633@media (min-width: 1024px) { 1634 .plansHero { 1635 padding: 5rem 0 4.5rem; 1636 } 1637 1638 .planItem__container { 1639 grid-template-columns: repeat(3, 1fr); 1640 } 1641 1642 1643 .plansHero__title { 1644 font-size: 3rem; 1645 } 1646 1647 .price { 1648 font-size: 2.5rem; 1649 } 1650 1651 .featureList { 1652 font-size: 1rem; 1653 } 1654} 1655 1656@media (max-width: 768px) { 1657 .planItem__container { 1658 display: flex !important; 1659 flex-direction: row !important; 1660 width: 100vw; 1661 overflow-x: auto; 1662 gap: 0; 1663 box-sizing: border-box; 1664 scroll-snap-type: x mandatory; 1665 -webkit-overflow-scrolling: touch; 1666 visibility: visible !important; 1667 } 1668 .planItem { 1669 width: 100vw; 1670 min-width: 100vw; 1671 max-width: 100vw; 1672 box-sizing: border-box; 1673 padding: 2rem 1rem !important; 1674 margin: 0 !important; 1675 border-radius: 1rem; 1676 background-color: var(--bgColor); 1677 border: var(--border); 1678 box-shadow: var(--boxShadow); 1679 display: flex; 1680 flex-direction: column; 1681 scroll-snap-align: start; 1682 visibility: visible !important; 1683 } 1684 body { 1685 overflow-x: hidden; 1686 } 1687 1688} 1689 1690 1691/* Add these to your existing CSS */ 1692/* Add-on Tag Styling */ 1693.add-on { 1694 background: #ffc600; 1695 color: #07294d; 1696 font-size: 0.75rem; 1697 padding: 0.15rem 0.5rem; 1698 border-radius: 1rem; 1699 margin-left: 0.5rem; 1700 font-weight: 600; 1701 display: inline-block; 1702} 1703 1704/* Tooltip Styling */ 1705.tooltip { 1706 visibility: hidden; 1707 position: absolute; 1708 background: #07294d; 1709 color: white; 1710 padding: 0.5rem 1rem; 1711 border-radius: 0.5rem; 1712 font-size: 0.875rem; 1713 transform: translateX(-50%); 1714 left: 50%; 1715 bottom: 100%; 1716 opacity: 0; 1717 transition: all 0.2s; 1718 width: max-content; 1719 max-width: 200px; 1720 z-index: 10; 1721} 1722 1723.disabled { 1724 position: relative; 1725} 1726 1727.disabled:hover .tooltip { 1728 visibility: visible; 1729 opacity: 1; 1730} 1731 1732/* Blinking Animation */ 1733@keyframes blink { 1734 0%, 100% { opacity: 1; } 1735 50% { opacity: 0.3; } 1736} 1737 1738.blink { 1739 animation: blink 1.5s 50; /* Blinks 3 times */ 1740} 1741 1742 1743/* Swiper */ 1744/* Swiper Slider Styles */ 1745.pricingSwiper { 1746 /* visibility: hidden; Hidden by default */ 1747 padding-bottom: 40px; /* Space for pagination */ 1748} 1749 1750.pricingSwiper.visible { 1751 visibility: visible; /* Make it visible for mobile/tablet */ 1752} 1753 1754.swiper-slide { 1755 height: auto;
1755 /* Ensure all slides match height */ 1756 1757} 1758 1759/* Pagination */ 1760 1761.swiper-pagination { 1762 position: absolute; 1763 bottom: 10px; /* or adjust as needed */ 1764 width: 100%; 1765 display: flex; 1766 justify-content: center; 1767 align-items: center; 1768 z-index: 10; 1769} 1770 1771.swiper-pagination-bullet { 1772 width: 10px; 1773 height: 10px; 1774 background-color: #ccc; 1775 opacity: 1; 1776 margin: 0 6px; 1777 border-radius: 50%; 1778 transition: all 0.3s ease; 1779} 1780 1781.swiper-pagination-bullet-active { 1782 background-color: #07294d !important; 1783 transform: scale(1.2); 1784} 1785 1786 1787/* Mobile/Tablet: Show slider, hide grid */ 1788@media (max-width: 1023px) { 1789 .pricingSwiper.visible { 1790 visibility: visible; 1791 } 1792 .planItem__container { 1793 display: flex !important; /* Override your grid */ 1794 flex-direction: row; /* Swiper handles layout */ 1795 } 1796 .planItem { 1797 width: 100%; /* Full slide width */ 1798 padding: 2rem 1.5rem !important; /* Reset padding */ 1799 } 1800} 1801 1802/* Desktop: Show grid, hide slider */ 1803@media (min-width: 1024px) { 1804 .pricingSwiper { 1805 /* visibility: hidden; */ 1806 } 1807 .planItem__container { 1808 display: grid !important; 1809 } 1810} 1811 1812 1813 1814</style> 1815 1816<style> 1817.plan-icon { 1818 font-size: 1.5rem; 1819 margin-right: 0.4rem; 1820 vertical-align: middle; 1821} 1822.white-label { 1823 font-size: 0.9rem; 1824 color: #ffc600; 1825 font-weight: 600; 1826 margin-left: 0.2rem; 1827} 1828.plan-tagline { 1829 font-size: 1rem; 1830 color: #656c7c; 1831 font-weight: 500; 1832 margin-bottom: 0.7rem; 1833 text-align: center; 1834 /* margin-top: -0.5rem; */ 1835 letter-spacing: 0.2px; 1836} 1837.planItem--entp .plan-tagline { 1838 color: #fff; 1839 text-shadow: 0 2px 8px #07294d44; 1840} 1841</style> 1842
1843<script> 1844 // Add this if you want add-on tags to be clickable 1845// document.querySelectorAll('.add-on').forEach(tag => { 1846// tag.addEventListener('click', (e) => { 1847// e.stopPropagation(); 1848// // Replace with your upgrade flow 1849// alert("Redirect to upgrade page or show modal"); 1850// }); 1851// }); 1852</script>
1852 1853
1854<script> 1855 // Initialize Swiper 1856 // const swiper = new Swiper('.pricingSwiper', { 1857 // slidesPerView: 1, 1858 // spaceBetween: 20, 1859 // pagination: { 1860 // el: '.swiper-pagination', 1861 // clickable: true, 1862 // }, 1863 // breakpoints: { 1864 // // Tablet: show 2 slides 1865 // 768: { 1866 // slidesPerView: 1.5, 1867 // centeredSlides: true, 1868 // } 1869 // } 1870 // }); 1871 1872 const swiper = new Swiper('.pricingSwiper', { 1873 slidesPerView: 1, 1874 spaceBetween: 20, 1875 pagination: { 1876 el: '.swiper-pagination', 1877 clickable: true, 1878 }, 1879 breakpoints: { 1880 768: { 1881 slidesPerView: 1.5, 1882 centeredSlides: true, 1883 }, 1884 1024: { 1885 slidesPerView: 3, 1886 centeredSlides: false, 1887 spaceBetween: 0 1888 } 1889 } 1890}); 1891 1892 1893 1894 // Optional: Auto-height for slides 1895 swiper.on('slideChange', function () { 1896 // swiper.updateAutoHeight(); 1897 }); 1898</script>
1898 1899<section class="app-download-section"> 1900 <div class="container"> 1901 <h2>Download Our Mobile Apps!</h2> 1902 <p>Our mobile app is now available on Google Play and will be available soon on the App Store. Enjoy the best mobile experience!</p> 1903 1904 <div class="store-buttons"> 1905 <!-- Android Button --> 1906 <a href="javascript:void(0);" class="store-button" onclick="showAndroidPopup()"> 1907 <img src="images/apps/google-play.png" alt="Download on Google Play"> 1908 </a> 1909 1910 <!-- iOS Button --> 1911 <a href="javascript:void(0);" class="store-button" onclick="showDevelopmentPopup()"> 1912 <img src="images/apps/ios-app-store.png" alt="Download on the App Store"> 1913 </a> 1914 </div> 1915 1916 <!-- iOS Popup --> 1917 <div id="popup" class="popup"> 1918 <div class="popup-content"> 1919 <span class="close-btn" onclick="closePopup()">×</span> 1920 <p>Select an app to download:</p> 1921 <a href="https://apps.apple.com/us/app/kes-student/id6744438613" target="_blank" class="popup-link">Student/Parent App</a> 1922 <!-- <p>Our iOS apps are currently in development and will be released soon. Stay tuned!</p> --> 1923 </div> 1924 </div> 1925 1926 <!-- Android Popup --> 1927 <div id="androidPopup" class="popup"> 1928 <div class="popup-content"> 1929 <span class="close-btn" onclick="closeAndroidPopup()">×</span> 1930 <p>Select an app to download:</p> 1931 <a href="https://play.google.com/store/apps/details?id=com.kes.student" target="_blank" class="popup-link">Student/Parent App</a> 1932 <a href="https://play.google.com/store/apps/details?id=com.kes.teacher" target="_blank" class="popup-link">Teacher/Admin App</a> 1933 </div> 1934 </div> 1935 </div> 1936</section> 1937 1938 1939<style> 1940 .app-download-section { 1941 background-color: #f5f5f5; 1942 padding: 40px 20px; 1943 text-align: center; 1944 border-top: 1px solid #ddd; 1945} 1946 1947.app-download-section h2 { 1948 font-size: 24px; 1949 margin-bottom: 10px; 1950} 1951 1952.app-download-section p { 1953 font-size: 16px; 1954 margin-bottom: 20px; 1955} 1956 1957.store-buttons { 1958 display: flex; 1959 justify-content: center; 1960 gap: 15px; 1961 flex-wrap: wrap; 1962} 1963 1964.store-button img { 1965 height: 50px; 1966 width: auto; 1967 transition: transform 0.3s ease; 1968} 1969 1970.store-button img:hover { 1971 transform: scale(1.05); 1972} 1973 1974/* Popup styling */ 1975.popup { 1976 display: none; 1977 position: fixed; 1978 z-index: 1000; 1979 left: 0; 1980 top: 0; 1981 width: 100%; 1982 height: 100%; 1983 background-color: rgba(0, 0, 0, 0.5); 1984 justify-content: center; 1985 align-items: center; 1986} 1987 1988.popup-content { 1989 background-color: white; 1990 padding: 20px; 1991 border-radius: 8px; 1992 text-align: center; 1993 max-width: 400px; 1994 width: 80%; 1995} 1996 1997.close-btn { 1998 position: absolute; 1999 right: 15px; 2000 top: 10px; 2001 font-size: 24px; /* Increase the size */ 2002 color: #333; /* Darker color */ 2003 font-weight: bold; /* Make it bold */ 2004 cursor: pointer; 2005 transition: color 0.3s ease; 2006} 2007 2008.close-btn:hover { 2009 color: #ff0000; /* Change color on hover */ 2010} 2011 2012 2013.popup-link { 2014 display: block; 2015 background-color: #07294d; 2016 color: #fff; 2017 text-decoration: none; 2018 padding: 10px 15px; 2019 margin: 10px auto; 2020 border-radius: 6px; 2021 width: fit-content; 2022 transition: background 0.3s ease; 2023} 2024 2025.popup-link:hover { 2026 background-color: #fdb72e;; 2027} 2028 2029 2030/* Responsive adjustments */ 2031@media (max-width: 600px) { 2032 .app-download-section h2 { 2033 font-size: 20px; 2034 } 2035 2036 .store-buttons { 2037 gap: 10px; 2038 } 2039 2040 .store-button img { 2041 height: 40px; 2042 } 2043} 2044 2045 2046</style> 2047 2048
2049<script> 2050// function showDevelopmentPopup() { 2051// document.getElementById("popup").style.display = "flex"; 2052// } 2053 2054// function closePopup() { 2055// document.getElementById("popup").style.display = "none"; 2056// } 2057 2058 2059function showDevelopmentPopup() { 2060 document.getElementById("popup").style.display = "flex"; 2061} 2062 2063function closePopup() { 2064 document.getElementById("popup").style.display = "none"; 2065} 2066 2067function showAndroidPopup() { 2068 document.getElementById("androidPopup").style.display = "flex"; 2069} 2070 2071function closeAndroidPopup() { 2072 document.getElementById("androidPopup").style.display = "none"; 2073} 2074 2075// Close popup when clicking outside content 2076document.addEventListener('DOMContentLoaded', function() { 2077 // iOS popup 2078 var popup = document.getElementById('popup'); 2079 if (popup) { 2080 popup.addEventListener('click', function(e) { 2081 if (e.target === popup) closePopup(); 2082 }); 2083 } 2084 // Android popup 2085 var androidPopup = document.getElementById('androidPopup'); 2086 if (androidPopup) { 2087 androidPopup.addEventListener('click', function(e) { 2088 if (e.target === androidPopup) closeAndroidPopup(); 2089 }); 2090 } 2091}); 2092 2093</script>
2093 2094 2095 2096<!--====== FOOTER PART START ======--> 2097 2098<footer id="footer-part"> 2099 <div class="footer-top pt-40 pb-70"> 2100 <div class="container"> 2101 <div class="row"> 2102 <div class="col-lg-4 col-md-6"> 2103 <div class="footer-about mt-40"> 2104 <div class="logo"> 2105 <a href="#"><img src="images/logo-2.png" alt="Logo"></a> 2106 </div> 2107 <p>With Kashmir Edu Solution, managing your school has never been easier. Our all-in-one system automates administrative tasks, streamlines communication, and supports academic excellence.</p> 2108 <ul class="mt-20"> 2109 <li><a target="_blank" href="https://www.facebook.com/profile.php?id=61566550521856"><i class="fa fa-facebook-f"></i></a></li> 2110 <li><a target="_blank" href="https://www.facebook.com/profile.php?id=61566550521856"><i class="fa fa-instagram"></i></a></li> 2111 <li><a target="_blank" href="https://www.linkedin.com/company/tech-kashmir/"><i class="fa fa-linkedin"></i></a></li> 2112 <!-- <li><a href="#"><i class="fa fa-x"></i></a></li> --> 2113 </ul> 2114 </div> <!-- footer about --> 2115 </div> 2116 <div class="col-lg-3 col-md-6 col-sm-6"> 2117 <div class="footer-link mt-40"> 2118 <div class="footer-title pb-25"> 2119 <h6>Quick Links</h6> 2120 </div> 2121 <ul> 2122 <li><a href="/"><i class="fa fa-angle-right"></i>Home</a></li> 2123 <li><a href="about.php"><i class="fa fa-angle-right"></i>About us</a></li> 2124 <li><a href="plans-pricing.php"><i class="fa fa-angle-right"></i>Plans & Pricing</a></li> 2125 <!-- <li><a href="blog.php"><i class="fa fa-angle-right"></i>Blogs</a></li> --> 2126 2127 <li><a href="community.php"><i class="fa fa-angle-right"></i>Community</a></li> 2128 <li><a href="contact.php"><i class="fa fa-angle-right"></i>Contact</a></li> 2129 </ul> 2130 <!-- <ul> 2131 <li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li> 2132 <li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li> 2133 <li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li> 2134 <li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li> 2135 <li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li> 2136 </ul> --> 2137 </div> <!-- footer link --> 2138 </div> 2139 <div class="col-lg-2 col-md-6 col-sm-6"> 2140 <div class="footer-link support mt-40"> 2141 <div class="footer-title pb-25"> 2142 <h6>Support</h6> 2143 </div> 2144 <ul> 2145 <!-- <li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li> --> 2146 <li><a href="terms-conditions.php"><i class="fa fa-angle-right"></i>Terms & Conditions</a></li> 2147 <li><a href="privacy-policy.php"><i class="fa fa-angle-right"></i>Privacy Policy</a></li> 2148 <li><a href="cancellation-refunds.php"><i class="fa fa-angle-right"></i>Cancellation & Refunds</a></li> 2149 <li><a href="contact.php"><i class="fa fa-angle-right"></i>Support</a></li> 2150 <!-- <li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li> --> 2151 </ul> 2152 </div>
2152 <!-- support --> 2153 </div> 2154 <div class="col-lg-3 col-md-6"> 2155 <div class="footer-address mt-40"> 2156 <div class="footer-title pb-25"> 2157 <h6>Contact Us</h6> 2158 </div> 2159 <ul> 2160 <li> 2161 <div class="icon"> 2162 <i class="fa fa-home"></i> 2163 </div> 2164 <div class="cont"> 2165 <p>K.P Road Nai Basti Near KIE Coaching Centre Anantnag 192101 J&K India.</p> 2166 </div> 2167 </li> 2168 <li> 2169 <div class="icon"> 2170 <i class="fa fa-phone"></i> 2171 </div> 2172 <div class="cont"> 2173 <p><a style="color:#fff;" href="tel:+9469767201">9469767201</a></p> 2174 </div> 2175 </li> 2176 <li> 2177 <div class="icon"> 2178 <i class="fa fa-envelope-o"></i> 2179 </div> 2180 <div class="cont"> 2181 <p>[email protected]</p> 2182 </div> 2183 </li> 2184 </ul> 2185 </div> <!-- footer address --> 2186 </div> 2187 </div> <!-- row --> 2188 </div> <!-- container --> 2189 </div> <!-- footer top --> 2190 2191 <div class="footer-copyright pt-10 pb-25"> 2192 <div class="container"> 2193 <div class="row"> 2194 <div class="col-md-8"> 2195 <div class="copyright text-md-left text-center pt-15"> 2196 <p><a style="color:#fff;"target="_blank" href="https://www.techkashmir.in">Powered By <span class="powered-by-tk">Tech Kashmir</span></a> </p> 2197 </footer> 2198 2199 <style> 2200 .powered-by-tk { 2201 background: #ffd700; 2202 color: #07294d !important; 2203 font-weight: 700; 2204 padding: 0.18em 0.7em; 2205 border-radius: 1em; 2206 font-size: 1.02em; 2207 letter-spacing: 0.5px; 2208 box-shadow: 0 2px 8px #ffd70022; 2209 transition: background 0.2s, color 0.2s; 2210 } 2211 .powered-by-tk:hover { 2212 background: #ffc600; 2213 color: #fff !important; 2214 } 2215 </style> 2216 </div> 2217 </div> 2218 <div class="col-md-4"> 2219 <div class="copyright text-md-right text-center pt-15"> 2220 2221 </div> 2222 </div> 2223 </div> <!-- row --> 2224 </div> <!-- container --> 2225 </div> <!-- footer copyright --> 2226 </footer> 2227 2228 <!--====== FOOTER PART ENDS ======--> 2229 2230 <!--====== BACK TO TP PART START ======--> 2231 2232 <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a> 2233 2234 <!--====== BACK TO TP PART ENDS ======--> 2235 2236 2237 2238 2239 2240 2241 2242 2243 <!--====== jquery js ======--> 2244
2244<script src="js/vendor/modernizr-3.6.0.min.js"></script>
2244 2245
2245<script src="js/vendor/jquery-1.12.4.min.js"></script>
2245 2246 2247 <!--====== Bootstrap js ======--> 2248
2248<script src="js/bootstrap.min.js"></script>
2248 2249 2250 <!--====== Slick js ======--> 2251
2251<script src="js/slick.min.js"></script>
2251 2252 2253 <!--====== Magnific Popup js ======--> 2254
2254<script src="js/jquery.magnific-popup.min.js"></script>
2254 2255 2256 <!--====== Counter Up js ======--> 2257
2257<script src="js/waypoints.min.js"></script>
2257 2258
2258<script src="js/jquery.counterup.min.js"></script>
2258 2259 2260 <!--====== Nice Select js ======--> 2261
2261<script src="js/jquery.nice-select.min.js"></script>
2261 2262 2263 <!--====== Nice Number js ======--> 2264
2264<script src="js/jquery.nice-number.min.js"></script>
2264 2265 2266 <!--====== Count Down js ======--> 2267
2267<script src="js/jquery.countdown.min.js"></script>
2267 2268 2269 <!--====== Validator js ======--> 2270
2270<script src="js/validator.min.js"></script>
2270 2271 2272 <!--====== Ajax Contact js ======--> 2273
2273<script src="js/ajax-contact.js"></script>
2273 2274 2275 <!--====== Main js ======--> 2276
2276<script src="js/main.js"></script>
2276 2277 2278 <!--====== Map js ======--> 2279
2279<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
2279 2280
2280<script src="js/map-script.js"></script>
2280 2281 2282 2283 <!-- Add these before your </body> tag --> 2284<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
2285<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2285 --> 2286 2287</body> 2288</html> 2289
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.