Faculties & Departments - 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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n :root {\r\n --primary-color: #1a73e8;\r\n --accent-color: #34a853;\r\n --dark-text: #1a1a1a;\r\n --light-bg: #f8f9fa;\r\n --white: #ffffff;\r\n --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n body {\r\n background-color: var(--light-bg);\r\n color: var(--dark-text);\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.5rem;\r\n color: var(--primary-color);\r\n margin-bottom: 15px;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .header h1:after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background-color: var(--accent-color);\r\n border-radius: 2px;\r\n }\r\n\r\n .header p {\r\n font-size: 1.1rem;\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Faculties Grid *\/\r\n .faculties-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .faculty-card {\r\n background-color: var(--white);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease forwards;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .faculty-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .faculty-header {\r\n background: linear-gradient(135deg, var(--primary-color), #0d62d9);\r\n color: white;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faculty-header:before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -50%;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.1);\r\n transform: rotate(30deg);\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .faculty-card:hover .faculty-header:before {\r\n transform: rotate(30deg) translate(20px, 20px);\r\n }\r\n\r\n .faculty-icon {\r\n font-size: 2rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .faculty-title {\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .faculty-link {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 0.9rem;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .faculty-link:hover {\r\n color: white;\r\n text-decoration: underline;\r\n }\r\n\r\n .faculty-link-icon {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .departments-list {\r\n padding: 20px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .department-item {\r\n padding: 12px 0;\r\n border-bottom: 1px solid #f0f0f0;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .department-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .department-item:hover {\r\n background-color: #f9f9f9;\r\n padding-left: 10px;\r\n border-radius: 6px;\r\n transform: translateX(5px);\r\n }\r\n\r\n .department-link {\r\n color: var(--dark-text);\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n width: 100%;\r\n transition: color 0.3s;\r\n }\r\n\r\n .department-link:hover {\r\n color: var(--primary-color);\r\n }\r\n\r\n .department-icon {\r\n color: var(--accent-color);\r\n font-size: 1.1rem;\r\n width: 20px;\r\n text-align: center;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .department-link:hover .department-icon {\r\n transform: scale(1.2);\r\n }\r\n\r\n .department-count {\r\n margin-top: 15px;\r\n padding-top: 15px;\r\n border-top: 1px dashed #e0e0e0;\r\n color: #666;\r\n font-size: 0.9rem;\r\n text-align: center;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Stagger animation for cards *\/\r\n .faculty-card:nth-child(1) { animation-delay: 0.1s; }\r\n .faculty-card:nth-child(2) { animation-delay: 0.2s; }\r\n .faculty-card:nth-child(3) { animation-delay: 0.3s; }\r\n .faculty-card:nth-child(4) { animation-delay: 0.4s; }\r\n .faculty-card:nth-child(5) { animation-delay: 0.5s; }\r\n .faculty-card:nth-child(6) { animation-delay: 0.6s; }\r\n .faculty-card:nth-child(7) { animation-delay: 0.7s; }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 992px) {\r\n .faculties-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .faculties-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .faculty-card {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 20px 15px;\r\n }\r\n \r\n .header h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .faculty-header {\r\n padding: 15px;\r\n }\r\n \r\n .faculty-title {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .departments-list {\r\n padding: 15px;\r\n }\r\n \r\n .department-item {\r\n padding: 10px 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Faculties & Departments<\/h1>\r\n <p>Explore our diverse range of academic programs across multiple faculties<\/p>\r\n <\/div>\r\n\r\n <div class=\"faculties-grid\" id=\"faculties-container\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Faculty data with departments and links\r\n const facultiesData = [\r\n {\r\n id: 1,\r\n name: \"Faculty of Medicine and Health Sciences\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-medicine-and-health-sciences\",\r\n icon: \"\ud83c\udfe5\",\r\n departments: [\r\n { name: \"Medical Laboratory Sciences\", link: \"https:\/\/rsu.edu.so\/index.php\/medical-laboratory-sciences\" },\r\n { name: \"Medicine and Surgery\", link: \"https:\/\/rsu.edu.so\/index.php\/medicine-and-surgery\/\" },\r\n { name: \"Midwifery\", link: \"https:\/\/rsu.edu.so\/index.php\/midwifery\/\" },\r\n { name: \"Nursing\", link: \"https:\/\/rsu.edu.so\/index.php\/nursing\/\" },\r\n { name: \"Nutrition and Dietetics\", link: \"https:\/\/rsu.edu.so\/index.php\/nutrition-and-dietetics\/\" },\r\n { name: \"Pharmacy\", link: \"https:\/\/rsu.edu.so\/index.php\/pharmacy\/\" },\r\n { name: \"Public Health\", link: \"https:\/\/rsu.edu.so\/index.php\/public-health\/\" }\r\n ]\r\n },\r\n {\r\n id: 2,\r\n name: \"Faculty of Sharia and Law\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-sharia-and-law\/\",\r\n icon: \"\u2696\ufe0f\",\r\n departments: [\r\n { name: \"Sharia and Law\", link: \"https:\/\/rsu.edu.so\/index.php\/sharia-and-law\/\" },\r\n { name: \"Law\", link: \"https:\/\/rsu.edu.so\/index.php\/law\/\" },\r\n { name: \"Shari'a & Islamic Studies\", link: \"https:\/\/rsu.edu.so\/index.php\/sharia-islamic-studies\/\" }\r\n ]\r\n },\r\n {\r\n id: 3,\r\n name: \"Faculty of Economics and Management\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-economics-and-management\/\",\r\n icon: \"\ud83d\udcbc\",\r\n departments: [\r\n { name: \"Accounting\", link: \"https:\/\/rsu.edu.so\/index.php\/accounting\/\" },\r\n { name: \"Banking and Finance\", link: \"https:\/\/rsu.edu.so\/index.php\/banking-and-finance\/\" },\r\n { name: \"Business and Information Technology\", link: \"https:\/\/rsu.edu.so\/index.php\/business-and-information-technology\/\" },\r\n { name: \"Economics\", link: \"https:\/\/rsu.edu.so\/index.php\/economics\/\" }\r\n ]\r\n },\r\n {\r\n id: 4,\r\n name: \"Faculty of Computing and Emerging Technologies\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-computing-and-emerging-technologies\/\",\r\n icon: \"\ud83d\udcbb\",\r\n departments: [\r\n { name: \"Computer Science\", link: \"https:\/\/rsu.edu.so\/index.php\/computer-science\/\" },\r\n { name: \"Information Technology\", link: \"https:\/\/rsu.edu.so\/index.php\/information-technology\/\" },\r\n { name: \"Software Engineering\", link: \"https:\/\/rsu.edu.so\/index.php\/software-engineering\/\" },\r\n { name: \"Network Engineering\", link: \"https:\/\/rsu.edu.so\/index.php\/network-engineering\/\" },\r\n { name: \"Cyber Security\", link: \"https:\/\/rsu.edu.so\/index.php\/cybersecurity\/\" },\r\n { name: \"Artificial Intelligence & Machine Learning\", link: \"https:\/\/rsu.edu.so\/index.php\/artificial-intelligence-machine-learning\/\" }\r\n ]\r\n },\r\n {\r\n id: 5,\r\n name: \"Faculty of Education\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-education\/\",\r\n icon: \"\ud83d\udcda\",\r\n departments: [\r\n { name: \"Mathematics and Physics\", link: \"https:\/\/rsu.edu.so\/index.php\/mathematics-and-physics\/\" },\r\n { name: \"Biology and Chemistry\", link: \"https:\/\/rsu.edu.so\/index.php\/biology-and-chemistry\/\" },\r\n { name: \"Geography and History\", link: \"https:\/\/rsu.edu.so\/index.php\/geography-and-history\/\" },\r\n { name: \"English and Geography\", link: \"https:\/\/rsu.edu.so\/index.php\/english-and-geography\/\" },\r\n { name: \"English and History\", link: \"https:\/\/rsu.edu.so\/index.php\/english-and-history\/\" },\r\n { name: \"Agriculture and Biology\", link: \"https:\/\/rsu.edu.so\/index.php\/agriculture-and-biology\/\" }\r\n ]\r\n },\r\n {\r\n id: 6,\r\n name: \"Faculty of Humanities and Social Sciences\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-humanities-and-social-sciences\/\",\r\n icon: \"\ud83c\udf0d\",\r\n departments: [\r\n { name: \"Public Administration\", link: \"https:\/\/rsu.edu.so\/index.php\/public-administration\/\" },\r\n { name: \"Political Science & International Relations\", link: \"https:\/\/rsu.edu.so\/index.php\/political-science-international-relations\/\" },\r\n { name: \"Social Work\", link: \"https:\/\/rsu.edu.so\/index.php\/social-work\/\" }\r\n ]\r\n },\r\n {\r\n id: 7,\r\n name: \"Faculty of Veterinary Medicine\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-veterinary-medicine\/\",\r\n icon: \"\ud83d\udc3e\",\r\n departments: [\r\n { name: \"Veterinary Medicine\", link: \"https:\/\/rsu.edu.so\/index.php\/veterinary-medicine\/\" }\r\n ]\r\n }\r\n ];\r\n\r\n \/\/ Initialize the faculties section\r\n document.addEventListener('DOMContentLoaded', function() {\r\n renderFaculties();\r\n });\r\n\r\n \/\/ Render all faculties\r\n function renderFaculties() {\r\n const container = document.getElementById('faculties-container');\r\n container.innerHTML = '';\r\n\r\n facultiesData.forEach(faculty => {\r\n const facultyCard = createFacultyCard(faculty);\r\n container.appendChild(facultyCard);\r\n });\r\n }\r\n\r\n \/\/ Create a faculty card element\r\n function createFacultyCard(faculty) {\r\n const card = document.createElement('div');\r\n card.className = 'faculty-card';\r\n card.dataset.id = faculty.id;\r\n\r\n \/\/ Create departments list HTML\r\n let departmentsHTML = '';\r\n faculty.departments.forEach(dept => {\r\n departmentsHTML += `\r\n <div class=\"department-item\">\r\n <a href=\"${dept.link}\" target=\"_blank\" class=\"department-link\">\r\n <span class=\"department-icon\">\u25b6<\/span>\r\n <span>${dept.name}<\/span>\r\n <\/a>\r\n <\/div>\r\n `;\r\n });\r\n\r\n \/\/ Add department count\r\n departmentsHTML += `\r\n <div class=\"department-count\">\r\n ${faculty.departments.length} Department${faculty.departments.length !== 1 ? 's' : ''}\r\n <\/div>\r\n `;\r\n\r\n card.innerHTML = `\r\n <div class=\"faculty-header\">\r\n <div class=\"faculty-icon\">${faculty.icon}<\/div>\r\n <h3 class=\"faculty-title\">${faculty.name}<\/h3>\r\n <a href=\"${faculty.link}\" target=\"_blank\" class=\"faculty-link\">\r\n Visit Faculty <span class=\"faculty-link-icon\">\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"departments-list\">\r\n ${departmentsHTML}\r\n <\/div>\r\n `;\r\n\r\n return card;\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>Faculties & Departments – Red Sea University Faculties & Departments Explore our diverse range of academic programs across multiple faculties<\/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-131","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/131","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=131"}],"version-history":[{"count":10,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/131\/revisions"}],"predecessor-version":[{"id":534,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/131\/revisions\/534"}],"wp:attachment":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/media?parent=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Faculties & Departments - 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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n :root {\r\n --primary-color: #1a73e8;\r\n --accent-color: #34a853;\r\n --dark-text: #1a1a1a;\r\n --light-bg: #f8f9fa;\r\n --white: #ffffff;\r\n --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n body {\r\n background-color: var(--light-bg);\r\n color: var(--dark-text);\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.5rem;\r\n color: var(--primary-color);\r\n margin-bottom: 15px;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .header h1:after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background-color: var(--accent-color);\r\n border-radius: 2px;\r\n }\r\n\r\n .header p {\r\n font-size: 1.1rem;\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Faculties Grid *\/\r\n .faculties-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .faculty-card {\r\n background-color: var(--white);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease forwards;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .faculty-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .faculty-header {\r\n background: linear-gradient(135deg, var(--primary-color), #0d62d9);\r\n color: white;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faculty-header:before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -50%;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.1);\r\n transform: rotate(30deg);\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .faculty-card:hover .faculty-header:before {\r\n transform: rotate(30deg) translate(20px, 20px);\r\n }\r\n\r\n .faculty-icon {\r\n font-size: 2rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .faculty-title {\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .faculty-link {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 0.9rem;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .faculty-link:hover {\r\n color: white;\r\n text-decoration: underline;\r\n }\r\n\r\n .faculty-link-icon {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .departments-list {\r\n padding: 20px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .department-item {\r\n padding: 12px 0;\r\n border-bottom: 1px solid #f0f0f0;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .department-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .department-item:hover {\r\n background-color: #f9f9f9;\r\n padding-left: 10px;\r\n border-radius: 6px;\r\n transform: translateX(5px);\r\n }\r\n\r\n .department-link {\r\n color: var(--dark-text);\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n width: 100%;\r\n transition: color 0.3s;\r\n }\r\n\r\n .department-link:hover {\r\n color: var(--primary-color);\r\n }\r\n\r\n .department-icon {\r\n color: var(--accent-color);\r\n font-size: 1.1rem;\r\n width: 20px;\r\n text-align: center;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .department-link:hover .department-icon {\r\n transform: scale(1.2);\r\n }\r\n\r\n .department-count {\r\n margin-top: 15px;\r\n padding-top: 15px;\r\n border-top: 1px dashed #e0e0e0;\r\n color: #666;\r\n font-size: 0.9rem;\r\n text-align: center;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Stagger animation for cards *\/\r\n .faculty-card:nth-child(1) { animation-delay: 0.1s; }\r\n .faculty-card:nth-child(2) { animation-delay: 0.2s; }\r\n .faculty-card:nth-child(3) { animation-delay: 0.3s; }\r\n .faculty-card:nth-child(4) { animation-delay: 0.4s; }\r\n .faculty-card:nth-child(5) { animation-delay: 0.5s; }\r\n .faculty-card:nth-child(6) { animation-delay: 0.6s; }\r\n .faculty-card:nth-child(7) { animation-delay: 0.7s; }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 992px) {\r\n .faculties-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .faculties-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .faculty-card {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 20px 15px;\r\n }\r\n \r\n .header h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .faculty-header {\r\n padding: 15px;\r\n }\r\n \r\n .faculty-title {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .departments-list {\r\n padding: 15px;\r\n }\r\n \r\n .department-item {\r\n padding: 10px 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Faculties & Departments<\/h1>\r\n <p>Explore our diverse range of academic programs across multiple faculties<\/p>\r\n <\/div>\r\n\r\n <div class=\"faculties-grid\" id=\"faculties-container\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Faculty data with departments and links\r\n const facultiesData = [\r\n {\r\n id: 1,\r\n name: \"Faculty of Medicine and Health Sciences\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-medicine-and-health-sciences\",\r\n icon: \"\ud83c\udfe5\",\r\n departments: [\r\n { name: \"Medical Laboratory Sciences\", link: \"https:\/\/rsu.edu.so\/index.php\/medical-laboratory-sciences\" },\r\n { name: \"Medicine and Surgery\", link: \"https:\/\/rsu.edu.so\/index.php\/medicine-and-surgery\/\" },\r\n { name: \"Midwifery\", link: \"https:\/\/rsu.edu.so\/index.php\/midwifery\/\" },\r\n { name: \"Nursing\", link: \"https:\/\/rsu.edu.so\/index.php\/nursing\/\" },\r\n { name: \"Nutrition and Dietetics\", link: \"https:\/\/rsu.edu.so\/index.php\/nutrition-and-dietetics\/\" },\r\n { name: \"Pharmacy\", link: \"https:\/\/rsu.edu.so\/index.php\/pharmacy\/\" },\r\n { name: \"Public Health\", link: \"https:\/\/rsu.edu.so\/index.php\/public-health\/\" }\r\n ]\r\n },\r\n {\r\n id: 2,\r\n name: \"Faculty of Sharia and Law\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-sharia-and-law\/\",\r\n icon: \"\u2696\ufe0f\",\r\n departments: [\r\n { name: \"Sharia and Law\", link: \"https:\/\/rsu.edu.so\/index.php\/sharia-and-law\/\" },\r\n { name: \"Law\", link: \"https:\/\/rsu.edu.so\/index.php\/law\/\" },\r\n { name: \"Shari'a & Islamic Studies\", link: \"https:\/\/rsu.edu.so\/index.php\/sharia-islamic-studies\/\" }\r\n ]\r\n },\r\n {\r\n id: 3,\r\n name: \"Faculty of Economics and Management\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-economics-and-management\/\",\r\n icon: \"\ud83d\udcbc\",\r\n departments: [\r\n { name: \"Accounting\", link: \"https:\/\/rsu.edu.so\/index.php\/accounting\/\" },\r\n { name: \"Banking and Finance\", link: \"https:\/\/rsu.edu.so\/index.php\/banking-and-finance\/\" },\r\n { name: \"Business and Information Technology\", link: \"https:\/\/rsu.edu.so\/index.php\/business-and-information-technology\/\" },\r\n { name: \"Economics\", link: \"https:\/\/rsu.edu.so\/index.php\/economics\/\" }\r\n ]\r\n },\r\n {\r\n id: 4,\r\n name: \"Faculty of Computing and Emerging Technologies\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-computing-and-emerging-technologies\/\",\r\n icon: \"\ud83d\udcbb\",\r\n departments: [\r\n { name: \"Computer Science\", link: \"https:\/\/rsu.edu.so\/index.php\/computer-science\/\" },\r\n { name: \"Information Technology\", link: \"https:\/\/rsu.edu.so\/index.php\/information-technology\/\" },\r\n { name: \"Software Engineering\", link: \"https:\/\/rsu.edu.so\/index.php\/software-engineering\/\" },\r\n { name: \"Network Engineering\", link: \"https:\/\/rsu.edu.so\/index.php\/network-engineering\/\" },\r\n { name: \"Cyber Security\", link: \"https:\/\/rsu.edu.so\/index.php\/cybersecurity\/\" },\r\n { name: \"Artificial Intelligence & Machine Learning\", link: \"https:\/\/rsu.edu.so\/index.php\/artificial-intelligence-machine-learning\/\" }\r\n ]\r\n },\r\n {\r\n id: 5,\r\n name: \"Faculty of Education\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-education\/\",\r\n icon: \"\ud83d\udcda\",\r\n departments: [\r\n { name: \"Mathematics and Physics\", link: \"https:\/\/rsu.edu.so\/index.php\/mathematics-and-physics\/\" },\r\n { name: \"Biology and Chemistry\", link: \"https:\/\/rsu.edu.so\/index.php\/biology-and-chemistry\/\" },\r\n { name: \"Geography and History\", link: \"https:\/\/rsu.edu.so\/index.php\/geography-and-history\/\" },\r\n { name: \"English and Geography\", link: \"https:\/\/rsu.edu.so\/index.php\/english-and-geography\/\" },\r\n { name: \"English and History\", link: \"https:\/\/rsu.edu.so\/index.php\/english-and-history\/\" },\r\n { name: \"Agriculture and Biology\", link: \"https:\/\/rsu.edu.so\/index.php\/agriculture-and-biology\/\" }\r\n ]\r\n },\r\n {\r\n id: 6,\r\n name: \"Faculty of Humanities and Social Sciences\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-humanities-and-social-sciences\/\",\r\n icon: \"\ud83c\udf0d\",\r\n departments: [\r\n { name: \"Public Administration\", link: \"https:\/\/rsu.edu.so\/index.php\/public-administration\/\" },\r\n { name: \"Political Science & International Relations\", link: \"https:\/\/rsu.edu.so\/index.php\/political-science-international-relations\/\" },\r\n { name: \"Social Work\", link: \"https:\/\/rsu.edu.so\/index.php\/social-work\/\" }\r\n ]\r\n },\r\n {\r\n id: 7,\r\n name: \"Faculty of Veterinary Medicine\",\r\n link: \"https:\/\/rsu.edu.so\/index.php\/faculty-of-veterinary-medicine\/\",\r\n icon: \"\ud83d\udc3e\",\r\n departments: [\r\n { name: \"Veterinary Medicine\", link: \"https:\/\/rsu.edu.so\/index.php\/veterinary-medicine\/\" }\r\n ]\r\n }\r\n ];\r\n\r\n \/\/ Initialize the faculties section\r\n document.addEventListener('DOMContentLoaded', function() {\r\n renderFaculties();\r\n });\r\n\r\n \/\/ Render all faculties\r\n function renderFaculties() {\r\n const container = document.getElementById('faculties-container');\r\n container.innerHTML = '';\r\n\r\n facultiesData.forEach(faculty => {\r\n const facultyCard = createFacultyCard(faculty);\r\n container.appendChild(facultyCard);\r\n });\r\n }\r\n\r\n \/\/ Create a faculty card element\r\n function createFacultyCard(faculty) {\r\n const card = document.createElement('div');\r\n card.className = 'faculty-card';\r\n card.dataset.id = faculty.id;\r\n\r\n \/\/ Create departments list HTML\r\n let departmentsHTML = '';\r\n faculty.departments.forEach(dept => {\r\n departmentsHTML += `\r\n <div class=\"department-item\">\r\n <a href=\"${dept.link}\" target=\"_blank\" class=\"department-link\">\r\n <span class=\"department-icon\">\u25b6<\/span>\r\n <span>${dept.name}<\/span>\r\n <\/a>\r\n <\/div>\r\n `;\r\n });\r\n\r\n \/\/ Add department count\r\n departmentsHTML += `\r\n <div class=\"department-count\">\r\n ${faculty.departments.length} Department${faculty.departments.length !== 1 ? 's' : ''}\r\n <\/div>\r\n `;\r\n\r\n card.innerHTML = `\r\n <div class=\"faculty-header\">\r\n <div class=\"faculty-icon\">${faculty.icon}<\/div>\r\n <h3 class=\"faculty-title\">${faculty.name}<\/h3>\r\n <a href=\"${faculty.link}\" target=\"_blank\" class=\"faculty-link\">\r\n Visit Faculty <span class=\"faculty-link-icon\">\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"departments-list\">\r\n ${departmentsHTML}\r\n <\/div>\r\n `;\r\n\r\n return card;\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>Faculties & Departments – Red Sea University Faculties & Departments Explore our diverse range of academic programs across multiple faculties<\/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-131","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/131","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=131"}],"version-history":[{"count":10,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/131\/revisions"}],"predecessor-version":[{"id":534,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/131\/revisions\/534"}],"wp:attachment":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/media?parent=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}