{"id":74,"date":"2025-10-16T14:08:29","date_gmt":"2025-10-16T14:08:29","guid":{"rendered":"https:\/\/rsu.edu.so\/?page_id=74"},"modified":"2025-10-16T14:25:53","modified_gmt":"2025-10-16T14:25:53","slug":"about-us","status":"publish","type":"page","link":"https:\/\/rsu.edu.so\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"74\" class=\"elementor elementor-74\">\n\t\t\t\t<div class=\"elementor-element elementor-element-746c5dd e-con-full e-flex e-con e-parent\" data-id=\"746c5dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83c99d9 elementor-widget elementor-widget-html\" data-id=\"83c99d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>About Us - Red Sea University<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: #000;\n            background-color: #fff;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Hero Section *\/\n        .hero-section {\n            text-align: center;\n            padding: 80px 20px;\n            background-color: #000;\n            color: #fff;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, #000 0%, #333 100%);\n            opacity: 0.8;\n            z-index: 0;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        .hero-section h1 {\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n            animation: fadeInDown 1s ease-out;\n        }\n\n        .hero-section .subtitle {\n            font-size: 1.5rem;\n            font-weight: 300;\n            margin-bottom: 30px;\n            animation: fadeInUp 1s ease-out 0.3s both;\n        }\n\n        \/* Icon Styles *\/\n        .icon {\n            width: 60px;\n            height: 60px;\n            margin: 0 auto 20px;\n            animation: scaleIn 0.6s ease-out;\n        }\n\n        .icon svg {\n            width: 100%;\n            height: 100%;\n            fill: currentColor;\n        }\n\n        \/* About Section *\/\n        .about-section {\n            padding: 80px 20px;\n            background-color: #fff;\n        }\n\n        .about-content {\n            max-width: 900px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .about-content p {\n            font-size: 1.2rem;\n            line-height: 1.8;\n            margin-bottom: 30px;\n            color: #333;\n        }\n\n        .about-content .highlight {\n            font-size: 1.4rem;\n            font-weight: 600;\n            color: #000;\n            margin: 40px 0;\n            padding: 30px;\n            border-left: 4px solid #000;\n            background-color: #f5f5f5;\n            text-align: left;\n        }\n\n        \/* Mission & Vision Section *\/\n        .mission-vision-section {\n            padding: 80px 20px;\n            background-color: #000;\n            color: #fff;\n        }\n\n        .cards-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 40px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .card {\n            background-color: #fff;\n            color: #000;\n            padding: 40px;\n            border-radius: 8px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            animation: fadeInUp 0.8s ease-out;\n        }\n\n        .card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);\n        }\n\n        .card h2 {\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .card p {\n            font-size: 1.1rem;\n            line-height: 1.8;\n            color: #333;\n        }\n\n        .card .icon {\n            width: 50px;\n            height: 50px;\n            margin: 0;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                opacity: 0;\n                transform: scale(0.5);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .hero-section h1 {\n                font-size: 2.5rem;\n            }\n\n            .hero-section .subtitle {\n                font-size: 1.2rem;\n            }\n\n            .about-content p {\n                font-size: 1.1rem;\n            }\n\n            .about-content .highlight {\n                font-size: 1.2rem;\n                padding: 20px;\n            }\n\n            .card h2 {\n                font-size: 1.6rem;\n            }\n\n            .card p {\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Hero Section -->\n    <section class=\"hero-section\">\n        <div class=\"hero-content\">\n            <div class=\"icon\">\n         \n            <\/div>\n            <h1>What We Are<br>All About<\/h1>\n            <p class=\"subtitle\">We are one of the leading and most diverse universities in Somalia<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- About Section -->\n    <section class=\"about-section\">\n        <div class=\"about-content\">\n            <div class=\"icon\" style=\"color: #000;\">\n               \n            <\/div>\n            <p>Our community is being called to reimagine the future. As the only university where a renowned design school comes together with premier colleges, we are making learning more relevant and transformational. We are enriched by the wide range of experiences and perspectives of our students, faculty, staff and alumni.<\/p>\n            \n            <div class=\"highlight\">\n                Preparing students to make meaningful contributions to society as leaders in a complex world.\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Mission & Vision Section -->\n    <section class=\"mission-vision-section\">\n        <div class=\"cards-container\">\n            <!-- Mission Card -->\n            <div class=\"card\">\n                <h2>\n                    <div class=\"icon\">\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M12 2L1 21h22L12 2zm0 3.99L19.53 19H4.47L12 5.99zM11 16h2v2h-2zm0-6h2v4h-2z\"\/>\n                        <\/svg>\n                    <\/div>\n                    Our Mission\n                <\/h2>\n                <p>Red Sea University has been committed, since its establishment, to offer outstanding educational programs and to provide an embracing environment for academic creativity and development of leadership skills, instilling the concept of social responsibility, while respecting diversity and multicultural understanding. The University promotes a stimulating academic atmosphere for its academic staff to ensure excellence in research and the dissemination of its outcomes to address community needs, both nationally and internationally. RSU relies on the contribution of the University's expertise in the sustainable development of the local community while maintaining engagement with its alumni. RSU believes in its highly efficient leadership, well-structured governance system and greatly motivated academic staff.<\/p>\n            <\/div>\n\n            <!-- Vision Card -->\n            <div class=\"card\">\n                <h2>\n                    <div class=\"icon\">\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/>\n                        <\/svg>\n                    <\/div>\n                    Our Vision\n                <\/h2>\n                <p>To be among the top universities in the region, with a global perspective that generates multi-cultural leaders equipped with competence and insightfulness for the development and progress of the society.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Intersection Observer for scroll animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -100px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all cards\n        document.querySelectorAll('.card').forEach(card => {\n            card.style.opacity = '0';\n            card.style.transform = 'translateY(30px)';\n            card.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n            observer.observe(card);\n        });\n\n        \/\/ Smooth scroll behavior\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/body>\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>About Us &#8211; Red Sea University What We AreAll About We are one of the leading and most diverse universities in Somalia Our community is being called to reimagine the future. As the only university where a renowned design school comes together with premier colleges, we are making learning more relevant and transformational. We are [&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-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/74","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=74"}],"version-history":[{"count":10,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/74\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}