{"id":15701,"date":"2026-08-08T06:11:08","date_gmt":"2026-08-08T06:11:08","guid":{"rendered":"https:\/\/www.smu.edu.ly\/?page_id=15701"},"modified":"2026-08-08T08:09:58","modified_gmt":"2026-08-08T08:09:58","slug":"administration-building","status":"publish","type":"page","link":"https:\/\/www.smu.edu.ly\/ar\/administration-building\/","title":{"rendered":"Administration Building"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\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\r\n\r\nSMU Administration Building<\/title>\r\n\r\n<style>\r\n.smu-admin-page,\r\n.smu-admin-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.smu-admin-page {\r\n --red: #cc0101;\r\n --blue: #0029e9;\r\n --dark: #1f2d42;\r\n --text: #354055;\r\n --muted: #6e7788;\r\n --line: #e3e7ee;\r\n --soft: #f5f7fb;\r\n --white: #ffffff;\r\n\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n\r\n font-family: Arial, \"Segoe UI\", sans-serif;\r\n color: var(--text);\r\n background: var(--soft);\r\n}\r\n\r\n.smu-admin-container {\r\n width: min(1180px, calc(100% - 40px));\r\n margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GALLERY FIRST\r\n========================================================= *\/\r\n\r\n.smu-admin-gallery-section {\r\n padding: 45px 0 35px;\r\n}\r\n\r\n.smu-admin-main {\r\n width: 100%;\r\n height: 560px;\r\n\r\n position: relative;\r\n overflow: hidden;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 20px;\r\n\r\n background: #eef1f6;\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(35, 49, 78, 0.10);\r\n}\r\n\r\n.smu-admin-main img {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n object-fit: contain;\r\n object-position: center;\r\n\r\n background: #eef1f6;\r\n\r\n transition: opacity 0.25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ARROWS\r\n========================================================= *\/\r\n\r\n.smu-admin-arrow {\r\n width: 50px;\r\n height: 50px;\r\n\r\n position: absolute;\r\n top: 50%;\r\n z-index: 5;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 0;\r\n\r\n border: 1px solid rgba(255,255,255,0.7);\r\n border-radius: 50%;\r\n\r\n color: #ffffff;\r\n background: rgba(0, 41, 233, 0.88);\r\n\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.18);\r\n\r\n font-size: 21px;\r\n font-weight: bold;\r\n\r\n cursor: pointer;\r\n\r\n transform: translateY(-50%);\r\n transition: 0.25s ease;\r\n}\r\n\r\n.smu-admin-arrow:hover {\r\n background: var(--red);\r\n}\r\n\r\n.smu-admin-prev {\r\n left: 18px;\r\n}\r\n\r\n.smu-admin-next {\r\n right: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COUNTER\r\n========================================================= *\/\r\n\r\n.smu-admin-counter {\r\n min-width: 72px;\r\n height: 36px;\r\n\r\n position: absolute;\r\n right: 18px;\r\n bottom: 18px;\r\n z-index: 5;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 0 14px;\r\n\r\n border: 1px solid rgba(255,255,255,0.5);\r\n border-radius: 30px;\r\n\r\n color: #ffffff;\r\n background: rgba(0, 41, 233, 0.90);\r\n\r\n font-size: 12px;\r\n font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n THUMBNAILS\r\n========================================================= *\/\r\n\r\n.smu-admin-thumbnails-box {\r\n margin-top: 18px;\r\n padding: 14px;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 16px;\r\n\r\n background: var(--white);\r\n}\r\n\r\n.smu-admin-thumbnails {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n}\r\n\r\n.smu-admin-thumb {\r\n height: 120px;\r\n\r\n position: relative;\r\n overflow: hidden;\r\n\r\n padding: 0;\r\n\r\n border: 3px solid transparent;\r\n border-radius: 11px;\r\n\r\n background: #edf1f6;\r\n\r\n cursor: pointer;\r\n\r\n transition:\r\n transform 0.2s ease,\r\n border-color 0.2s ease,\r\n box-shadow 0.2s ease;\r\n}\r\n\r\n.smu-admin-thumb:hover {\r\n transform: translateY(-2px);\r\n\r\n border-color: rgba(0, 41, 233, 0.35);\r\n\r\n box-shadow:\r\n 0 8px 18px rgba(0, 41, 233, 0.10);\r\n}\r\n\r\n.smu-admin-thumb.active {\r\n border-color: var(--blue);\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(0,41,233,0.1),\r\n 0 8px 20px rgba(0,41,233,0.15);\r\n}\r\n\r\n.smu-admin-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n\r\n.smu-admin-thumb-number {\r\n width: 27px;\r\n height: 27px;\r\n\r\n position: absolute;\r\n right: 6px;\r\n bottom: 6px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 50%;\r\n\r\n color: #ffffff;\r\n background: var(--blue);\r\n\r\n font-size: 11px;\r\n font-weight: 800;\r\n}\r\n\r\n.smu-admin-thumb.active .smu-admin-thumb-number {\r\n background: var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO UNDER GALLERY\r\n========================================================= *\/\r\n\r\n.smu-admin-intro-wrap {\r\n padding: 10px 0 30px;\r\n}\r\n\r\n.smu-admin-intro-card {\r\n max-width: 960px;\r\n\r\n margin: 0 auto;\r\n padding: 45px 55px;\r\n\r\n text-align: center;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 22px;\r\n\r\n background: var(--white);\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(35, 49, 78, 0.08);\r\n}\r\n\r\n.smu-admin-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n\r\n margin-bottom: 14px;\r\n\r\n color: var(--red);\r\n\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 1.8px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.smu-admin-label::before,\r\n.smu-admin-label::after {\r\n content: \"\";\r\n\r\n width: 30px;\r\n height: 3px;\r\n\r\n border-radius: 30px;\r\n}\r\n\r\n.smu-admin-label::before {\r\n background: var(--blue);\r\n}\r\n\r\n.smu-admin-label::after {\r\n background: var(--red);\r\n}\r\n\r\n.smu-admin-intro-card h1 {\r\n max-width: 820px;\r\n\r\n margin: 0 auto;\r\n\r\n color: var(--dark);\r\n\r\n font-size: clamp(34px, 5vw, 52px);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n letter-spacing: -1.4px;\r\n}\r\n\r\n.smu-admin-intro-card p {\r\n max-width: 780px;\r\n\r\n margin: 18px auto 0;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 15px;\r\n line-height: 1.85;\r\n}\r\n\r\n.smu-admin-intro-accent {\r\n width: 110px;\r\n height: 5px;\r\n\r\n display: flex;\r\n overflow: hidden;\r\n\r\n margin: 24px auto 0;\r\n\r\n border-radius: 50px;\r\n}\r\n\r\n.smu-admin-intro-accent span {\r\n flex: 1;\r\n}\r\n\r\n.smu-admin-intro-accent span:first-child {\r\n background: var(--blue);\r\n}\r\n\r\n.smu-admin-intro-accent span:last-child {\r\n background: var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INFO CARD\r\n========================================================= *\/\r\n\r\n.smu-admin-info {\r\n max-width: 920px;\r\n\r\n margin: 0 auto 45px;\r\n padding: 28px 34px;\r\n\r\n text-align: center;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 17px;\r\n\r\n background: var(--white);\r\n\r\n box-shadow:\r\n 0 10px 30px rgba(35, 49, 78, 0.05);\r\n}\r\n\r\n.smu-admin-info span {\r\n display: block;\r\n\r\n margin-bottom: 6px;\r\n\r\n color: var(--red);\r\n\r\n font-size: 10px;\r\n font-weight: 800;\r\n letter-spacing: 1.4px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.smu-admin-info h2 {\r\n margin: 0;\r\n\r\n color: var(--dark);\r\n\r\n font-size: 26px;\r\n font-weight: 800;\r\n line-height: 1.25;\r\n}\r\n\r\n.smu-admin-info p {\r\n max-width: 760px;\r\n\r\n margin: 12px auto 0;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 13px;\r\n line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXPLORE CAMPUS\r\n========================================================= *\/\r\n\r\n.smu-campus-explore {\r\n padding: 10px 0 80px;\r\n}\r\n\r\n.smu-campus-explore-card {\r\n padding: 40px;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 22px;\r\n\r\n background: var(--white);\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(35, 49, 78, 0.07);\r\n}\r\n\r\n.smu-campus-explore-header {\r\n max-width: 750px;\r\n\r\n margin: 0 auto 28px;\r\n\r\n text-align: center;\r\n}\r\n\r\n.smu-campus-explore-header span {\r\n display: block;\r\n\r\n margin-bottom: 8px;\r\n\r\n color: var(--red);\r\n\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.smu-campus-explore-header h2 {\r\n margin: 0;\r\n\r\n color: var(--dark);\r\n\r\n font-size: 32px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n}\r\n\r\n.smu-campus-explore-header p {\r\n margin: 10px 0 0;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 14px;\r\n line-height: 1.7;\r\n}\r\n\r\n.smu-campus-menu {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n}\r\n\r\n.smu-campus-menu a {\r\n min-height: 68px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n\r\n padding: 16px 18px;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 12px;\r\n\r\n color: var(--dark);\r\n background: #ffffff;\r\n\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n\r\n transition:\r\n transform 0.2s ease,\r\n border-color 0.2s ease,\r\n box-shadow 0.2s ease,\r\n color 0.2s ease;\r\n}\r\n\r\n.smu-campus-menu a::after {\r\n content: \"\u2192\";\r\n\r\n width: 30px;\r\n height: 30px;\r\n\r\n flex: 0 0 30px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 50%;\r\n\r\n color: #ffffff;\r\n background: var(--blue);\r\n\r\n font-size: 15px;\r\n\r\n transition: background 0.2s ease;\r\n}\r\n\r\n.smu-campus-menu a:hover {\r\n transform: translateY(-2px);\r\n\r\n border-color: rgba(0, 41, 233, 0.30);\r\n\r\n color: var(--blue);\r\n\r\n box-shadow:\r\n 0 8px 20px rgba(0, 41, 233, 0.08);\r\n}\r\n\r\n.smu-campus-menu a:hover::after {\r\n background: var(--red);\r\n}\r\n\r\n.smu-campus-menu a.current {\r\n color: #ffffff;\r\n border-color: var(--blue);\r\n background: var(--blue);\r\n}\r\n\r\n.smu-campus-menu a.current::after {\r\n color: var(--red);\r\n background: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .smu-admin-main {\r\n height: 440px;\r\n }\r\n\r\n .smu-admin-thumbnails {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .smu-campus-menu {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n .smu-admin-container {\r\n width: calc(100% - 24px);\r\n }\r\n\r\n .smu-admin-gallery-section {\r\n padding: 28px 0 24px;\r\n }\r\n\r\n .smu-admin-main {\r\n height: 295px;\r\n border-radius: 14px;\r\n }\r\n\r\n .smu-admin-arrow {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .smu-admin-prev {\r\n left: 8px;\r\n }\r\n\r\n .smu-admin-next {\r\n right: 8px;\r\n }\r\n\r\n .smu-admin-counter {\r\n right: 9px;\r\n bottom: 9px;\r\n\r\n min-width: 64px;\r\n height: 32px;\r\n }\r\n\r\n .smu-admin-thumbnails-box {\r\n padding: 8px;\r\n }\r\n\r\n .smu-admin-thumbnails {\r\n gap: 8px;\r\n }\r\n\r\n .smu-admin-thumb {\r\n height: 88px;\r\n border-width: 2px;\r\n border-radius: 8px;\r\n }\r\n\r\n .smu-admin-intro-wrap {\r\n padding: 10px 0 22px;\r\n }\r\n\r\n .smu-admin-intro-card {\r\n padding: 30px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .smu-admin-label::before,\r\n .smu-admin-label::after {\r\n width: 20px;\r\n }\r\n\r\n .smu-admin-intro-card h1 {\r\n font-size: 34px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .smu-admin-intro-card p {\r\n font-size: 14px;\r\n }\r\n\r\n .smu-admin-info {\r\n padding: 22px 18px;\r\n }\r\n\r\n .smu-admin-info h2 {\r\n font-size: 22px;\r\n }\r\n\r\n .smu-campus-explore-card {\r\n padding: 28px 15px;\r\n border-radius: 16px;\r\n }\r\n\r\n .smu-campus-explore-header h2 {\r\n font-size: 27px;\r\n }\r\n\r\n .smu-campus-menu {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"smu-admin-page\">\r\n\r\n <div class=\"smu-admin-container\">\r\n\r\n\r\n <!-- GALLERY FIRST -->\r\n\r\n <div class=\"smu-admin-gallery-section\">\r\n\r\n <div class=\"smu-admin-main\">\r\n\r\n <img decoding=\"async\"\r\n id=\"smuAdminMainImage\"\r\n src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/500436873_122126417630726686_1231863217412940163_n.jpg\"\r\n alt=\"SMU Administration Building\"\r\n >\r\n\r\n <button\r\n class=\"smu-admin-arrow smu-admin-prev\"\r\n type=\"button\"\r\n onclick=\"smuAdminPrevious()\"\r\n aria-label=\"Previous image\"\r\n >\r\n ❮\r\n <\/button>\r\n\r\n <button\r\n class=\"smu-admin-arrow smu-admin-next\"\r\n type=\"button\"\r\n onclick=\"smuAdminNext()\"\r\n aria-label=\"Next image\"\r\n >\r\n ❯\r\n <\/button>\r\n\r\n <div\r\n class=\"smu-admin-counter\"\r\n id=\"smuAdminCounter\"\r\n >\r\n 1 \/ 7\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- THUMBNAILS -->\r\n\r\n <div class=\"smu-admin-thumbnails-box\">\r\n\r\n <div class=\"smu-admin-thumbnails\">\r\n\r\n <button class=\"smu-admin-thumb active\" type=\"button\" onclick=\"smuAdminSelect(0)\">\r\n <img decoding=\"async\" src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/500436873_122126417630726686_1231863217412940163_n.jpg\" alt=\"Administration Building Image 1\" loading=\"lazy\">\r\n <span class=\"smu-admin-thumb-number\">1<\/span>\r\n <\/button>\r\n\r\n <button class=\"smu-admin-thumb\" type=\"button\" onclick=\"smuAdminSelect(1)\">\r\n <img decoding=\"async\" src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502425540_122126946218726686_1888690105044671986_n.jpg\" alt=\"Administration Building Image 2\" loading=\"lazy\">\r\n <span class=\"smu-admin-thumb-number\">2<\/span>\r\n <\/button>\r\n\r\n <button class=\"smu-admin-thumb\" type=\"button\" onclick=\"smuAdminSelect(2)\">\r\n <img decoding=\"async\" src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502460185_122126946356726686_5648477266771549931_n.jpg\" alt=\"Administration Building Image 3\" loading=\"lazy\">\r\n <span class=\"smu-admin-thumb-number\">3<\/span>\r\n <\/button>\r\n\r\n <button class=\"smu-admin-thumb\" type=\"button\" onclick=\"smuAdminSelect(3)\">\r\n <img decoding=\"async\" src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502475694_122126946410726686_4937381143750759068_n.jpg\" alt=\"Administration Building Image 4\" loading=\"lazy\">\r\n <span class=\"smu-admin-thumb-number\">4<\/span>\r\n <\/button>\r\n\r\n <button class=\"smu-admin-thumb\" type=\"button\" onclick=\"smuAdminSelect(4)\">\r\n <img decoding=\"async\" src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502498094_122127112796726686_1765047685834831166_n-1.jpg\" alt=\"Administration Building Image 5\" loading=\"lazy\">\r\n <span class=\"smu-admin-thumb-number\">5<\/span>\r\n <\/button>\r\n\r\n <button class=\"smu-admin-thumb\" type=\"button\" onclick=\"smuAdminSelect(5)\">\r\n <img decoding=\"async\" src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502527065_122126946242726686_8675737804759015845_n.jpg\" alt=\"Administration Building Image 6\" loading=\"lazy\">\r\n <span class=\"smu-admin-thumb-number\">6<\/span>\r\n <\/button>\r\n\r\n <button class=\"smu-admin-thumb\" type=\"button\" onclick=\"smuAdminSelect(6)\">\r\n <img decoding=\"async\" src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502757748_122127111098726686_7258580848321666700_n.jpg\" alt=\"Administration Building Image 7\" loading=\"lazy\">\r\n <span class=\"smu-admin-thumb-number\">7<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- TEXT UNDER GALLERY -->\r\n\r\n <div class=\"smu-admin-intro-wrap\">\r\n\r\n <div class=\"smu-admin-intro-card\">\r\n\r\n <span class=\"smu-admin-label\">\r\n Administration Building\r\n <\/span>\r\n\r\n <h1>\r\n Supporting the University Community Every Day\r\n <\/h1>\r\n\r\n <p>\r\n The SMU Administration Building serves as a central point\r\n for university management, coordination and student support.\r\n It brings together key administrative services that help\r\n organize academic operations, support faculty and students,\r\n and ensure the smooth day-to-day functioning of the university.\r\n <\/p>\r\n\r\n <div class=\"smu-admin-intro-accent\">\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- EXTRA INFO -->\r\n\r\n <div class=\"smu-admin-info\">\r\n\r\n <span>\r\n University Administration\r\n <\/span>\r\n\r\n <h2>\r\n Coordination, Support and Academic Services\r\n <\/h2>\r\n\r\n <p>\r\n The Administration Building plays an important role in\r\n connecting the different areas of South Mediterranean University.\r\n It supports institutional planning, academic coordination,\r\n administrative services and the needs of students and staff\r\n across the university community.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- EXPLORE CAMPUS -->\r\n\r\n <div class=\"smu-campus-explore\">\r\n\r\n <div class=\"smu-campus-explore-card\">\r\n\r\n <div class=\"smu-campus-explore-header\">\r\n\r\n <span>\r\n Discover SMU\r\n <\/span>\r\n\r\n <h2>\r\n Explore Other Campus Facilities\r\n <\/h2>\r\n\r\n <p>\r\n Discover more spaces and facilities across the\r\n South Mediterranean University campus.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"smu-campus-menu\">\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/mosque\/\">\r\n Mosque\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/main-library\/\">\r\n Main Library\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/administration-building\/\" class=\"current\">\r\n Administration Building\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/clinics\/\">\r\n Clinics\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/laboratories\/\">\r\n Laboratories\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/restaurants-and-cafes\/\">\r\n Restaurants and Caf\u00e9s\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/fitness-and-athletics\/\">\r\n Fitness and Athletics\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/parking-areas\/\">\r\n Parking Areas\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/theater\/\">\r\n Theater\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n const adminImages = [\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/500436873_122126417630726686_1231863217412940163_n.jpg\",\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502425540_122126946218726686_1888690105044671986_n.jpg\",\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502460185_122126946356726686_5648477266771549931_n.jpg\",\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502475694_122126946410726686_4937381143750759068_n.jpg\",\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502498094_122127112796726686_1765047685834831166_n-1.jpg\",\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502527065_122126946242726686_8675737804759015845_n.jpg\",\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502757748_122127111098726686_7258580848321666700_n.jpg\"\r\n ];\r\n\r\n\r\n let adminIndex = 0;\r\n\r\n const mainImage =\r\n document.getElementById(\"smuAdminMainImage\");\r\n\r\n const counter =\r\n document.getElementById(\"smuAdminCounter\");\r\n\r\n const thumbnails =\r\n document.querySelectorAll(\".smu-admin-thumb\");\r\n\r\n\r\n function updateAdminGallery() {\r\n\r\n mainImage.style.opacity = \"0\";\r\n\r\n setTimeout(function () {\r\n\r\n mainImage.src = adminImages[adminIndex];\r\n mainImage.style.opacity = \"1\";\r\n\r\n }, 100);\r\n\r\n\r\n counter.textContent =\r\n (adminIndex + 1) +\r\n \" \/ \" +\r\n adminImages.length;\r\n\r\n\r\n thumbnails.forEach(function (thumbnail, index) {\r\n\r\n thumbnail.classList.toggle(\r\n \"active\",\r\n index === adminIndex\r\n );\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n window.smuAdminSelect = function (index) {\r\n\r\n adminIndex = index;\r\n updateAdminGallery();\r\n\r\n };\r\n\r\n\r\n window.smuAdminNext = function () {\r\n\r\n adminIndex =\r\n (adminIndex + 1)\r\n % adminImages.length;\r\n\r\n updateAdminGallery();\r\n\r\n };\r\n\r\n\r\n window.smuAdminPrevious = function () {\r\n\r\n adminIndex =\r\n (adminIndex - 1 + adminImages.length)\r\n % adminImages.length;\r\n\r\n updateAdminGallery();\r\n\r\n };\r\n\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n function (event) {\r\n\r\n if (event.key === \"ArrowRight\") {\r\n window.smuAdminNext();\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n window.smuAdminPrevious();\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n let touchStartX = 0;\r\n\r\n const galleryMain =\r\n document.querySelector(\".smu-admin-main\");\r\n\r\n\r\n galleryMain.addEventListener(\r\n \"touchstart\",\r\n function (event) {\r\n\r\n touchStartX =\r\n event.changedTouches[0].clientX;\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n galleryMain.addEventListener(\r\n \"touchend\",\r\n function (event) {\r\n\r\n const touchEndX =\r\n event.changedTouches[0].clientX;\r\n\r\n const distance =\r\n touchEndX - touchStartX;\r\n\r\n\r\n if (Math.abs(distance) < 50) {\r\n return;\r\n }\r\n\r\n\r\n if (distance < 0) {\r\n\r\n window.smuAdminNext();\r\n\r\n } else {\r\n\r\n window.smuAdminPrevious();\r\n\r\n }\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SMU Administration Building ❮ ❯ 1 \/ 7 1 2 3 4 5 6 7 Administration Building Supporting the University Community Every Day The SMU Administration Building serves as a central point for university management, coordination and student support. It brings together key administrative services that help organize academic operations, support faculty and students, and […]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-15701","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/pages\/15701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/comments?post=15701"}],"version-history":[{"count":7,"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/pages\/15701\/revisions"}],"predecessor-version":[{"id":15854,"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/pages\/15701\/revisions\/15854"}],"wp:attachment":[{"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/media?parent=15701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}