{"id":7273,"date":"2017-07-28T16:07:06","date_gmt":"2017-07-28T08:07:06","guid":{"rendered":"https:\/\/fssm.umt.edu.my\/ubaru\/"},"modified":"2026-04-01T16:01:37","modified_gmt":"2026-04-01T08:01:37","slug":"ubaru","status":"publish","type":"page","link":"https:\/\/fssm.umt.edu.my\/ms\/","title":{"rendered":"RUMAH"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7273\" class=\"elementor elementor-7273 elementor-2221\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d0435 e-con-full e-flex e-con e-parent\" data-id=\"07d0435\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e0fea1 elementor-widget elementor-widget-html\" data-id=\"9e0fea1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \/* 1. CONTAINER UTAMA *\/\n    .fssm-video-container {\n        position: relative !important;\n        width: 100vw !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        height: 50vh !important;\n        min-height: 300px !important;\n        overflow: hidden !important;\n        background-color: #000 !important;\n        isolation: isolate; \n    }\n\n    \/* 2. VIDEO *\/\n    .fssm-video-container video {\n        position: absolute !important;\n        top: 50% !important;\n        left: 50% !important;\n        width: 100% !important;\n        height: 100% !important;\n        transform: translate(-50%, -50%) !important;\n        object-fit: cover !important;\n        z-index: -1;\n    }\n\n    \/* 3. WRAPPER KANDUNGAN *\/\n    .fssm-content-wrapper {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        padding: 20px;\n        pointer-events: none;\n    }\n\n    \/* 4. WELCOME TO *\/\n    .fssm-welcome-text {\n        color: #ffffff !important;\n        font-size: 18px;\n        letter-spacing: 10px;\n        text-transform: uppercase;\n        font-weight: 300;\n        margin-bottom: 10px;\n        text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n        opacity: 0;\n        animation: fssmFadeUp 3s ease-out forwards;\n    }\n\n    \/* 5. FACULTY TEXT *\/\n    .fssm-faculty-title {\n        color: #ffffff !important;\n        mix-blend-mode: difference !important;\n        font-size: 55px;\n        font-weight: 900;\n        line-height: 1.1;\n        text-transform: uppercase;\n        max-width: 1000px;\n        margin: 0;\n        letter-spacing: 2px;\n        opacity: 0;\n        animation: fssmFadeUp 3s ease-out 0.8s forwards;\n    }\n\n    \/* Control Break Line untuk Desktop\/Tablet *\/\n    .br-mobile { display: none; } \/* Sorok break mobile dkt desktop *\/\n    .br-desktop { display: block; }\n\n    \/* ANIMASI *\/\n    @keyframes fssmFadeUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* RESPONSIVE UNTUK MOBILE *\/\n    @media (max-width: 768px) {\n        .fssm-video-container { height: 50vh !important; }\n        .fssm-faculty-title { font-size: 28px; line-height: 1.3; }\n        .fssm-welcome-text { font-size: 12px; letter-spacing: 5px; }\n        \n        \/* Adjust Break Line untuk Mobile *\/\n        .br-desktop { display: inline; } \/* Gabungkan balik teks desktop *\/\n        .br-mobile { display: block; }   \/* Pecahkan ikut kehendak mobile *\/\n    }\n<\/style>\n\n<div class=\"fssm-video-container\">\n    <video autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/poster-video-fssm.jpg\">\n        <source src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2026\/01\/1536069-Group-Spinner-1920x1080-1.mp4\" type=\"video\/mp4\">\n        Browser anda tidak menyokong tag video.\n    <\/video>\n\n    <div class=\"fssm-content-wrapper\">\n        <div class=\"fssm-welcome-text\">Welcome To<\/div>\n        <h1 class=\"fssm-faculty-title\">\n            Faculty of Science <span class=\"br-desktop\"><\/span> \n            and Marine <span class=\"br-mobile\"><\/span> \n            Environment\n        <\/h1>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bf3cd1 e-con-full e-flex e-con e-parent\" data-id=\"2bf3cd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45bb1b0 elementor-widget elementor-widget-html\" data-id=\"45bb1b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ms\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Abel&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* 1. Reset total untuk pastikan tiada gap putih di tepi *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html, body {\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        .full-width-banner {\n            \/* 2. Warna gradient biru mengikut tona gambar *\/\n            background: linear-gradient(90deg, \n                #6497f3 0%,    \/* Biru muda kiri *\/\n                #4c6df0 50%,   \/* Biru elektrik tengah *\/\n                #3b42e0 100%   \/* Biru ungu kanan *\/\n            );\n            \n            \/* 3. Paksa penuh kiri ke kanan *\/\n            width: 100vw;\n            height: 45px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            \n            \/* Teknik breakout untuk pastikan penuh walaupun dalam container *\/\n            position: relative;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .text-slogan {\n            color: white;\n            font-family: 'Abel', sans-serif;\n            font-size: 20px;\n            font-style: italic;\n            \/* Menggunakan 600 untuk kesan semibold *\/\n            font-weight: 600; \n            letter-spacing: 1px;\n            white-space: nowrap;\n            margin: 0;\n            \/* Haluskan rupa font pada skrin *\/\n            -webkit-font-smoothing: antialiased;\n        }\n\n        \/* --- EJAS UNTUK MOBILE (BAHAGIAN TAMBAHAN) --- *\/\n        @media (max-width: 768px) {\n            .text-slogan {\n                font-size: 14px; \/* Kecilkan saiz font dkt mobile *\/\n                letter-spacing: 0.5px; \/* Rapatkan sikit gap huruf *\/\n            }\n            .full-width-banner {\n                height: 35px; \/* Rendahkan sikit banner dkt mobile supaya nampak rapi *\/\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"full-width-banner\">\n        <p class=\"text-slogan\">\"Exploring the Vast Ocean for Universal Sustainability\"<\/p>\n    <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d432ee2 e-flex e-con-boxed e-con e-parent\" data-id=\"d432ee2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c93a1d elementor-widget elementor-widget-html\" data-id=\"3c93a1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@700&display=swap');\n\n  \/* Container utama untuk tajuk *\/\n  .media-center-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 1200px;\n    margin: 40px auto; \n    padding: 0 20px;\n  }\n\n  \/* Garis halus - Ditukar ke #4D4CEE *\/\n  .media-center-line {\n    flex-grow: 1;\n    height: 2px; \n    background-color: #4D4CEE !important; \n    opacity: 1; \/* Pekatkan sikit supaya nampak biru tu *\/\n  }\n\n  \/* Gaya teks tajuk - Ditukar ke #4D4CEE *\/\n  .media-center-title {\n    color: #4D4CEE !important; \n    font-family: 'Roboto', sans-serif;\n    font-size: 32px; \n    font-weight: bold;\n    text-transform: capitalize; \n    padding: 0 25px; \n    white-space: nowrap;\n    letter-spacing: 1px;\n    margin: 0;\n  }\n\n  \/* Responsif untuk Mobile *\/\n  @media (max-width: 600px) {\n    .media-center-title {\n      font-size: 24px;\n      padding: 0 15px;\n    }\n  }\n<\/style>\n\n<div class=\"media-center-container\">\n  <div class=\"media-center-line\"><\/div>\n  <h2 class=\"media-center-title\">ADMISSION TO FSSM<\/h2>\n  <div class=\"media-center-line\"><\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-132759a e-flex e-con-boxed e-con e-parent\" data-id=\"132759a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-552ab71 elementor-widget elementor-widget-html\" data-id=\"552ab71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pg-header-area\">\n    <h1 class=\"pg-main-title\">Undergraduate<br>Programme<\/h1>\n<\/div>\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<div class=\"elementor-element elementor-element-3b3f196 e-flex e-con-boxed e-con e-parent\" data-id=\"3b3f196\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9976cca elementor-widget elementor-widget-spacer\" data-id=\"9976cca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-4dd78b1 e-flex e-con-boxed e-con e-parent\" data-id=\"4dd78b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e810e08 elementor-skin-coverflow elementor-pagination-type-bullets elementor-pagination-position-outside elementor-widget elementor-widget-media-carousel\" data-id=\"e810e08\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;skin&quot;:&quot;coverflow&quot;,&quot;slides_per_view&quot;:&quot;5&quot;,&quot;space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;autoplay_speed&quot;:3000,&quot;pagination&quot;:&quot;bullets&quot;,&quot;speed&quot;:500,&quot;autoplay&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]}}\" data-widget_type=\"media-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\">\n\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/fssm.umt.edu.my\/ms\/marinescience\/\">\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"WEB POSTER-01\" style=\"background-image: url(&#039;https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-01-1-scaled.jpg&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/fssm.umt.edu.my\/ms\/biodiversityconservationmanagement-2\/\">\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"WEB POSTER-02\" style=\"background-image: url(&#039;https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-02-1-scaled.jpg&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/fssm.umt.edu.my\/ms\/chemicalsciences\/\">\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"WEB POSTER-03\" style=\"background-image: url(&#039;https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-03-1-scaled.jpg&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/fssm.umt.edu.my\/ms\/nanophysics\/\">\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"WEB POSTER-04\" style=\"background-image: url(&#039;https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-04-scaled.jpg&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/fssm.umt.edu.my\/ms\/biologicalsciences\/\">\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"WEB POSTER-05\" style=\"background-image: url(&#039;https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-05-scaled.jpg&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/fssm.umt.edu.my\/ms\/marinebiology\/\">\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"WEB POSTER-11\" style=\"background-image: url(&#039;https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-11-scaled.jpg&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/fssm.umt.edu.my\/ms\/analyticalenvironmentalchemistry\/\">\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"WEB POSTER-12\" style=\"background-image: url(&#039;https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-12-scaled.jpg&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/fssm.umt.edu.my\/ms\/marinegeoscience\/\">\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"WEB POSTER-13\" style=\"background-image: url(&#039;https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-13-scaled.jpg&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\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<div class=\"elementor-element elementor-element-2b82f26 e-con-full e-flex e-con e-parent\" data-id=\"2b82f26\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b13759 elementor-widget elementor-widget-html\" data-id=\"3b13759\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pg-main-container\">\n    <div class=\"pg-content-inner\">\n        <div class=\"pg-header-area\">\n            <h1 class=\"pg-main-title\">Postgraduate<br>Programme<\/h1>\n            <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/LJU-scaled.png\" alt=\"Let's Join Us\" class=\"lju-float-img\">\n        <\/div>\n\n        <div class=\"pg-grid-layout\">\n\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"shining-effect\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-PG-06.jpg\" class=\"poster-img\">\n                        <div class=\"poster-label-center\">\n                            <h3>Doctor of Philosophy &<br>Master of Science<\/h3>\n                            <p>(Research)<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-PG-06.jpg\" class=\"bg-blur-fix\">\n                        <div class=\"overlay-blue\"><\/div>\n                        <a href=\"https:\/\/fssm.umt.edu.my\/phd-and-master-of-science\/\" class=\"btn-full-link\">\n                            <span class=\"btn-hover\">Click Here<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"shining-effect\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-PG-04.jpg\" class=\"poster-img\">\n                        <div class=\"poster-label-center\">\n                            <h3>Environmental<br>Forensic<\/h3>\n                            <p>Master of Science (Coursework)<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-PG-04.jpg\" class=\"bg-blur-fix\">\n                        <div class=\"overlay-blue\"><\/div>\n                        <a href=\"https:\/\/fssm.umt.edu.my\/master-of-science-environmental-forensic-2\/\" class=\"btn-full-link\">\n                            <span class=\"btn-hover\">Click Here<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"shining-effect\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-PG-05.jpg\" class=\"poster-img\">\n                        <div class=\"poster-label-center\">\n                            <h3>Tropical Marine<br>Environment<\/h3>\n                            <p>Master of Science (Coursework)<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/WEB-POSTER-PG-05.jpg\" class=\"bg-blur-fix\">\n                        <div class=\"overlay-blue\"><\/div>\n                        <a href=\"https:\/\/fssm.umt.edu.my\/tropicalmarineenvironment\/\" class=\"btn-full-link\">\n                            <span class=\"btn-hover\">Click Here<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"shining-effect\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2026\/03\/toucans-glide-gracefully-through-lush-rainforest-trees-sunlight-filtering-through-leaves-scaled.jpg\" class=\"poster-img\">\n                        <div class=\"poster-label-center\">\n                            <h3>Tropical<br>Biodiversity<\/h3>\n                            <p>Master of Science (Coursework)<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2026\/03\/toucans-glide-gracefully-through-lush-rainforest-trees-sunlight-filtering-through-leaves-scaled.jpg\" class=\"bg-blur-fix\">\n                        <div class=\"overlay-blue\"><\/div>\n                        <a href=\"https:\/\/fssm.umt.edu.my\/master-of-science-tropical-biodiversity\/\" class=\"btn-full-link\">\n                            <span class=\"btn-hover\">Click Here<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7517cd9 e-flex e-con-boxed e-con e-parent\" data-id=\"7517cd9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c70da6e elementor-widget elementor-widget-html\" data-id=\"c70da6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* Container utama untuk tajuk *\/\n  .media-center-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 1200px;\n    margin: 40px auto; \/* Jarak atas dan bawah tajuk *\/\n    padding: 0 20px;\n  }\n\n  \/* Garis halus di kiri dan kanan *\/\n  .media-center-line {\n    flex-grow: 1;\n    height: 1.5px; \/* Ketebalan garis *\/\n    background-color: #4b317c; \/* Warna ungu tema UMT Holdings *\/\n    opacity: 0.6;\n  }\n\n  \/* Gaya teks tajuk *\/\n  .media-center-title {\n    color: #4b317c; \/* Warna ungu tema *\/\n    font-family: 'Arial', sans-serif;\n    font-size: 32px; \/* Saiz tulisan *\/\n    font-weight: bold;\n    text-transform: capitalize; \/* Media Center (Huruf besar di depan) *\/\n    padding: 0 25px; \/* Jarak antara teks dan garis *\/\n    white-space: nowrap;\n    letter-spacing: 1px;\n  }\n\n  \/* Responsif untuk Mobile *\/\n  @media (max-width: 600px) {\n    .media-center-title {\n      font-size: 24px;\n      padding: 0 15px;\n    }\n  }\n<\/style>\n\n<div class=\"media-center-container\">\n  <div class=\"media-center-line\"><\/div>\n  <h2 class=\"media-center-title\">NEWS<\/h2>\n  <div class=\"media-center-line\"><\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-a74b23c e-con-full e-flex e-con e-parent\" data-id=\"a74b23c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e1a23d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3e1a23d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"news-section\">\n    <div class=\"news-container\">\n        <div class=\"news-main-grid\">\n            \n            <article class=\"hero-news-card\">\n                <div class=\"card-image-hero\">\n                    <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/02\/480275636_18077458333644159_286043411719619881_n.jpg\" alt=\"Mobiliti\">\n                    <div class=\"gradient-overlay\"><\/div>\n                    <span class=\"latest-badge\">LATEST<\/span>\n                <\/div>\n                <div class=\"card-content-hero\">\n                    <p class=\"news-date-hero\">February 20, 2025<\/p>\n                    <h3>Program Mobiliti Outbound Berkredit ke Aquatic Science and Innovative Management Division<\/h3>\n                    <a href=\"https:\/\/fssm.umt.edu.my\/program-mobiliti-outbound-berkredit-ke-aquatic-science-and-innovative-management-division\/\" target=\"_blank\" class=\"read-more-hero\">Read More \u2192<\/a>\n                <\/div>\n            <\/article>\n\n            <div class=\"secondary-news-grid\">\n                \n                <a href=\"https:\/\/fssm.umt.edu.my\/collaborative-online-international-learning-coil\/\" class=\"news-card-creative\">\n                    <div class=\"card-image-creative\">\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-06-093518.png\">\n                    <\/div>\n                    <div class=\"card-content-creative\">\n                        <span class=\"date\">Nov 6, 2024<\/span>\n                        <h3>Collaborative Online International Learning (COIL)<\/h3>\n                        <span class=\"read-more-link\">Read More \u2192<\/span>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/fssm.umt.edu.my\/mass-young-researcher-special-award-2024\/\" class=\"news-card-creative\">\n                    <div class=\"card-image-creative\">\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-19-151709.png\">\n                    <\/div>\n                    <div class=\"card-content-creative\">\n                        <span class=\"date\">Sep 19, 2024<\/span>\n                        <h3>MASS Young Researcher (Special) Award 2024<\/h3>\n                        <span class=\"read-more-link\">Read More \u2192<\/span>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/fssm.umt.edu.my\/mass-undergraduate-thesis-award-2024\/\" class=\"news-card-creative\">\n                    <div class=\"card-image-creative\">\n                        <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2024\/09\/460283755_18062254909644159_216718882712099742_n.jpg\">\n                    <\/div>\n                    <div class=\"card-content-creative\">\n                        <span class=\"date\">Sep 1, 2024<\/span>\n                        <h3>MASS Undergraduate Thesis Award 2024<\/h3>\n                        <span class=\"read-more-link\">Read More \u2192<\/span>\n                    <\/div>\n                <\/a>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daf4c36 e-flex e-con-boxed e-con e-parent\" data-id=\"daf4c36\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e878e6c elementor-widget elementor-widget-html\" data-id=\"e878e6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* Container utama untuk tajuk *\/\n  .media-center-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 1200px;\n    margin: 40px auto; \/* Jarak atas dan bawah tajuk *\/\n    padding: 0 20px;\n  }\n\n  \/* Garis halus di kiri dan kanan *\/\n  .media-center-line {\n    flex-grow: 1;\n    height: 1.5px; \/* Ketebalan garis *\/\n    background-color: #4b317c; \/* Warna ungu tema UMT Holdings *\/\n    opacity: 0.6;\n  }\n\n  \/* Gaya teks tajuk *\/\n  .media-center-title {\n    color: #4b317c; \/* Warna ungu tema *\/\n    font-family: 'Arial', sans-serif;\n    font-size: 32px; \/* Saiz tulisan *\/\n    font-weight: bold;\n    text-transform: capitalize; \/* Media Center (Huruf besar di depan) *\/\n    padding: 0 25px; \/* Jarak antara teks dan garis *\/\n    white-space: nowrap;\n    letter-spacing: 1px;\n  }\n\n  \/* Responsif untuk Mobile *\/\n  @media (max-width: 600px) {\n    .media-center-title {\n      font-size: 24px;\n      padding: 0 15px;\n    }\n  }\n<\/style>\n\n<div class=\"media-center-container\">\n  <div class=\"media-center-line\"><\/div>\n  <h2 class=\"media-center-title\">RECENT & UPDATES<\/h2>\n  <div class=\"media-center-line\"><\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-fded346 e-flex e-con-boxed e-con e-parent\" data-id=\"fded346\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7fa11a elementor-widget elementor-widget-html\" data-id=\"c7fa11a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ms\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Highlights & Schedule & Calendar<\/title>\n    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n    <style>\n        :root {\n            --biru-tua: #1f4389;\n            --biru-muda: #69a8f9;\n            --bg-body: #f4f7fa;\n        }\n\n        body { margin: 0; font-family: 'Roboto', sans-serif; background: var(--bg-body); }\n\n        .fssm-layout {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            display: grid;\n            grid-template-columns: 1fr 1.2fr; \/* Poster kiri, PDF kanan *\/\n            gap: 40px;\n            align-items: start;\n        }\n\n        .section-header {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 25px;\n            color: var(--biru-tua);\n            font-weight: 900;\n            text-transform: uppercase;\n            border-bottom: 3px solid var(--biru-muda);\n            padding-bottom: 10px;\n            width: fit-content;\n        }\n\n        \/* --- KIRI: AUTO SLIDESHOW (SQUARE) --- *\/\n        .poster-slider {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 1 \/ 1; \/* Saiz Segi Empat Sama *\/\n            border-radius: 25px;\n            overflow: hidden;\n            box-shadow: 0 20px 50px rgba(31, 67, 137, 0.2);\n            background: #fff;\n        }\n\n        .slides-wrapper {\n            display: flex;\n            width: 200%; \/* Sebab ada 2 poster *\/\n            height: 100%;\n            animation: autoSlide 10s infinite cubic-bezier(0.7, 0, 0.3, 1);\n        }\n\n        .slide-unit {\n            width: 50%;\n            height: 100%;\n        }\n\n        .slide-unit img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        @keyframes autoSlide {\n            0%, 45% { transform: translateX(0); }\n            55%, 100% { transform: translateX(-50%); }\n        }\n\n        \/* --- KANAN: PDF LIST --- *\/\n        .pdf-list {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .pdf-card {\n            display: flex;\n            align-items: center;\n            background: white;\n            padding: 20px;\n            border-radius: 18px;\n            text-decoration: none;\n            transition: all 0.4s ease;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border: 1px solid transparent;\n        }\n\n        .pdf-card:hover {\n            transform: translateY(-5px) scale(1.02);\n            border-color: var(--biru-muda);\n            box-shadow: 0 12px 30px rgba(31, 67, 137, 0.1);\n        }\n\n        .pdf-icon-box {\n            width: 55px;\n            height: 55px;\n            background: #fff0f0;\n            color: #e74c3c;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 12px;\n            font-size: 1.8rem;\n            margin-right: 20px;\n            transition: 0.3s;\n        }\n\n        .pdf-card:hover .pdf-icon-box {\n            background: #e74c3c;\n            color: white;\n        }\n\n        .pdf-text h4 {\n            margin: 0;\n            color: var(--biru-tua);\n            font-size: 1.1rem;\n            line-height: 1.2;\n        }\n\n        .pdf-text p {\n            margin: 5px 0 0;\n            color: #777;\n            font-size: 0.85rem;\n        }\n\n        .download-arrow {\n            margin-left: auto;\n            color: var(--biru-muda);\n            font-size: 1.2rem;\n            opacity: 0.5;\n            transition: 0.3s;\n        }\n\n        .pdf-card:hover .download-arrow {\n            opacity: 1;\n            transform: translateX(5px);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 850px) {\n            .fssm-layout { grid-template-columns: 1fr; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"fssm-layout\">\n    \n    <div class=\"left-section\">\n        <div class=\"section-header\">\n            <i class=\"fas fa-bullhorn\"><\/i>\n            <span>Highlights<\/span>\n        <\/div>\n        \n        <div class=\"poster-slider\">\n            <div class=\"slides-wrapper\">\n                <div class=\"slide-unit\">\n                    <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2026\/01\/557534004_18098413819644159_2716897858697849875_n.jpg\" alt=\"Poster 1\">\n                <\/div>\n                <div class=\"slide-unit\">\n                    <img decoding=\"async\" src=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2026\/01\/611123215_1329494342550774_1081628224947132798_n.jpg\" alt=\"Poster 2\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"right-section\">\n        <div class=\"section-header\">\n            <i class=\"fas fa-file-pdf\"><\/i>\n            <span>Schedule & Calendar<\/span>\n        <\/div>\n\n        <div class=\"pdf-list\">\n            <a href=\"https:\/\/www.umt.edu.my\/wp-content\/uploads\/2025\/02\/Takwim-2025-UMT.pdf\" target=\"_blank\" class=\"pdf-card\">\n                <div class=\"pdf-icon-box\">\n                    <i class=\"fas fa-file-pdf\"><\/i>\n                <\/div>\n                <div class=\"pdf-text\">\n                    <h4>Academic Calendar 2024\/2025<\/h4>\n                    <p>Click to download (PDF)<\/p>\n                <\/div>\n                <i class=\"fas fa-chevron-right download-arrow\"><\/i>\n            <\/a>\n\n            <a href=\"#\" class=\"pdf-card\">\n                <div class=\"pdf-icon-box\">\n                    <i class=\"fas fa-calendar-check\"><\/i>\n                <\/div>\n                <div class=\"pdf-text\">\n                    <h4>Semester II Lecture Schedule<\/h4>\n                    <p>Update: February 2026<\/p>\n                <\/div>\n                <i class=\"fas fa-chevron-right download-arrow\"><\/i>\n            <\/a>\n\n            <a href=\"#\" class=\"pdf-card\">\n                <div class=\"pdf-icon-box\">\n                    <i class=\"fas fa-clock\"><\/i>\n                <\/div>\n                <div class=\"pdf-text\">\n                    <h4>Final Exam Schedule<\/h4>\n                    <p>Coming soon (April 2026)<\/p>\n                <\/div>\n                <i class=\"fas fa-chevron-right download-arrow\"><\/i>\n            <\/a>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\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<div class=\"elementor-element elementor-element-2bcd15d e-flex e-con-boxed e-con e-parent\" data-id=\"2bcd15d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dcbe72 elementor-widget elementor-widget-html\" data-id=\"8dcbe72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* Container utama untuk tajuk *\/\n  .media-center-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 1200px;\n    margin: 40px auto; \/* Jarak atas dan bawah tajuk *\/\n    padding: 0 20px;\n  }\n\n  \/* Garis halus di kiri dan kanan *\/\n  .media-center-line {\n    flex-grow: 1;\n    height: 1.5px; \/* Ketebalan garis *\/\n    background-color: #4b317c; \/* Warna ungu tema UMT Holdings *\/\n    opacity: 0.6;\n  }\n\n  \/* Gaya teks tajuk *\/\n  .media-center-title {\n    color: #4b317c; \/* Warna ungu tema *\/\n    font-family: 'Arial', sans-serif;\n    font-size: 32px; \/* Saiz tulisan *\/\n    font-weight: bold;\n    text-transform: capitalize; \/* Media Center (Huruf besar di depan) *\/\n    padding: 0 25px; \/* Jarak antara teks dan garis *\/\n    white-space: nowrap;\n    letter-spacing: 1px;\n  }\n\n  \/* Responsif untuk Mobile *\/\n  @media (max-width: 600px) {\n    .media-center-title {\n      font-size: 24px;\n      padding: 0 15px;\n    }\n  }\n<\/style>\n\n<div class=\"media-center-container\">\n  <div class=\"media-center-line\"><\/div>\n  <h2 class=\"media-center-title\">FACT & FIGURES<\/h2>\n  <div class=\"media-center-line\"><\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-de3e3bc e-con-full e-flex e-con e-parent\" data-id=\"de3e3bc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d3b5de elementor-widget elementor-widget-html\" data-id=\"8d3b5de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ms\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        \/* Full Width Setup *\/\n        html, body {\n            margin: 0;\n            padding: 0;\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        .stats-section {\n            width: 100%;\n            padding: 100px 0;\n            background-color: #ffffff;\n            font-family: 'Helvetica Neue', Arial, sans-serif;\n        }\n\n        .stats-wrapper {\n            display: flex;\n            justify-content: space-around;\n            align-items: center;\n            flex-wrap: wrap;\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .stat-box {\n            text-align: center;\n            flex: 1;\n            min-width: 250px;\n            padding: 20px;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 1s ease-out; \/* Slow fade in *\/\n        }\n\n        .stat-box.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .number {\n            font-size: 72px;\n            font-weight: 800;\n            color: #222;\n            display: block;\n            line-height: 1;\n            margin-bottom: 10px;\n        }\n\n        .label {\n            font-size: 18px;\n            color: #666;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            font-weight: 600;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"stats-section\">\n    <div class=\"stats-wrapper\">\n        <div class=\"stat-box\">\n            <span class=\"number\" data-target=\"126\">0<\/span>\n            <span class=\"label\">Lecturer<\/span>\n        <\/div>\n\n        <div class=\"stat-box\">\n            <span class=\"number\" data-target=\"12\">0<\/span>\n            <span class=\"label\">General Office<\/span>\n        <\/div>\n\n        <div class=\"stat-box\">\n            <span class=\"number\" data-target=\"37\">0<\/span>\n            <span class=\"label\">Laboratory<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    const boxes = document.querySelectorAll('.stat-box');\n\n    const animateCounter = (el) => {\n        const target = +el.getAttribute('data-target');\n        let count = 0;\n        \n        \/\/ Duration dalam milisaat (2000ms = 2 saat untuk habis)\n        const duration = 2000; \n        const increment = target \/ (duration \/ 30); \n\n        const updateCount = () => {\n            count += increment;\n            if (count < target) {\n                el.innerText = Math.ceil(count);\n                setTimeout(updateCount, 30); \/\/ 30ms gap antara setiap kenaikan nombor\n            } else {\n                el.innerText = target;\n            }\n        };\n        updateCount();\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('show');\n                const numEl = entry.target.querySelector('.number');\n                animateCounter(numEl);\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.3 });\n\n    boxes.forEach(box => observer.observe(box));\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa3c661 e-flex e-con-boxed e-con e-parent\" data-id=\"fa3c661\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91ae019 elementor-widget elementor-widget-html\" data-id=\"91ae019\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* Container utama untuk tajuk *\/\n  .media-center-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 1200px;\n    margin: 40px auto; \/* Jarak atas dan bawah tajuk *\/\n    padding: 0 20px;\n  }\n\n  \/* Garis halus di kiri dan kanan *\/\n  .media-center-line {\n    flex-grow: 1;\n    height: 1.5px; \/* Ketebalan garis *\/\n    background-color: #4b317c; \/* Warna ungu tema UMT Holdings *\/\n    opacity: 0.6;\n  }\n\n  \/* Gaya teks tajuk *\/\n  .media-center-title {\n    color: #4b317c; \/* Warna ungu tema *\/\n    font-family: 'Arial', sans-serif;\n    font-size: 32px; \/* Saiz tulisan *\/\n    font-weight: bold;\n    text-transform: capitalize; \/* Media Center (Huruf besar di depan) *\/\n    padding: 0 25px; \/* Jarak antara teks dan garis *\/\n    white-space: nowrap;\n    letter-spacing: 1px;\n  }\n\n  \/* Responsif untuk Mobile *\/\n  @media (max-width: 600px) {\n    .media-center-title {\n      font-size: 24px;\n      padding: 0 15px;\n    }\n  }\n<\/style>\n\n<div class=\"media-center-container\">\n  <div class=\"media-center-line\"><\/div>\n  <h2 class=\"media-center-title\">MEDIA CENTER<\/h2>\n  <div class=\"media-center-line\"><\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-087beb7 e-con-full e-flex e-con e-parent\" data-id=\"087beb7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4542958 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4542958\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"fssm-social-section\">\n  <div class=\"media-center-grid\">\n    \n    <div class=\"media-card\">\n      <h3>Facebook FSSM<\/h3>\n      <iframe src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https:\/\/www.facebook.com\/officialfssm&tabs=timeline&width=350&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true\" width=\"100%\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n    <\/div>\n\n    <div class=\"media-card\">\n      <h3>TikTok FSSM<\/h3>\n      <blockquote class=\"tiktok-embed\" cite=\"https:\/\/www.tiktok.com\/@fssm.umtofficial\" data-unique-id=\"fssm.umtofficial\" data-embed-type=\"creator\" style=\"max-width: 100%; min-width: 322px;\">\n        <section>\n          <a target=\"_blank\" href=\"https:\/\/www.tiktok.com\/@fssm.umtofficial\">@fssm.umtofficial<\/a>\n        <\/section>\n      <\/blockquote>\n      <script async src=\"https:\/\/www.tiktok.com\/embed.js\"><\/script>\n    <\/div>\n\n    <div class=\"media-card\">\n      <h3>Instagram FSSM<\/h3>\n      <iframe src=\"https:\/\/www.instagram.com\/fssm.umtofficial\/embed\" width=\"100%\" height=\"500\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\" style=\"display:block;\"><\/iframe>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a354a2a e-flex e-con-boxed e-con e-parent\" data-id=\"a354a2a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8aeeb28 elementor-widget elementor-widget-spacer\" data-id=\"8aeeb28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Browser anda tidak menyokong tag video. Welcome To Faculty of Science and Marine Environment &#8220;Exploring the Vast Ocean for Universal Sustainability&#8221; ADMISSION TO FSSM UndergraduateProgramme PostgraduateProgramme Doctor of Philosophy &#038;Master of Science (Research) Click Here EnvironmentalForensic Master of Science (Coursework) Click Here Tropical MarineEnvironment Master of Science (Coursework) Click Here TropicalBiodiversity Master of Science (Coursework) [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":14377,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7273","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>RUMAH - FAKULTI SAINS DAN SEKITARAN MARIN<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fssm.umt.edu.my\/ms\/\" \/>\n<meta property=\"og:locale\" content=\"ms_MY\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RUMAH - FAKULTI SAINS DAN SEKITARAN MARIN\" \/>\n<meta property=\"og:description\" content=\"Browser anda tidak menyokong tag video. Welcome To Faculty of Science and Marine Environment &#8220;Exploring the Vast Ocean for Universal Sustainability&#8221; ADMISSION TO FSSM UndergraduateProgramme PostgraduateProgramme Doctor of Philosophy &#038;Master of Science (Research) Click Here EnvironmentalForensic Master of Science (Coursework) Click Here Tropical MarineEnvironment Master of Science (Coursework) Click Here TropicalBiodiversity Master of Science (Coursework) [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fssm.umt.edu.my\/ms\/\" \/>\n<meta property=\"og:site_name\" content=\"FAKULTI SAINS DAN SEKITARAN MARIN\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T08:01:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/LJU-scaled.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/\",\"url\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/\",\"name\":\"RUMAH - FAKULTI SAINS DAN SEKITARAN MARIN\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fssm.umt.edu.my\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-S_universiti-malaysia-terengganu-umt-seeklogo-scaled-1.png\",\"datePublished\":\"2017-07-28T08:07:06+00:00\",\"dateModified\":\"2026-04-01T08:01:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/#breadcrumb\"},\"inLanguage\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fssm.umt.edu.my\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-S_universiti-malaysia-terengganu-umt-seeklogo-scaled-1.png\",\"contentUrl\":\"https:\\\/\\\/fssm.umt.edu.my\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-S_universiti-malaysia-terengganu-umt-seeklogo-scaled-1.png\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/ubaru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"RUMAH\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/#website\",\"url\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/\",\"name\":\"FAKULTI SAINS DAN SEKITARAN MARIN\",\"description\":\"FSSM\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fssm.umt.edu.my\\\/ms\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ms-MY\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"RUMAH - FAKULTI SAINS DAN SEKITARAN MARIN","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fssm.umt.edu.my\/ms\/","og_locale":"ms_MY","og_type":"article","og_title":"RUMAH - FAKULTI SAINS DAN SEKITARAN MARIN","og_description":"Browser anda tidak menyokong tag video. Welcome To Faculty of Science and Marine Environment &#8220;Exploring the Vast Ocean for Universal Sustainability&#8221; ADMISSION TO FSSM UndergraduateProgramme PostgraduateProgramme Doctor of Philosophy &#038;Master of Science (Research) Click Here EnvironmentalForensic Master of Science (Coursework) Click Here Tropical MarineEnvironment Master of Science (Coursework) Click Here TropicalBiodiversity Master of Science (Coursework) [&hellip;]","og_url":"https:\/\/fssm.umt.edu.my\/ms\/","og_site_name":"FAKULTI SAINS DAN SEKITARAN MARIN","article_modified_time":"2026-04-01T08:01:37+00:00","og_image":[{"url":"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/LJU-scaled.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fssm.umt.edu.my\/ms\/","url":"https:\/\/fssm.umt.edu.my\/ms\/","name":"RUMAH - FAKULTI SAINS DAN SEKITARAN MARIN","isPartOf":{"@id":"https:\/\/fssm.umt.edu.my\/ms\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fssm.umt.edu.my\/ms\/#primaryimage"},"image":{"@id":"https:\/\/fssm.umt.edu.my\/ms\/#primaryimage"},"thumbnailUrl":"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/cropped-S_universiti-malaysia-terengganu-umt-seeklogo-scaled-1.png","datePublished":"2017-07-28T08:07:06+00:00","dateModified":"2026-04-01T08:01:37+00:00","breadcrumb":{"@id":"https:\/\/fssm.umt.edu.my\/ms\/#breadcrumb"},"inLanguage":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fssm.umt.edu.my\/ms\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/fssm.umt.edu.my\/ms\/#primaryimage","url":"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/cropped-S_universiti-malaysia-terengganu-umt-seeklogo-scaled-1.png","contentUrl":"https:\/\/fssm.umt.edu.my\/wp-content\/uploads\/2025\/12\/cropped-S_universiti-malaysia-terengganu-umt-seeklogo-scaled-1.png","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/fssm.umt.edu.my\/ms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fssm.umt.edu.my\/ms\/ubaru\/"},{"@type":"ListItem","position":2,"name":"RUMAH"}]},{"@type":"WebSite","@id":"https:\/\/fssm.umt.edu.my\/ms\/#website","url":"https:\/\/fssm.umt.edu.my\/ms\/","name":"FAKULTI SAINS DAN SEKITARAN MARIN","description":"FSSM","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fssm.umt.edu.my\/ms\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ms-MY"}]}},"_links":{"self":[{"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/pages\/7273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/comments?post=7273"}],"version-history":[{"count":104,"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/pages\/7273\/revisions"}],"predecessor-version":[{"id":14429,"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/pages\/7273\/revisions\/14429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/media\/14377"}],"wp:attachment":[{"href":"https:\/\/fssm.umt.edu.my\/ms\/wp-json\/wp\/v2\/media?parent=7273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}