{"id":164,"date":"2025-10-22T14:00:16","date_gmt":"2025-10-22T14:00:16","guid":{"rendered":"https:\/\/rsu.edu.so\/?page_id=164"},"modified":"2025-10-28T17:32:08","modified_gmt":"2025-10-28T17:32:08","slug":"sharia-and-law","status":"publish","type":"page","link":"https:\/\/rsu.edu.so\/index.php\/sharia-and-law\/","title":{"rendered":"Sharia and Law"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Faculty of Sharia and Law - 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 \/* 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 Sharia and Law - Red Sea University<\/h1>\r\n <p>\r\n The Faculty of Sharia and Law aims to produce dynamic, well-qualified, and research-oriented scholars with deep knowledge of both Sharia and conventional laws. Our program prepares students to actively participate in nation building through roles that uphold and administer justice, while addressing the specific demands of Somali society.\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 Faculty<\/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 Faculty<\/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 Faculty Tab -->\r\n <div class=\"tab-content active\" id=\"about\">\r\n <h2>About Faculty<\/h2>\r\n <p>\r\n The Faculty of Sharia and Law at Red Sea University is dedicated to producing dynamic, well-qualified, and research-oriented scholars with deep knowledge of both Sharia and conventional laws. Our unique program bridges traditional Islamic jurisprudence with contemporary legal systems, preparing graduates for diverse roles in the legal and judicial sectors.\r\n <\/p>\r\n <p>\r\n Our distinguished faculty comprises experts in Islamic jurisprudence, comparative law, civil law, criminal law, and international law who are committed to providing students with comprehensive legal education. We emphasize critical thinking, research skills, and practical applications to prepare students for real-world legal challenges.\r\n <\/p>\r\n <p>\r\n The faculty maintains strong partnerships with judicial institutions, legal firms, and Islamic organizations, enabling our students to gain valuable experience through internships, court observations, and research projects that address current legal needs in Somali society.\r\n <\/p>\r\n \r\n <h3>Career Opportunities<\/h3>\r\n <p>Graduates of Sharia and Law can pursue rewarding careers in judicial, legal, and Islamic advisory roles. Potential positions include:<\/p>\r\n <div class=\"job-opportunities\">\r\n <div class=\"job-card\">\r\n <h3>Judge<\/h3>\r\n <p>Preside over court proceedings and deliver judgments in accordance with law<\/p>\r\n <\/div>\r\n <div class=\"job-card\">\r\n <h3>Prosecutor<\/h3>\r\n <p>Represent the state in criminal proceedings and ensure justice is served<\/p>\r\n <\/div>\r\n <div class=\"job-card\">\r\n <h3>Lawyer<\/h3>\r\n <p>Provide legal representation and counsel to clients in various legal matters<\/p>\r\n <\/div>\r\n <div class=\"job-card\">\r\n <h3>Mufti<\/h3>\r\n <p>Issue Islamic legal opinions and fatwas based on Sharia principles<\/p>\r\n <\/div>\r\n <div class=\"job-card\">\r\n <h3>Legal Advisor<\/h3>\r\n <p>Provide expert legal guidance to organizations and institutions<\/p>\r\n <\/div>\r\n <div class=\"job-card\">\r\n <h3>Sharia Expert<\/h3>\r\n <p>Specialize in Islamic jurisprudence for courts and organizations<\/p>\r\n <\/div>\r\n <div class=\"job-card\">\r\n <h3>Academic Researcher<\/h3>\r\n <p>Conduct research in comparative law and Islamic jurisprudence<\/p>\r\n <\/div>\r\n <div class=\"job-card\">\r\n <h3>Legal Consultant<\/h3>\r\n <p>Advise on legal matters with expertise in both Sharia and conventional law<\/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 Law 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 Law program is structured to provide comprehensive training in both Islamic jurisprudence and contemporary legal systems. 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>28<\/td>\r\n <td>83<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3<\/td>\r\n <td>Department Requirement<\/td>\r\n <td>19<\/td>\r\n <td>47<\/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>55<\/strong><\/td>\r\n <td><strong>154<\/strong><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n \r\n \r\n <p style=\"margin-top: 20px;\">\r\n <span class=\"highlight\">Note:<\/span> The Bachelor of Sharia and Law shall be conferred to students who successfully complete 154 credit hours. The program emphasizes both theoretical knowledge and practical application, with courses designed to develop strong legal reasoning skills and expertise in both Sharia and conventional legal systems.\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 Law – Red Sea University Department of Sharia and Law – Red Sea University The Faculty of Sharia and Law aims to produce dynamic, well-qualified, and research-oriented scholars with deep knowledge of both Sharia and conventional laws. Our program prepares students to actively participate in nation building through roles that uphold […]<\/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-164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/164","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=164"}],"version-history":[{"count":4,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/164\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/media?parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}