1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 7 <meta name="description" content="Riviera International Academy" /> 8 <meta name="keywords" content="Riviera International Academy Riviera International Academy is an educational institution where an optimal and safe learning environment exists for children. Riviera is the school you are looking for where the children take intellectual adventures, where they take a chance to stretch their mind, where academics include books and much more, where they make friends that last a lifetime, where learning happens all the time and where learning is fun. " /> 9 <title>Riviera</title> 10 11 <!-- Favicon --> 12 <link rel="icon" type="image/png" href="https://riviera.edu.np/assets/images/small-logo.jpg"> 13 14 <!-- Tailwind CSS --> 15
15<script src="https://cdn.tailwindcss.com"></script>
15 16 17 <!-- FontAwesome for Icons --> 18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> 19 20 <!-- Google Fonts --> 21 <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet"> 22 23 <!-- Custom CSS --> 24 <style> 25 @keyframes hoverAnimation { 26 from { 27 transform: translateY(0); 28 } 29 to { 30 transform: translateY(-10px); 31 } 32 } 33 .hover-card:hover { 34 animation: hoverAnimation 0.3s forwards; 35 } 36 .hover-notice:hover { 37 transform: scale(1.05); 38 transition: transform 0.3s ease-in-out; 39 } 40 </style> 41</head> 42<body class="bg-gray-100 text-gray-900 font-inter overflow-x-hidden"> 43 <nav id="upper-nav" class="bg-white shadow-md py-2 hidden lg:block transition-all duration-300"> 44 <div class="container mx-auto px-4 py-1 flex justify-between items-center"> 45 <div class="flex items-center space-x-4"> 46 <img src="https://riviera.edu.np/assets/images/big-logo.jpg" alt="Main Logo" class="h-8 lg:h-10 transition-all duration-300"> 47 </div> 48 <div class="flex items-center space-x-4"> 49 <a href="https://riviera.edu.np/apply-now" class="text-gray-700 hover:text-gray-900 text-sm px-3 py-2 bg-[#97C33C] rounded-md border-none font-medium transition-colors duration-300">APPLY NOW</a> 50 </div> 51 </div> 52</nav> 53<!-- Navbar --> 54<nav class="lg:bg-[#00175D] bg-white shadow-md z-10 sticky top-0"> 55 <div class="container mx-auto flex justify-between lg:justify-center items-center"> 56 57 <a href="https://riviera.edu.np/home" class=" text-xl font-bold flex-shrink-0" style="margin-right: 50px"> 58 <img src="https://riviera.edu.np/assets/images/small-logo.jpg" alt="Riviera" id="lower-logo" 59 class=" h-10 lg:h-14 transition-all duration-300 md:border-4 md:border-white"> 60 </a> 61 <ul class="hidden lg:flex space-x-6 items-center p-7 text-white"> 62 <!-- Home Icon Link --> 63 <li class="relative group"> 64 <a href="#" 65 class="hover:text-blue-600 parent-link"> 66 About Us 67 <svg class="w-3 h-3 inline-block ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 68 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 69 </svg> 70 </a> 71 <ul class="absolute left-0 top-full bg-[#41448B] shadow-md w-48 hidden group-hover:block"> 72 <li class="relative group/sub"> 73 <a href="https://riviera.edu.np/page/72" 74 class="block px-4 py-2 hover:bg-gray-500" 75 target="_self"> 76 Vision & Mission 77 </a> 78 </li> 79 <li class="relative group/sub"> 80 <a href="https://riviera.edu.np/page/74" 81 class="block px-4 py-2 hover:bg-gray-500" 82 target="_self"> 83 Network & Expectation 84 </a> 85 </li> 86 <li class="relative group/sub"> 87 <a href="https://riviera.edu.np/page/75" 88 class="block px-4 py-2 hover:bg-gray-500" 89 target="_self"> 90 Educational Setting 91 </a> 92 </li> 93 <li class="relative group/sub"> 94 <a href="https://riviera.edu.np/page/76" 95 class="block px-4 py-2 hover:bg-gray-500" 96 target="_self"> 97 Our Achievement 98 </a> 99 </li> 100 <li class="relative group/sub"> 101 <a href="https://riviera.edu.np/page/77" 102 class="block px-4 py-2 hover:bg-gray-500" 103 target="_self"> 104 From the Desk of the Principal 105 </a> 106 </li> 107 <li class="relative group/sub"> 108 <a href="https://riviera.edu.np/team-members" 109 class="block px-4 py-2 hover:bg-gray-500" 110 target="_self"> 111 Our Team 112 </a> 113 </li> 114 </ul> 115 </li> 116 <li class="relative group"> 117 <a href="#" 118 class="hover:text-blue-600 parent-link"> 119 Academics 120 <svg class="w-3 h-3 inline-block ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 121 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 122 </svg> 123 </a> 124 <ul class="absolute left-0 top-full bg-[#41448B] shadow-md w-48 hidden group-hover:block"> 125 <li class="relative group/sub"> 126 <a href="https://riviera.edu.np/page/63" 127 class="block px-4 py-2 hover:bg-gray-500" 128 target="_self"> 129 Riviera Plus 2 130 </a> 131 </li> 132 <li class="relative group/sub"> 133 <a href="https://riviera.edu.np/page/62" 134 class="block px-4 py-2 hover:bg-gray-500" 135 target="_self"> 136 Riviera Secondary School 137 </a> 138 </li> 139 <li class="relative group/sub"> 140 <a href="https://riviera.edu.np/page/61" 141 class="block px-4 py-2 hover:bg-gray-500" 142 target="_self"> 143 Riviera BaSE (Basic School Education) 144 </a> 145 </li> 146 <li class="relative group/sub"> 147 <a href="https://riviera.edu.np/page/60" 148 class="block px-4 py-2 hover:bg-gray-500" 149 target="_self"> 150 Riviera Kindergarten 151 </a> 152 </li> 153 </ul> 154 </li> 155 <li class="relative group"> 156 <a href="https://riviera.edu.np/school-calendar" 157 class="hover:text-blue-600 parent-link">
158 School Calendar 159 </a> 160 </li> 161 <li class="relative group"> 162 <a href="https://riviera.edu.np/page/65" 163 class="hover:text-blue-600 parent-link"> 164 Glimpses 165 </a> 166 </li> 167 <li class="relative group"> 168 <a href="https://riviera.edu.np/downloads" 169 class="hover:text-blue-600 parent-link"> 170 Downloads 171 </a> 172 </li> 173 <li class="relative group"> 174 <a href="#" 175 class="hover:text-blue-600 parent-link"> 176 Gallery 177 <svg class="w-3 h-3 inline-block ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 178 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 179 </svg> 180 </a> 181 <ul class="absolute left-0 top-full bg-[#41448B] shadow-md w-48 hidden group-hover:block"> 182 <li class="relative group/sub"> 183 <a href="https://riviera.edu.np/gallery" 184 class="block px-4 py-2 hover:bg-gray-500" 185 target="_self"> 186 Image Gallery 187 </a> 188 </li> 189 <li class="relative group/sub"> 190 <a href="https://riviera.edu.np/video-gallery" 191 class="block px-4 py-2 hover:bg-gray-500" 192 target="_self"> 193 Video Gallery 194 </a> 195 </li> 196 </ul> 197 </li> 198 <li class="relative group"> 199 <a href="https://riviera.edu.np/latestnews-board" 200 class="hover:text-blue-600 parent-link"> 201 News 202 </a> 203 </li> 204 <li class="relative group"> 205 <a href="#" 206 class="hover:text-blue-600 parent-link"> 207 Publications 208 <svg class="w-3 h-3 inline-block ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 209 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 210 </svg> 211 </a> 212 <ul class="absolute left-0 top-full bg-[#41448B] shadow-md w-48 hidden group-hover:block"> 213 <li class="relative group/sub"> 214 <a href="https://riviera.edu.np/magazine-board" 215 class="block px-4 py-2 hover:bg-gray-500" 216 target="_self"> 217 Magazines 218 </a> 219 </li> 220 <li class="relative group/sub"> 221 <a href="https://riviera.edu.np/newsletter-board" 222 class="block px-4 py-2 hover:bg-gray-500" 223 target="_self"> 224 Newsletter 225 </a> 226 </li> 227 <li class="relative group/sub"> 228 <a href="https://riviera.edu.np/student-article-board" 229 class="block px-4 py-2 hover:bg-gray-500" 230 target="_self"> 231 Student's Article 232 </a> 233 </li> 234 <li class="relative group/sub"> 235 <a href="https://riviera.edu.np/prospectus/front" 236 class="block px-4 py-2 hover:bg-gray-500" 237 target="_self"> 238 Prospectus 239 </a> 240 </li> 241 </ul> 242 </li> 243 <li class="relative group"> 244 <a href="https://riviera.edu.np/page/86" 245 class="hover:text-blue-600 parent-link"> 246 Alumni 247 </a> 248 </li> 249 <li class="relative group"> 250 <a href="https://riviera.edu.np/contact-us" 251 class="hover:text-blue-600 parent-link"> 252 Contact Us 253 </a> 254 </li> 255 </ul> 256 257 258 <!-- Hamburger Icon --> 259 <button id="hamburger-icon" class="lg:hidden text-black focus:outline-none"> 260 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 261 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 262 </svg> 263 </button> 264 </div> 265</nav> 266 267<!-- Mobile Navigation Menu --> 268<div id="mobile-nav" class="lg:hidden bg-white shadow-md hidden"> 269 <ul class="py-4"> 270 <!-- Mobile Home Link --> 271 <li> 272 <a href="https://riviera.edu.np/home" class="block py-2 px-4 hover:bg-gray-100"> 273 <svg class="w-5 h-5 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 274 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path> 275 </svg> 276 Home 277 </a> 278 </li> 279 <li class="relative"> 280 <button class="mobile-dropdown-toggle w-full text-left py-2 px-4 hover:bg-gray-100 flex justify-between items-center"> 281 About Us 282 <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 283 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 284 </svg> 285 </button> 286 <ul class="bg-gray-50 hidden py-2"> 287 <li> 288 <a href="https://riviera.edu.np/page/72" 289 class="block py-2 px-8 hover:bg-gray-100" 290 target="_self"> 291 Vision & Mission 292 </a> 293 </li> 294 <li> 295 <a href="https://riviera.edu.np/page/74" 296 class="block py-2 px-8 hover:bg-gray-100" 297 target="_self"> 298 Network & Expectation 299 </a> 300 </li> 301 <li> 302 <a href="https://riviera.edu.np/page/75" 303 class="block py-2 px-8 hover:bg-gray-100" 304 target="_self"> 305 Educational Setting 306 </a> 307 </li> 308 <li> 309 <a href="https://riviera.edu.np/page/76" 310 class="block py-2 px-8 hover:bg-gray-100" 311 target="_self"> 312 Our Achievement 313 </a> 314 </li> 315 <li> 316 <a href="https://riviera.edu.np/page/77" 317 class="block py-2 px-8 hover:bg-gray-100" 318 target="_self"> 319 From the Desk of the Principal 320 </a> 321 </li> 322 <li> 323 <a href="https://riviera.edu.np/team-members" 324 class="block py-2 px-8 hover:bg-gray-100" 325 target="_self"> 326 Our Team 327 </a> 328 </li> 329 </ul> 330 </li> 331 <li class="relative"> 332 <button class="mobile-dropdown-toggle w-full text-left py-2 px-4 hover:bg-gray-100 flex justify-between items-center"> 333 Academics 334 <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 335 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 336 </svg> 337 </button> 338 <ul class="bg-gray-50 hidden py-2"> 339 <li> 340 <a href="https://riviera.edu.np/page/63" 341 class="block py-2 px-8 hover:bg-gray-100" 342 target="_self"> 343 Riviera Plus 2 344 </a> 345 </li> 346 <li> 347 <a href="https://riviera.edu.np/page/62" 348 class="block py-2 px-8 hover:bg-gray-100" 349 target="_self"> 350 Riviera Secondary School 351 </a> 352 </li> 353 <li> 354 <a href="https://riviera.edu.np/page/61" 355 class="block py-2 px-8 hover:bg-gray-100" 356 target="_self"> 357 Riviera BaSE (Basic School Education) 358 </a> 359 </li> 360 <li> 361 <a href="https://riviera.edu.np/page/60" 362 class="block py-2 px-8 hover:bg-gray-100" 363 target="_self"> 364 Riviera Kindergarten 365 </a> 366 </li> 367 </ul> 368 </li> 369 <li class="relative"> 370 <a href="https://riviera.edu.np/school-calendar" 371 class="block py-2 px-4 hover:bg-gray-100" 372 target="_self">
373 School Calendar 374 </a> 375 </li> 376 <li class="relative"> 377 <a href="https://riviera.edu.np/page/65" 378 class="block py-2 px-4 hover:bg-gray-100" 379 target="_self"> 380 Glimpses 381 </a> 382 </li> 383 <li class="relative"> 384 <a href="https://riviera.edu.np/downloads" 385 class="block py-2 px-4 hover:bg-gray-100" 386 target="_self"> 387 Downloads 388 </a> 389 </li> 390 <li class="relative"> 391 <button class="mobile-dropdown-toggle w-full text-left py-2 px-4 hover:bg-gray-100 flex justify-between items-center"> 392 Gallery 393 <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 394 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 395 </svg> 396 </button> 397 <ul class="bg-gray-50 hidden py-2"> 398 <li> 399 <a href="https://riviera.edu.np/gallery" 400 class="block py-2 px-8 hover:bg-gray-100" 401 target="_self"> 402 Image Gallery 403 </a> 404 </li> 405 <li> 406 <a href="https://riviera.edu.np/video-gallery" 407 class="block py-2 px-8 hover:bg-gray-100" 408 target="_self"> 409 Video Gallery 410 </a> 411 </li> 412 </ul> 413 </li> 414 <li class="relative"> 415 <a href="https://riviera.edu.np/latestnews-board" 416 class="block py-2 px-4 hover:bg-gray-100" 417 target="_self"> 418 News 419 </a> 420 </li> 421 <li class="relative"> 422 <button class="mobile-dropdown-toggle w-full text-left py-2 px-4 hover:bg-gray-100 flex justify-between items-center"> 423 Publications 424 <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 425 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 426 </svg> 427 </button> 428 <ul class="bg-gray-50 hidden py-2"> 429 <li> 430 <a href="https://riviera.edu.np/magazine-board" 431 class="block py-2 px-8 hover:bg-gray-100" 432 target="_self"> 433 Magazines 434 </a> 435 </li> 436 <li> 437 <a href="https://riviera.edu.np/newsletter-board" 438 class="block py-2 px-8 hover:bg-gray-100" 439 target="_self"> 440 Newsletter 441 </a> 442 </li> 443 <li> 444 <a href="https://riviera.edu.np/student-article-board" 445 class="block py-2 px-8 hover:bg-gray-100" 446 target="_self"> 447 Student's Article 448 </a> 449 </li> 450 <li> 451 <a href="https://riviera.edu.np/prospectus/front" 452 class="block py-2 px-8 hover:bg-gray-100" 453 target="_self"> 454 Prospectus 455 </a> 456 </li> 457 </ul> 458 </li> 459 <li class="relative"> 460 <a href="https://riviera.edu.np/page/86" 461 class="block py-2 px-4 hover:bg-gray-100" 462 target="_self"> 463 Alumni 464 </a> 465 </li> 466 <li class="relative"> 467 <a href="https://riviera.edu.np/contact-us" 468 class="block py-2 px-4 hover:bg-gray-100" 469 target="_self"> 470 Contact Us 471 </a> 472 </li> 473 </ul> 474</div> 475 476<style> 477 /* Custom CSS to ensure dropdowns stay in viewport */ 478 @media screen and (min-width: 1024px) { 479 .group:last-child .absolute, 480 .group:nth-last-child(2) .absolute { 481 right: 0; 482 left: auto; 483 } 484 485 .group:last-child .group/sub .absolute, 486 .group:nth-last-child(2) .group/sub .absolute { 487 right: 100%; 488 left: auto; 489 } 490 491 .group:last-child .group/sub .absolute svg, 492 .group:nth-last-child(2) .group/sub .absolute svg { 493 transform: rotate(180deg); 494 } 495 } 496 </style>
497<script> 498document.addEventListener('DOMContentLoaded', function() { 499 // Mobile menu elements 500 const mobileMenuBtn = document.getElementById('mobile-menu-btn'); 501 const mobileMenu = document.getElementById('mobile-menu'); 502 const mobileMenuOverlay = document.getElementById('mobile-menu-overlay'); 503 const closeMobileMenuBtn = document.getElementById('close-mobile-menu'); 504 505 // Mobile menu toggle functions 506 function openMobileMenu() { 507 document.body.style.overflow = 'hidden'; 508 mobileMenu.classList.remove('translate-x-full'); 509 mobileMenuOverlay.classList.remove('hidden'); 510 setTimeout(() => { 511 mobileMenuOverlay.classList.add('opacity-100'); 512 }, 50); 513 } 514 515 function closeMobileMenu() { 516 document.body.style.overflow = ''; 517 mobileMenu.classList.add('translate-x-full'); 518 mobileMenuOverlay.classList.remove('opacity-100'); 519 setTimeout(() => { 520 mobileMenuOverlay.classList.add('hidden'); 521 }, 300); 522 } 523 524 // Mobile menu event listeners 525 mobileMenuBtn?.addEventListener('click', openMobileMenu); 526 closeMobileMenuBtn?.addEventListener('click', closeMobileMenu); 527 mobileMenuOverlay?.addEventListener('click', closeMobileMenu); 528 529 // Mobile menu item click handlers 530 const mobileMenuItems = document.querySelectorAll('.mobile-menu-item > button'); 531 const mobileSubmenuItems = document.querySelectorAll('.mobile-submenu-item > button'); 532 533 function toggleSubmenu(button, submenuClass) { 534 const submenu = button.closest('div').querySelector(submenuClass); 535 const arrow = button.querySelector('svg'); 536 537 if (submenu) { 538 const isHidden = submenu.classList.contains('hidden'); 539 540 // Close other submenus at the same level 541 const parentUl = button.closest('ul'); 542 if (parentUl) { 543 parentUl.querySelectorAll(submenuClass).forEach(menu => { 544 if (menu !== submenu) { 545 menu.classList.add('hidden'); 546 const otherArrow = menu.previousElementSibling.querySelector('svg'); 547 if (otherArrow) otherArrow.classList.remove('rotate-180'); 548 } 549 }); 550 } 551 552 // Toggle current submenu 553 submenu.classList.toggle('hidden', !isHidden); 554 if (arrow) arrow.classList.toggle('rotate-180', !isHidden); 555 } 556 } 557 558 mobileMenuItems.forEach(button => { 559 button.addEventListener('click', () => toggleSubmenu(button, '.mobile-submenu')); 560 }); 561 562 mobileSubmenuItems.forEach(button => { 563 button.addEventListener('click', () => toggleSubmenu(button, '.mobile-subsubmenu')); 564 }); 565 566 // Desktop dropdown hover functionality 567 const desktopNavItems = document.querySelectorAll('.group'); 568 569 desktopNavItems.forEach(item => { 570 const button = item.querySelector('button'); 571 const dropdown = item.querySelector('div > ul'); 572 573 if (button && dropdown) { 574 // Add click handler for touch devices 575 button.addEventListener('click', (e) => { 576 e.preventDefault(); 577 const isVisible = !dropdown.classList.contains('invisible'); 578 579 // Close all other dropdowns 580 desktopNavItems.forEach(otherItem => { 581 if (otherItem !== item) { 582 const otherDropdown = otherItem.querySelector('div > ul'); 583 if (otherDropdown) { 584 otherDropdown.classList.add('invisible', 'opacity-0'); 585 } 586 } 587 }); 588 589 // Toggle current dropdown 590 dropdown.classList.toggle('invisible', isVisible); 591 dropdown.classList.toggle('opacity-0', isVisible); 592 }); 593 } 594 }); 595 596 // Close dropdowns when clicking outside 597 document.addEventListener('click', (e) => { 598 if (!e.target.closest('.group')) {
599 desktopNavItems.forEach(item => { 600 const dropdown = item.querySelector('div > ul'); 601 if (dropdown) { 602 dropdown.classList.add('invisible', 'opacity-0'); 603 } 604 }); 605 } 606 }); 607}); 608 609document.addEventListener('DOMContentLoaded', () => { 610 const parentLinks = document.querySelectorAll('.parent-link'); 611 parentLinks.forEach(link => { 612 link.addEventListener('click', (event) => { 613 const parentLi = event.target.closest('li'); 614 const hasChildren = parentLi.querySelector('ul'); 615 if (hasChildren) { 616 event.preventDefault(); // Prevent navigation 617 const dropdown = parentLi.querySelector('ul'); 618 const isDropdownVisible = dropdown.classList.contains('block'); 619 document.querySelectorAll('.group ul').forEach(ul => ul.classList.remove('block')); // Hide others 620 if (!isDropdownVisible) { 621 dropdown.classList.add('block'); // Toggle visibility 622 } 623 } 624 }); 625 }); 626 }); 627</script>
627 628 629 630 631 632 633<!-- Hero Section --> 634 635<style> 636 .active { 637 background-color: #F7941E; /* Selected tab background color */ 638 color: #ffffff; /* Selected tab text color */ 639 font-weight: bold; /* Optional: Make the text bold */ 640 } 641 642 table { 643 border: 1px solid black; 644 width: 100%; 645 } 646 td, th { 647 border: 1px solid black; 648 padding: 8px; 649 } 650 651 li { 652 margin-bottom: 4px; /* Add spacing between list items */ 653 } 654 655 a { 656 transition: all 0.3s ease; /* Smooth hover effect */ 657 } 658</style> 659 660 661 662<div class="container mx-auto p-6 flex flex-col-reverse lg:grid lg:grid-cols-3 gap-6 bg-white shadow-lg"> 663 <!-- Content Section (Main Content) --> 664 <div class="lg:col-span-2 p-6"> 665 <h2 class="text-3xl font-semibold text-blue-900 mb-4">Vision & Mission</h2> 666 <p class="text-gray-700 leading-relaxed text-xl"> 667 <figure class="image"><img src="https://riviera.edu.np/ckeditor/kcfinder/upload/images/img1(1).jpg" alt=""></figure><p><i><strong>Vision:</strong></i><br><i>Transforming the students into complete citizens to lead the nation by enriching their mind, body and soul.</i></p><p> </p><p><i><strong>Mission:</strong></i><br><i>1. Inculcating 21st century skills in the students to make them able to compete in the global market successfully.</i><br><i>2. Helping them to learn who they are, how they contribute to their communities and how they can become responsible citizens of the country.</i><br><i>3. Making them self-disciplined, self-reliant and self-confident.</i><br><i>4. Instilling in them academic knowledge, technical skills and leadership quality.</i><br><i>5. Helping the students to identify the potential inherent in them, to acquire new knowledge and to transfer their knowledge into skill.</i></p><p> </p><ul><li><i><strong>Teaching 21st Century Skills:</strong></i><br>a.<i> Life and Career Skills</i><br>b. <i>Learning and Innovation Skills</i><br>c. <i> Information, Media and Technology Skills</i></li></ul> 668 </p> 669 </div> 670 671 <!-- Sidebar Section (Subpages or Sibling Pages) --> 672 <div class="bg-gray-100 p-8"> 673 <div class="max-w-md mx-auto"> 674 <div class="bg-white rounded-lg overflow-hidden shadow-lg"> 675 <div class="bg-blue-600 text-white p-4"> 676 <h3 class="text-xl font-semibold"> 677 Vision & Mission 678 </h3> 679 </div> 680 <ul class="relative"> 681 <!-- Display sibling or child pages --> 682 <li class="border-b"> 683 <a href="https://riviera.edu.np/page/72" 684 class="block p-4 pl-4 hover:bg-gray-100 transition duration-300 685 active"> 686 Vision & Mission 687 </a> 688 </li> 689 690 <!-- Display level 3 subpages if available --> 691 <!-- Display sibling or child pages --> 692 <li class="border-b"> 693 <a href="https://riviera.edu.np/page/74" 694 class="block p-4 pl-4 hover:bg-gray-100 transition duration-300 695 "> 696 Network & Expectation 697 </a> 698 </li> 699 700 <!-- Display level 3 subpages if available --> 701 <!-- Display sibling or child pages --> 702 <li class="border-b"> 703 <a href="https://riviera.edu.np/page/75" 704 class="block p-4 pl-4 hover:bg-gray-100 transition duration-300 705 "> 706 Educational Setting 707 </a> 708 </li> 709 710 <!-- Display level 3 subpages if available --> 711 <!-- Display sibling or child pages --> 712 <li class="border-b"> 713 <a href="https://riviera.edu.np/page/76" 714 class="block p-4 pl-4 hover:bg-gray-100 transition duration-300 715 "> 716 Our Achievement 717 </a> 718 </li> 719 720 <!-- Display level 3 subpages if available --> 721 <!-- Display sibling or child pages --> 722 <li class="border-b"> 723 <a href="https://riviera.edu.np/page/77" 724 class="block p-4 pl-4 hover:bg-gray-100 transition duration-300 725 "> 726 From the Desk of the Principal 727 </a> 728 </li> 729 730 <!-- Display level 3 subpages if available --> 731 <!-- Display sibling or child pages --> 732 <li class="border-b"> 733 <a href="https://riviera.edu.np/page/79" 734 class="block p-4 pl-4 hover:bg-gray-100 transition duration-300 735 "> 736 Our Team 737 </a> 738 </li> 739 740 <!-- Display level 3 subpages if available --> 741 </ul> 742 </div> 743 </div> 744 </div> 745 </div> 746 747 748 749<footer class="bg-[#1a237e] text-white"> 750 <div class="container mx-auto px-4 py-12"> 751 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> 752 <!-- Contact Information --> 753 754 <div class="space-y-4"> 755 <h3 class="text-xl font-bold mb-4">Contact Us</h3> 756 <div class="flex items-center gap-2"> 757 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 758 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> 759 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> 760 </svg> 761 <p>Maijubahal, Chabahil, Kathmandu</p> 762 </div> 763 <div class="flex items-center gap-2"> 764 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 765 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042
76511.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" /> 766 </svg> 767 <p>977-1-4562223, 4585087</p> 768 </div> 769 <div class="flex items-center gap-2"> 770 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 771 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /> 772 </svg> 773 <p>[email protected]</p> 774 </div> 775 </div> 776 777 778 <!-- Quick Links --> 779 <div class="space-y-4"> 780 <h3 class="text-xl font-bold mb-4">Quick Links</h3> 781 <ul class="space-y-2"> 782 <li><a href="https://riviera.edu.np/downloads" class="hover:text-blue-200">Downloads</a></li> 783 <li><a href="https://riviera.edu.np/notice-board" class="hover:text-blue-200">Notices</a></li> 784 <li><a href="https://riviera.edu.np/gallery" class="hover:text-blue-200">Gallery</a></li> 785 <li><a href="https://riviera.edu.np/contact-us" class="hover:text-blue-200">Contact</a></li> 786 </ul> 787 </div> 788 789 <!-- Programs --> 790 <div class="space-y-4"> 791 <h3 class="text-xl font-bold mb-4">Programs</h3> 792 <ul class="space-y-2"> 793 <li><a href="https://riviera.edu.np/page/60">
793Riviera Kindergarten</a></li> 794 <li><a href="https://riviera.edu.np/page/61">Riviera BaSE</a></li> 795 <li><a href="https://riviera.edu.np/page/62">Riviera Secondary School</a></li> 796 <li><a href="https://riviera.edu.np/page/63">Riviera +2</a></li> 797 798 </ul> 799 </div> 800 801 <!-- Social Media & Newsletter --> 802 <div class="space-y-4"> 803 <h3 class="text-xl font-bold mb-4">Connect With Us</h3> 804 <div class="flex gap-4"> 805 <!-- Facebook --> 806 <a href="https://www.facebook.com/rivierainternationalacademy/" class="hover:text-blue-200"> 807 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 808 <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/> 809 </svg> 810 </a> 811 812 813 <!-- Instagram --> 814 <a href="#" class="hover:text-blue-200"> 815 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 816 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> 817 </svg> 818 </a> 819 820 <!-- YouTube --> 821 <a href="https://www.youtube.com/@rivierainernational" class="hover:text-blue-200"> 822 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 823 <path d="M19.615 3.184c-1.097-.414-3.562-.679-7.615-.679s-6.518.265-7.615.679c-1.019.385-1.82 1.189-2.205 2.207-.414 1.097-.68 3.562-.68 7.615s.266 6.518.68 7.615c.385 1.019 1.186 1.823 2.205 2.207 1.097.414 3.562.68 7.615.68s6.518-.266 7.615-.68c1.019-.384 1.822-1.188 2.205-2.207.414-1.097.68-3.562.68-7.615s-.266-6.518-.68-7.615c-.383-1.018-1.186-1.822-2.205-2.207zm-9.615 12.816v-8l6 4-6 4z"/> 824</svg> 825 826 827 </a> 828 829 830 </div> 831
831<script type="text/javascript" src="https://counter.websiteout.com/js/2/0/100/0"></script>
831 832 833 </div> 834 835 836 </div> 837 838 <!-- Bottom Bar --> 839 <div class="border-t border-blue-800 mt-8 pt-8 text-center"> 840 <p class="text-sm"> 841 © <span id="current-year"></span> Riviera International Academy. All rights reserved. 842 </p> 843 <p class="text-sm mt-2"> 844 Developed by 845 <a 846 href="https://lotusnepal.com" 847 target="_blank" 848 class="hover:text-blue-200 transition-colors duration-300" 849 > 850 Mishraz Lotus Nepal 851 </a> 852 | Developer: 853 <a 854 href="https://www.linkedin.com/in/deviram-budhathoki-38067a294/" 855 target="_blank" 856 class="hover:text-blue-200 transition-colors duration-300" 857 > 858 Deviram Budhathoki 859 </a> 860 </p> 861 </div> 862 863 </div> 864 </footer> 865 866
866<script> 867 document.getElementById('current-year').textContent = new Date().getFullYear(); 868 </script>
868 869
870<script> 871// Hamburger menu toggle for mobile 872const hamburgerIcon = document.getElementById('hamburger-icon'); 873const mobileNav = document.getElementById('mobile-nav'); 874 875hamburgerIcon.addEventListener('click', function() { 876 mobileNav.classList.toggle('hidden'); 877}); 878 879// Mobile dropdown toggles 880document.querySelectorAll('.mobile-dropdown-toggle').forEach(function(toggle) { 881 toggle.addEventListener('click', function() { 882 const dropdownContent = this.nextElementSibling; 883 const arrow = this.querySelector('svg'); 884 dropdownContent.classList.toggle('hidden'); 885 arrow.classList.toggle('rotate-180'); 886 }); 887}); 888 889</script>
889 890 891</body> 892</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.