{"id":965,"date":"2024-03-11T07:45:01","date_gmt":"2024-03-11T07:45:01","guid":{"rendered":"http:\/\/www.gthspathein.edu.mm\/?page_id=965"},"modified":"2025-09-22T04:16:23","modified_gmt":"2025-09-22T04:16:23","slug":"departments","status":"publish","type":"page","link":"http:\/\/www.tum.edu.mm\/?page_id=965","title":{"rendered":"Departments"},"content":{"rendered":"\n<div id=\"wp-block-themeisle-blocks-advanced-columns-6197f12e\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-vertical-unset\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-ad2b4d1a\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<!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>Departments<\/title>\n  <\/head>\n  <body>\n    <style>\n      .slider-container {\n        max-width: 900px;\n        margin: 40px auto;\n        position: relative;\n        border-radius: 10px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n        overflow: hidden;\n        aspect-ratio: 16 \/ 9;\n      }\n\n      .slider-wrapper {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n\n      .slide {\n        position: absolute;\n        inset: 0;\n        opacity: 0;\n        transition: opacity 1s ease;\n        pointer-events: none;\n      }\n\n      .slide.active {\n        opacity: 1;\n        pointer-events: auto;\n        z-index: 1;\n      }\n\n      .slide img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        border-radius: 10px;\n        display: block;\n      }\n\n      .caption {\n        position: absolute;\n        bottom: 15px;\n        left: 20px;\n        color: #fff;\n        background: rgba(0, 0, 0, 0.5);\n        padding: 8px 15px;\n        border-radius: 5px;\n        font-size: 14px;\n      }\n\n      .slider-nav {\n        position: absolute;\n        top: 50%;\n        width: 100%;\n        pointer-events: none;\n        transform: translateY(-50%);\n        z-index: 10; \/* <-- Add this *\/\n      }\n\n      .slider-nav button {\n        background: rgba(255, 111, 0, 0.8);\n        border: none;\n        padding: 10px;\n        border-radius: 50%;\n        cursor: pointer;\n        width: 45px;\n        height: 45px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        z-index: 2;\n      }\n\n      .slider-nav button:hover {\n        background: rgba(230, 92, 0, 0.9);\n      }\n\n      #prevBtn {\n        left: 15px;\n      }\n\n      #nextBtn {\n        right: 15px;\n      }\n\n      .slider-nav svg {\n        fill: white;\n        width: 20px;\n        height: 20px;\n      }\n\n      @keyframes pulse {\n        0% {\n          filter: brightness(1);\n        }\n        100% {\n          filter: brightness(1.4);\n        }\n      }\n      .department-card-link {\n        text-decoration: none; \/* remove underline *\/\n        color: inherit; \/* keep original text color *\/\n        flex: 1 1 260px;\n        max-width: 300px;\n        display: grid; \/* makes the link cover the card *\/\n      }\n\n      .department-card {\n        background: #f9fbfc;\n        border-radius: 16px;\n        padding: 24px;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);\n        text-align: center;\n        transition: all 0.3s ease;\n        cursor: pointer;\n      }\n\n      .department-card:hover {\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n        transform: translateY(-4px);\n      }\n\n      .department-card-img {\n        width: 80px;\n        height: 80px;\n        object-fit: contain;\n        margin-bottom: 16px;\n      }\n\n      .hr-style {\n        border: none;\n        height: 4px;\n        background: linear-gradient(to right, #ff6f00, #ffa726, #ff6f00);\n        border-radius: 2px;\n        margin: auto;\n        max-width: 300px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n        animation: pulse 2s infinite alternate;\n      }\n\n      \/* University Identity Section *\/\n      .university-identity {\n        padding: 15px 20px;\n        text-align: center;\n        font-family: \"Segoe UI\", \"Helvetica Neue\", sans-serif;\n      }\n\n      .university-identity h2 {\n        font-size: 28px;\n        margin-bottom: 30px;\n      }\n\n      .identity-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 20px;\n        max-width: 1200px;\n        margin: 0 auto;\n      }\n\n      .identity-card {\n        padding: 25px;\n        border-radius: 12px;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n        text-align: left;\n      }\n\n      .identity-card h3 {\n        font-size: 20px;\n        color: #ff6600;\n        margin-bottom: 15px;\n      }\n      .identity-card p,\n      .identity-card ul {\n        font-size: 15px;\n        line-height: 1.6;\n        \/* text-align: justify; *\/\n\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 4; \/* clamp lines *\/\n        overflow: hidden;\n        white-space: normal;\n        position: relative; \/* for ::after *\/\n        margin: 0;\n      }\n    <\/style>\n\n    <div>\n      <h1 style=\"text-align: center\">Departments<\/h1>\n      <div\n        style=\"\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: center;\n          align-items: stretch;\n          gap: 24px;\n          padding: 30px 10px;\n          max-width: 1200px;\n          margin: auto;\n        \"\n      >\n        <!-- Civil Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=1676\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/civil-logo.png\"\n              alt=\"TUM Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Civil Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Master structural design, soil mechanics & sustainable\n              construction techniques.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Architecture -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=1684\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2024\/11\/ArchLogo.jpg\"\n              alt=\"Archi Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">Architecture<\/h3>\n            <p style=\"color: #2c3e50\">\n              Learn design, planning, and sustainable architectural practices.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Electronic Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=1681\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/2.-Attach_2-Logo_EC.png\"\n              alt=\"EC Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Electronic Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Explore circuits, IoT, robotics & communication systems through\n              hands-on learning.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Electrical Power Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=1671\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2024\/11\/EPLogo.jpg\"\n              alt=\"TUM Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Electrical Power Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Specialize in power systems, generation, transmission &\n              distribution.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Mechanical Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=1546\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2024\/11\/MechanicalLogo.jpg\"\n              alt=\"TUM Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Mechanical Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Gain expertise in mechanics, thermodynamics, machine design &\n              automation.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Information Technology Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=1572\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/09\/it-logo.png\"\n              alt=\"IT Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Information Technology Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Learn software development, networking, and data systems.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Mechatronic Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=2312\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/09\/MCLogo.jpg\"\n              alt=\"TUM Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Mechatronic Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Integrate mechanics, electronics & computing for smart systems.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Petroleum Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=1571\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2024\/11\/PetroleumLogo.jpg\"\n              alt=\"TUM Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Petroleum Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Focus on exploration, drilling, and extraction technologies.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Mining Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=1552\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2024\/11\/MiningLogo.jpg\"\n              alt=\"TUM Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Mining Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Learn extraction, mineral processing & sustainable mining\n              techniques.\n            <\/p>\n          <\/div><\/a\n        >\n\n        <!-- Mining Engineering -->\n        <a\n          href=\"https:\/\/www.tum.edu.mm\/?page_id=2188\"\n          class=\"department-card-link\"\n          ><div class=\"department-card\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/Picture1-1.png\"\n              alt=\"TUM Logo\"\n              class=\"department-card-img\"\n            \/>\n            <h3 style=\"color: #ff6600; margin-bottom: 12px\">\n              Chemical Engineering\n            <\/h3>\n            <p style=\"color: #2c3e50\">\n              Learn process design, chemical reactions & sustainable production\n              techniques.\n            <\/p>\n          <\/div><\/a\n        >\n      <\/div>\n    <\/div>\n  <\/body>\n<\/html>\n\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-965","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"educenter-slider":false,"educenter-large":false,"educenter-gallery":false,"educenter-team":false},"uagb_author_info":{"display_name":"TUMadmin","author_link":"http:\/\/www.tum.edu.mm\/?author=2"},"uagb_comment_info":0,"uagb_excerpt":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"TUMadmin","author_link":"http:\/\/www.tum.edu.mm\/?author=2"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/pages\/965"}],"collection":[{"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=965"}],"version-history":[{"count":36,"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/pages\/965\/revisions"}],"predecessor-version":[{"id":2403,"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/pages\/965\/revisions\/2403"}],"wp:attachment":[{"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}