PageSourceSearch

https://riviera.edu.np/page/72

html riviera.edu.np collected 2026-10-06 21:41:19 UTC 50,779 bytes, 892 lines download raw bytes

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 &amp; 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 &amp; 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&#039;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 &amp; 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 &amp; 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&#039;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 &amp; 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>&nbsp;</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>&nbsp;</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.&nbsp;<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 &amp; 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 &amp; 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 &amp; 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.