{"id":127,"date":"2025-10-22T13:18:02","date_gmt":"2025-10-22T13:18:02","guid":{"rendered":"https:\/\/rsu.edu.so\/?page_id=127"},"modified":"2025-10-28T13:58:28","modified_gmt":"2025-10-28T13:58:28","slug":"nutrition-and-dietetics","status":"publish","type":"page","link":"https:\/\/rsu.edu.so\/index.php\/nutrition-and-dietetics\/","title":{"rendered":"Nutrition and Dietetics"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"127\" class=\"elementor elementor-127\">\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>Department of Nutrition and Dietetics - 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: #4CAF50;\r\n            --accent-color: #FF9800;\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(76, 175, 80, 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: #f0f8f1;\r\n        }\r\n\r\n        .requirements-table tbody tr:hover, .course-table tbody tr:hover {\r\n            background-color: #e8f5e9;\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: #f0f8f1;\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        \/* 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>Department of Nutrition and Dietetics - Red Sea University<\/h1>\r\n        <p>\r\n            The department of Nutrition and Dietetics at Red Sea University offers a comprehensive undergraduate program that prepares students to become professionals in the field of food, nutrition, and health. It focuses on understanding the relationship between diet, health, and disease prevention, with a strong foundation in biological, behavioral, and social sciences.\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 Department<\/option>\r\n            <option value=\"goals\">Goals of Department<\/option>\r\n            <option value=\"structure\">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 Department<\/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>Goals of Department<\/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>Structure<\/span>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Content Area -->\r\n        <div class=\"content-area\">\r\n            <!-- About Department Tab -->\r\n            <div class=\"tab-content active\" id=\"about\">\r\n                <h2>About Department<\/h2>\r\n                <p>\r\n                    The department of Nutrition and Dietetics at Red Sea University offers a comprehensive undergraduate program that prepares students to become professionals in the field of food, nutrition, and health. It focuses on understanding the relationship between diet, health, and disease prevention, with a strong foundation in biological, behavioral, and social sciences.\r\n                <\/p>\r\n                <p>\r\n                    Our faculty comprises experts in clinical nutrition, community nutrition, food science, and nutritional biochemistry who are committed to providing students with comprehensive training in nutritional assessment, dietary planning, and nutrition education. We emphasize evidence-based approaches and practical applications to prepare students for real-world nutrition challenges.\r\n                <\/p>\r\n                <p>\r\n                    The department maintains strong partnerships with healthcare institutions, community programs, food industries, and international agencies, enabling our students to gain valuable experience through internships, community outreach, and research projects that address current nutritional needs.\r\n                <\/p>\r\n                \r\n                <h3>Career Opportunities<\/h3>\r\n                <p>Graduates from the Nutrition and Dietetics program are equipped to work in healthcare institutions, community programs, food industries, and international agencies. Career options include:<\/p>\r\n                <div class=\"job-opportunities\">\r\n                    <div class=\"job-card\">\r\n                        <h3>Clinical Dietitian\/Nutritionist<\/h3>\r\n                        <p>Provide medical nutrition therapy in healthcare settings<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Public Health Nutritionist<\/h3>\r\n                        <p>Develop and implement community nutrition programs<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Community Nutrition Program Officer<\/h3>\r\n                        <p>Coordinate nutrition initiatives at community level<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Nutrition Advisor<\/h3>\r\n                        <p>Provide expertise to NGOs or UN agencies<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Food Quality Control Specialist<\/h3>\r\n                        <p>Ensure food safety and quality standards<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Health and Wellness Coach<\/h3>\r\n                        <p>Guide individuals toward healthier lifestyles<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>School Feeding Program Coordinator<\/h3>\r\n                        <p>Manage nutrition programs in educational settings<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Research Assistant<\/h3>\r\n                        <p>Support studies in nutritional sciences<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Goals of Department Tab -->\r\n            <div class=\"tab-content\" id=\"goals\">\r\n                <h2>Program Goals<\/h2>\r\n                <p>\r\n                    The Department of Nutrition and Dietetics has established the following goals to guide our educational mission and program development:\r\n                <\/p>\r\n                <ol class=\"goals-list\">\r\n                    <li>To train professionals who understand the scientific basis of nutrition and its impact on health and disease.<\/li>\r\n                    <li>To enable students to assess nutritional needs, plan dietary programs, and implement nutrition education in various populations.<\/li>\r\n                    <li>To promote awareness of the link between nutrition and chronic diseases such as diabetes, cardiovascular disease, and obesity.<\/li>\r\n                    <li>To develop the skills necessary to advocate for food security, community nutrition, and national nutritional policies.<\/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 Nutrition and Dietetics program is structured to provide comprehensive training in food, nutrition, and health. 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>13<\/td>\r\n                            <td>39<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>3<\/td>\r\n                            <td>Department Requirement<\/td>\r\n                            <td>31<\/td>\r\n                            <td>90<\/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>52<\/strong><\/td>\r\n                            <td><strong>153<\/strong><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <h3>Course List<\/h3>\r\n                <p>The students in this department will take the following courses:<\/p>\r\n                \r\n                <!-- Table 1: Based on 1.png -->\r\n                <h4>Table 1<\/h4>\r\n                <table class=\"course-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>SN<\/th>\r\n                            <th>Course code<\/th>\r\n                            <th>Course name<\/th>\r\n                            <th>Creditions<\/th>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course name<\/th>\r\n                            <th>Creditions<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <!-- Table 2: Based on 2.png -->\r\n                <h4>Table 2<\/h4>\r\n                <table class=\"course-table\" style=\"margin-top: 20px;\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>SN<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                            <th>SN<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <!-- Table 3: Based on 3.png -->\r\n                <h4>Table 3<\/h4>\r\n                <table class=\"course-table\" style=\"margin-top: 20px;\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <!-- Table 4: Based on 4.png -->\r\n                <h4>Table 4<\/h4>\r\n                <table class=\"course-table\" style=\"margin-top: 20px;\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\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, with courses designed to develop strong nutritional assessment and dietary planning skills.\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>Department of Nutrition and Dietetics &#8211; Red Sea University Department of Nutrition and Dietetics &#8211; Red Sea University The department of Nutrition and Dietetics at Red Sea University offers a comprehensive undergraduate program that prepares students to become professionals in the field of food, nutrition, and health. It focuses on understanding the relationship between diet, [&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-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/127","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=127"}],"version-history":[{"count":4,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":413,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions\/413"}],"wp:attachment":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}