{"id":166,"date":"2025-10-22T14:01:43","date_gmt":"2025-10-22T14:01:43","guid":{"rendered":"https:\/\/rsu.edu.so\/?page_id=166"},"modified":"2025-10-28T17:40:49","modified_gmt":"2025-10-28T17:40:49","slug":"sharia-islamic-studies","status":"publish","type":"page","link":"https:\/\/rsu.edu.so\/index.php\/sharia-islamic-studies\/","title":{"rendered":"Shari&#8217;a &#038; Islamic Studies"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"166\" class=\"elementor elementor-166\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bb8adb e-con-full e-flex e-con e-parent\" data-id=\"1bb8adb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9bba9 elementor-widget elementor-widget-html\" data-id=\"3a9bba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Faculty of Sharia and Islamic Studies - Red Sea University<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary-color: #8B4513;\r\n            --accent-color: #D4AF37;\r\n            --dark-text: #1a1a1a;\r\n            --light-bg: #f8f9fa;\r\n            --border-color: #e0e0e0;\r\n            --white: #ffffff;\r\n            --icon-color: #000000;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--dark-text);\r\n            background-color: var(--light-bg);\r\n        }\r\n\r\n        \/* Header Section *\/\r\n        .header {\r\n            background-color: var(--white);\r\n            padding: 40px 20px;\r\n            border-bottom: 3px solid var(--primary-color);\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .header h1 {\r\n            font-size: 2.5rem;\r\n            color: var(--primary-color);\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .header p {\r\n            font-size: 1rem;\r\n            color: var(--dark-text);\r\n            text-align: justify;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Main Container *\/\r\n        .container {\r\n            display: flex;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            gap: 30px;\r\n            padding: 0 20px 40px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        \/* Tabs Navigation *\/\r\n        .tabs-nav {\r\n            flex: 0 0 250px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n        }\r\n\r\n        .tab-button {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 15px 20px;\r\n            background-color: var(--white);\r\n            border: 2px solid var(--border-color);\r\n            border-left: 4px solid var(--primary-color);\r\n            cursor: pointer;\r\n            font-size: 0.95rem;\r\n            font-weight: 500;\r\n            color: var(--dark-text);\r\n            transition: all 0.3s ease;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        \/* Desktop hover effect - text color changes to black *\/\r\n        @media (hover: hover) and (pointer: fine) {\r\n            .tab-button:hover {\r\n                background-color: var(--light-bg);\r\n                border-left-color: var(--accent-color);\r\n                transform: translateX(5px);\r\n                color: #000000;\r\n            }\r\n        }\r\n\r\n        .tab-button.active {\r\n            background-color: var(--primary-color);\r\n            color: var(--white);\r\n            border-left-color: var(--accent-color);\r\n            box-shadow: 0 4px 12px rgba(139, 69, 19, 0.2);\r\n        }\r\n\r\n        .tab-icon {\r\n            font-size: 1.3rem;\r\n            color: var(--icon-color);\r\n            width: 24px;\r\n            text-align: center;\r\n        }\r\n\r\n        .tab-button.active .tab-icon {\r\n            color: var(--accent-color);\r\n        }\r\n\r\n        \/* Mobile Dropdown *\/\r\n        .mobile-tabs-dropdown {\r\n            display: none;\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            font-size: 1rem;\r\n            border: 2px solid var(--primary-color);\r\n            border-radius: 4px;\r\n            background-color: var(--white);\r\n            color: var(--dark-text);\r\n            margin-bottom: 20px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        \/* Content Area *\/\r\n        .content-area {\r\n            flex: 1;\r\n            min-width: 300px;\r\n        }\r\n\r\n        .tab-content {\r\n            display: none;\r\n            background-color: var(--white);\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(10px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .tab-content h2 {\r\n            color: var(--primary-color);\r\n            font-size: 1.8rem;\r\n            margin-bottom: 20px;\r\n            border-bottom: 3px solid var(--accent-color);\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .tab-content h3 {\r\n            color: var(--primary-color);\r\n            margin: 25px 0 15px;\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        .tab-content h4 {\r\n            color: var(--primary-color);\r\n            margin: 20px 0 10px;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .tab-content p {\r\n            text-align: justify;\r\n            margin-bottom: 15px;\r\n            line-height: 1.8;\r\n            color: var(--dark-text);\r\n        }\r\n\r\n        .tab-content ul {\r\n            margin-left: 20px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .tab-content li {\r\n            margin-bottom: 10px;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* Table Styles *\/\r\n        .requirements-table, .course-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin-top: 20px;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .requirements-table thead, .course-table thead {\r\n            background-color: var(--primary-color);\r\n            color: var(--white);\r\n        }\r\n\r\n        .requirements-table th, .course-table th {\r\n            padding: 15px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            border: 1px solid var(--border-color);\r\n        }\r\n\r\n        .requirements-table td, .course-table td {\r\n            padding: 12px 15px;\r\n            border: 1px solid var(--border-color);\r\n            text-align: left;\r\n        }\r\n\r\n        .requirements-table tbody tr:nth-child(even), .course-table tbody tr:nth-child(even) {\r\n            background-color: #f8f2eb;\r\n        }\r\n\r\n        .requirements-table tbody tr:hover, .course-table tbody tr:hover {\r\n            background-color: #f0e6d8;\r\n        }\r\n\r\n        .requirements-table tbody tr:nth-child(odd), .course-table tbody tr:nth-child(odd) {\r\n            background-color: var(--white);\r\n        }\r\n\r\n        .highlight {\r\n            color: var(--primary-color);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .job-opportunities {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            gap: 15px;\r\n            margin: 20px 0;\r\n        }\r\n\r\n        .job-card {\r\n            background-color: #f8f2eb;\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            border-left: 4px solid var(--accent-color);\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .job-card h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .goals-list {\r\n            counter-reset: goal-counter;\r\n            list-style-type: none;\r\n            margin-left: 0;\r\n        }\r\n\r\n        .goals-list li {\r\n            margin-bottom: 20px;\r\n            padding-left: 40px;\r\n            position: relative;\r\n        }\r\n\r\n        .goals-list li:before {\r\n            counter-increment: goal-counter;\r\n            content: counter(goal-counter);\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            background-color: var(--primary-color);\r\n            color: var(--white);\r\n            width: 30px;\r\n            height: 30px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .program-highlights {\r\n            background-color: #f8f2eb;\r\n            padding: 25px;\r\n            border-radius: 8px;\r\n            margin: 25px 0;\r\n            border-left: 4px solid var(--accent-color);\r\n        }\r\n\r\n        .program-highlights h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .program-highlights ul {\r\n            margin-left: 20px;\r\n        }\r\n\r\n        .program-highlights li {\r\n            margin-bottom: 10px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Enhanced Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .container {\r\n                gap: 20px;\r\n            }\r\n            \r\n            .tabs-nav {\r\n                flex: 0 0 220px;\r\n            }\r\n            \r\n            .tab-button {\r\n                padding: 14px 18px;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .tab-content {\r\n                padding: 30px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .header h1 {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .container {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n\r\n            \/* Show mobile dropdown and hide regular tabs *\/\r\n            .mobile-tabs-dropdown {\r\n                display: block;\r\n            }\r\n            \r\n            .tabs-nav {\r\n                display: none;\r\n            }\r\n\r\n            .tab-content {\r\n                padding: 25px;\r\n            }\r\n\r\n            .tab-content h2 {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .requirements-table, .course-table {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .requirements-table th, .requirements-table td,\r\n            .course-table th, .course-table td {\r\n                padding: 10px;\r\n            }\r\n\r\n            .job-opportunities {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .header {\r\n                padding: 25px 15px;\r\n            }\r\n\r\n            .header h1 {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .header p {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .container {\r\n                padding: 0 15px 30px;\r\n            }\r\n\r\n            .tab-content {\r\n                padding: 20px;\r\n            }\r\n\r\n            .tab-content h2 {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .requirements-table, .course-table {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .requirements-table th, .requirements-table td,\r\n            .course-table th, .course-table td {\r\n                padding: 8px;\r\n            }\r\n            \r\n            \/* Stack table columns on very small screens *\/\r\n            @media (max-width: 360px) {\r\n                .requirements-table, .course-table {\r\n                    display: block;\r\n                    overflow-x: auto;\r\n                    white-space: nowrap;\r\n                }\r\n            }\r\n        }\r\n\r\n        \/* Touch device optimizations *\/\r\n        @media (hover: none) and (pointer: coarse) {\r\n            .tab-button {\r\n                padding: 16px 20px;\r\n            }\r\n            \r\n            .tab-button:active {\r\n                background-color: var(--light-bg);\r\n                border-left-color: var(--accent-color);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Header Section -->\r\n    <div class=\"header\">\r\n        <h1>Faculty of Sharia and Islamic Studies - Red Sea University<\/h1>\r\n        <p>\r\n            The Faculty of Sharia and Islamic Studies aims to produce dynamic, well-qualified scholars with deep knowledge of Islamic sciences and jurisprudence. Our Bachelor of Sharia and Islamic Studies program provides comprehensive education in Islamic principles, preparing graduates for various religious, educational, and community leadership roles.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- Main Container -->\r\n    <div class=\"container\">\r\n        <!-- Mobile Dropdown -->\r\n        <select class=\"mobile-tabs-dropdown\" id=\"mobileTabsDropdown\">\r\n            <option value=\"about\">About Program<\/option>\r\n            <option value=\"goals\">Faculty Objectives<\/option>\r\n            <option value=\"structure\">Program Structure<\/option>\r\n        <\/select>\r\n\r\n        <!-- Tabs Navigation -->\r\n        <div class=\"tabs-nav\">\r\n            <button class=\"tab-button active\" data-tab=\"about\">\r\n                <span class=\"tab-icon\">\u2139\ufe0f<\/span>\r\n                <span>About Program<\/span>\r\n            <\/button>\r\n            <button class=\"tab-button\" data-tab=\"goals\">\r\n                <span class=\"tab-icon\">\ud83c\udfaf<\/span>\r\n                <span>Faculty Objectives<\/span>\r\n            <\/button>\r\n            <button class=\"tab-button\" data-tab=\"structure\">\r\n                <span class=\"tab-icon\">\ud83c\udfd7\ufe0f<\/span>\r\n                <span>Program Structure<\/span>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Content Area -->\r\n        <div class=\"content-area\">\r\n            <!-- About Program Tab -->\r\n            <div class=\"tab-content active\" id=\"about\">\r\n                <h2>About Bachelor of Sharia and Islamic Studies<\/h2>\r\n                <p>\r\n                    The Bachelor of Sharia and Islamic Studies program at Red Sea University is designed to provide students with comprehensive knowledge of Islamic sciences, jurisprudence, and contemporary applications of Sharia principles. This program emphasizes both traditional Islamic scholarship and modern approaches to Islamic studies.\r\n                <\/p>\r\n                <p>\r\n                    Our distinguished faculty comprises experts in Quranic sciences, Hadith, Islamic jurisprudence, Islamic history, and contemporary Islamic thought who are committed to providing students with a well-rounded Islamic education. We emphasize critical thinking, research skills, and practical applications to prepare students for leadership roles in Muslim communities.\r\n                <\/p>\r\n                \r\n                <div class=\"program-highlights\">\r\n                    <h3>Program Highlights<\/h3>\r\n                    <ul>\r\n                        <li>Comprehensive study of Quranic sciences and exegesis<\/li>\r\n                        <li>In-depth understanding of Hadith literature and sciences<\/li>\r\n                        <li>Mastery of Islamic jurisprudence and legal principles<\/li>\r\n                        <li>Study of Islamic history and civilization<\/li>\r\n                        <li>Contemporary issues in Islamic thought and practice<\/li>\r\n                        <li>Research methodology in Islamic studies<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <h3>Career Opportunities<\/h3>\r\n                <p>Graduates of Sharia and Islamic Studies can pursue rewarding careers in religious, educational, and community service roles. Potential positions include:<\/p>\r\n                <div class=\"job-opportunities\">\r\n                    <div class=\"job-card\">\r\n                        <h3>Islamic Scholar<\/h3>\r\n                        <p>Specialize in Islamic sciences and provide religious guidance<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Mosque Imam<\/h3>\r\n                        <p>Lead prayers and provide religious leadership in communities<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Islamic Educator<\/h3>\r\n                        <p>Teach Islamic studies in schools and educational institutions<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Islamic Counselor<\/h3>\r\n                        <p>Provide religious and spiritual guidance to individuals and families<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Researcher in Islamic Studies<\/h3>\r\n                        <p>Conduct academic research in Islamic sciences and thought<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Community Development Officer<\/h3>\r\n                        <p>Work with Muslim communities on development projects<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Islamic Center Director<\/h3>\r\n                        <p>Manage Islamic centers and coordinate religious activities<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Religious Affairs Coordinator<\/h3>\r\n                        <p>Coordinate religious programs and activities in organizations<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Faculty Objectives Tab -->\r\n            <div class=\"tab-content\" id=\"goals\">\r\n                <h2>Faculty Objectives<\/h2>\r\n                <p>\r\n                    The Faculty of Sharia and Islamic Studies has established the following objectives to guide our educational mission and program development:\r\n                <\/p>\r\n                <ol class=\"goals-list\">\r\n                    <li>Produce dynamic, well-qualified, and research-oriented scholars with deep knowledge of both Sharia and conventional laws.<\/li>\r\n                    <li>Encourage graduates to delve into original sources of knowledge in both Islamic Sharia and contemporary laws.<\/li>\r\n                    <li>Prepare students to actively participate in nation building through roles that uphold and administer justice.<\/li>\r\n                    <li>Address the demands of Somali society by training specialized professionals such as judges, prosecutors, lawyers, legal practitioners, muftis and sharia experts.<\/li>\r\n                    <li>Enable students to conduct comparative studies of Sharia and other legal systems.<\/li>\r\n                    <li>Take an active role in the harmonization of Law and Sharia, contributing significantly to the field of comparative legal education.<\/li>\r\n                <\/ol>\r\n            <\/div>\r\n\r\n            <!-- Structure Tab -->\r\n            <div class=\"tab-content\" id=\"structure\">\r\n                <h2>Program Structure<\/h2>\r\n                <p>\r\n                    The Bachelor of Sharia and Islamic Studies program is structured to provide comprehensive education in Islamic sciences and jurisprudence. The curriculum includes the following components:\r\n                <\/p>\r\n                <table class=\"requirements-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>No<\/th>\r\n                            <th>Types of the Requirements<\/th>\r\n                            <th>Number of Courses<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td>1<\/td>\r\n                            <td>University Requirement<\/td>\r\n                            <td>7<\/td>\r\n                            <td>21<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>2<\/td>\r\n                            <td>Faculty Requirement<\/td>\r\n                            <td>29<\/td>\r\n                            <td>81<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>3<\/td>\r\n                            <td>Department Requirement<\/td>\r\n                            <td>12<\/td>\r\n                            <td>36<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>4<\/td>\r\n                            <td>Graduation Thesis<\/td>\r\n                            <td>1<\/td>\r\n                            <td>3<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td colspan=\"2\"><strong>Total<\/strong><\/td>\r\n                            <td><strong>49<\/strong><\/td>\r\n                            <td><strong>141<\/strong><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <h3>Program Overview<\/h3>\r\n                <p>The Bachelor of Sharia and Islamic Studies shall be conferred to students who successfully complete 141 credit hours distributed across various requirement categories:<\/p>\r\n                \r\n                <div class=\"program-highlights\">\r\n                    <h3>Curriculum Focus Areas<\/h3>\r\n                    <ul>\r\n                        <li><strong>University Requirements (21 credits):<\/strong> Foundational courses in languages, communication, and general studies<\/li>\r\n                        <li><strong>Faculty Requirements (81 credits):<\/strong> Core Islamic studies including Quranic sciences, Hadith, Fiqh, and Islamic history<\/li>\r\n                        <li><strong>Department Requirements (36 credits):<\/strong> Specialized courses in advanced Islamic jurisprudence and contemporary Islamic thought<\/li>\r\n                        <li><strong>Graduation Thesis (3 credits):<\/strong> Independent research project on a topic in Islamic studies<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <h3>Learning Outcomes<\/h3>\r\n                <p>Upon successful completion of the program, graduates will be able to:<\/p>\r\n                <ul>\r\n                    <li>Demonstrate comprehensive understanding of Islamic sciences and principles<\/li>\r\n                    <li>Analyze and interpret primary Islamic texts (Quran and Hadith)<\/li>\r\n                    <li>Apply Islamic jurisprudence to contemporary issues<\/li>\r\n                    <li>Conduct independent research in Islamic studies<\/li>\r\n                    <li>Provide informed religious guidance and leadership<\/li>\r\n                    <li>Engage in scholarly discourse on Islamic matters<\/li>\r\n                <\/ul>\r\n                \r\n                <p style=\"margin-top: 20px;\">\r\n                    <span class=\"highlight\">Note:<\/span> The program emphasizes both theoretical knowledge and practical application, preparing graduates for various roles in religious leadership, education, and community service while maintaining the highest standards of Islamic scholarship.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Tab functionality\r\n        const tabButtons = document.querySelectorAll('.tab-button');\r\n        const tabContents = document.querySelectorAll('.tab-content');\r\n        const mobileDropdown = document.getElementById('mobileTabsDropdown');\r\n\r\n        function activateTab(tabName) {\r\n            \/\/ Remove active class from all buttons and contents\r\n            tabButtons.forEach(btn => btn.classList.remove('active'));\r\n            tabContents.forEach(content => content.classList.remove('active'));\r\n\r\n            \/\/ Add active class to clicked button and corresponding content\r\n            document.querySelector(`.tab-button[data-tab=\"${tabName}\"]`).classList.add('active');\r\n            document.getElementById(tabName).classList.add('active');\r\n            \r\n            \/\/ Update mobile dropdown value\r\n            if (mobileDropdown) {\r\n                mobileDropdown.value = tabName;\r\n            }\r\n        }\r\n\r\n        \/\/ Desktop tab button functionality\r\n        tabButtons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const tabName = button.getAttribute('data-tab');\r\n                activateTab(tabName);\r\n            });\r\n        });\r\n\r\n        \/\/ Mobile dropdown functionality\r\n        if (mobileDropdown) {\r\n            mobileDropdown.addEventListener('change', () => {\r\n                const tabName = mobileDropdown.value;\r\n                activateTab(tabName);\r\n                \r\n                \/\/ Scroll to content on mobile\r\n                if (window.innerWidth <= 768) {\r\n                    document.querySelector('.content-area').scrollIntoView({ \r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Keyboard navigation for desktop\r\n        tabButtons.forEach((button, index) => {\r\n            button.addEventListener('keydown', (e) => {\r\n                let nextIndex;\r\n                if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\r\n                    nextIndex = (index + 1) % tabButtons.length;\r\n                    tabButtons[nextIndex].focus();\r\n                    tabButtons[nextIndex].click();\r\n                } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\r\n                    nextIndex = (index - 1 + tabButtons.length) % tabButtons.length;\r\n                    tabButtons[nextIndex].focus();\r\n                    tabButtons[nextIndex].click();\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Faculty of Sharia and Islamic Studies &#8211; Red Sea University Faculty of Sharia and Islamic Studies &#8211; Red Sea University The Faculty of Sharia and Islamic Studies aims to produce dynamic, well-qualified scholars with deep knowledge of Islamic sciences and jurisprudence. Our Bachelor of Sharia and Islamic Studies program provides comprehensive education in Islamic principles, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-166","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/comments?post=166"}],"version-history":[{"count":4,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/166\/revisions"}],"predecessor-version":[{"id":478,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/166\/revisions\/478"}],"wp:attachment":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/media?parent=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}