{"id":2,"date":"2023-12-13T08:31:29","date_gmt":"2023-12-13T08:31:29","guid":{"rendered":"http:\/\/mee.vgu.edu.vn\/home\/?page_id=2"},"modified":"2026-01-31T19:03:29","modified_gmt":"2026-01-31T12:03:29","slug":"about-us","status":"publish","type":"page","link":"https:\/\/mee.vgu.edu.vn\/home\/mee\/about-us\/","title":{"rendered":"About The Master Program"},"content":{"rendered":"\n<div class=\"page-wrapper-global\"><\/div>\n\n\n\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>MEE Program | VGU<\/title>\n    <style>\n        .body-1 {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 20px;\n            background-color: #f4f4f4;\n        }\n        .container-1 {\n            max-width: 800px;\n            margin: auto;\n            background: white;\n            padding: 20px;\n            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);\n        }\n        .accordion {\n            background: linear-gradient(135deg, #f39c12, #e67e22);\n            color: white;\n            cursor: pointer;\n            padding: 15px 20px;\n            width: 100%;\n            border: none;\n            text-align: left;\n            outline: none;\n            font-size: 18px;\n            font-weight: bold;\n            margin-bottom: 5px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            opacity: 0;\n            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n            transition: transform 0.5s ease, box-shadow 0.5s ease;\n        }\n        .accordion:hover {\n            transform: translateY(-3px) scale(1.01) !important;\n            box-shadow: 0 8px 16px rgba(0,0,0,0.3);\n        }\n        .accordion::after {\n            content: \"\u25bc\";\n            font-size: 14px;\n            transition: transform 0.5s ease-in-out;\n        }\n        .accordion.active::after {\n            transform: rotate(180deg);\n        }\n        .panel-1 {\n            font-size: 15px;\n            line-height: 1.5;\n            background: #fff;\n            border-left: 4px solid darkblue;\n            max-height: 0;\n            overflow: hidden;\n            text-align: justify;\n            opacity: 0;\n            padding: 0 18px;\n            transition: max-height 0.85s ease-in-out, opacity 0.8s ease-in-out, padding 0.85s ease-in-out;\n            transform: translateY(-3px) !important;\n            will-change: opacity, transform !important;\n        }\n        .panel-1.active {\n            padding: 14px 5px 14px 14px !important;\n            max-height: 1500px !important;\n            opacity: 1;\n        }\n        .cta-1 {\n            display: block;\n            text-align: center;\n            background: linear-gradient(135deg, #3f7dc9, #6a3fc8);\n            color: white;\n            padding: 12px;\n            text-decoration: none;\n            border-radius: 3px;\n            margin-top: 10px;\n            font-size: 18px;\n            font-weight: bold;\n            transition: background 0.5s ease-in-out;\n        }\n        .cta-1:hover {\n            background: darkorange;\n        }\n        .apply-button {\n            display: block;\n            text-align: center;\n            background: linear-gradient(135deg, #3f7dc9, #6a3fc8);\n            color: white;\n            padding: 12px;\n            text-decoration: none;\n            border-radius: 3px;\n            margin-top: 10px;\n            font-size: 18px;\n            font-weight: bold;\n            transition: transform 0.5s ease, box-shadow 0.5s ease;\n        }\n        .apply-button:hover {\n            background: rgb(93, 93, 253);\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 16px rgba(0,0,0,0.25);\n        }\n        \/* Animation *\/\n        @keyframes fadeUp {\n            from {\n                opacity: 0;\n                transform: translateY(18px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n    @media screen and (max-width: 600px) {\n        .panel-1 { font-size: 14px; } \n    }\n    <\/style>\n<\/head>\n<body class=\"body-1\">\n    <div class=\"container-1\">\n        <button class=\"accordion\" style=\"color:inherit\">Overview<\/button>\n        <div class=\"panel-1\" style=\"color: black\">\n            <p>\u27a1\ufe0f At Vietnamese-German University (VGU), we offer a study program for a Master of Science (M.Sc.) in Electrical Engineering (MEE) that provides students with the electrical engineering fundamentals of electronics and communications technology &#038; systems and the skills needed to succeed in this rapidly evolving field. Our program is a double-degree program with the University of Stuttgart, and prepares students who are invested in a career in electronics and communications engineering industry.<\/p>\n        <\/div>\n\n        <button class=\"accordion\" style=\"color:inherit\">What You\u2019ll Learn<\/button>\n        <div class=\"panel-1\" style=\"color: black\">\n            <p>\u27a1\ufe0f Students will gain a comprehensive understanding in various fields such as data communication, networking, wireless networks, radio-frequency circuits and systems, satellite communication, and optical communication. The program also covers topics such as communication protocols, network security, and system integration. In addition, students will gain hands-on experience in electronics and communications engineering projects through laboratory courses.<\/p>\n        <\/div>\n\n        <button class=\"accordion\" style=\"color:inherit\">Professional Development<\/button>\n        <div class=\"panel-1\" style=\"color: black\">\n            <p>\u27a1\ufe0f Students will have the opportunity to participate in research projects, giving them field experience in communications technology and systems, as well as the skills needed to succeed in the ever pioneering industry.<\/p>\n        <\/div>\n\n        <button class=\"accordion\" style=\"color:inherit\">Industry Skills<\/button>\n        <div class=\"panel-1\" style=\"color: black\">\n            <p>\u27a1\ufe0f The MEE program focuses on helping students develop the skills needed to work in the electronics and communications engineering industry. Through various interpersonal courses such as project management, team building, and communication, students will gain skills necessary to succeed in the semiconductor and microelectronics industry.<\/p>\n        <\/div>\n        <a class=\"apply-button\" href=\"https:\/\/vgu.edu.vn\/admission\/master\/admission-requirements\" class=\"cta-1\" target=\"_blank\">Click to learn more about APPLICATION \ud83c\udf93<\/a>\n    <\/div>\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const accordions = document.querySelectorAll(\".accordion\");\n            accordions.forEach((accordion, index) => {\n                setTimeout(() => {\n                    accordion.style.animation = \"fadeUp 0.6s ease-in-out forwards\";\n                }, index * 150); \/\/ Stagger effect\n            });\n            document.querySelectorAll(\".accordion\").forEach(button => {\n                button.addEventListener(\"click\", function () {\n                    const panel = this.nextElementSibling;\n                    const isActive = panel.classList.contains(\"active\");\n                    \/\/ Open the panel if it was not already active\n                    if (!isActive) {\n                        panel.style.maxHeight = panel.scrollHeight + \"px\";\n                    } else {\n                        panel.style.maxHeight = null;\n                    }\n                    panel.classList.toggle(\"active\");\n                    this.classList.toggle(\"active\");\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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>Hoverable Image Grid &#8211; Responsive<\/title>\n    <style>\n        .body-2 {\n            font-family: Arial, sans-serif;\n            text-align: center;\n            background-color: #f2f2f2;\n            font-size: 18px;\n            margin: 0;\n            padding: 20px;\n            user-select: none;\n        }\n        .grid-container-2 {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            flex-wrap: wrap;\n            max-width: 800px;\n            margin: auto;\n        }\n        .grid-item-2 {\n            background: white;\n            \/*border-radius: 5px;*\/\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            text-align: center;\n            padding: 10px;\n            transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;\n            width: 380px;\n            height: auto;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .grid-item-2:hover {\n            transform: translateY(-3px) scale(1.015);\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\n        }\n        .image-container-2 {\n            width: 100%;\n            height: 200px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n        .image-container-2 img {\n            max-width: 100%;\n            max-height: 180px;\n            object-fit: contain;\n            cursor: pointer;\n            border-radius: 5px;\n            transition: transform 0.5s ease-in-out;\n        }\n        .image-container-2 img:hover {\n            transform: scale(1.1);\n        }\n        .popup-overlay-2 {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            z-index: 9999;\n        }\n        .popup-2 {\n            display: none;\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 90%;\n            max-width: 680px;\n            background: rgb(224, 226, 255);\n            padding: 20px;\n            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);\n            \/*border-radius: 5px;*\/\n            z-index: 10000;\n            max-height: 80vh;\n            overflow-y: auto;\n            animation: fadeInPopup 0.2s ease;\n        }\n        .popup-content-2 {\n            color: black;\n            text-align: left;\n            font-size: 16px;\n            line-height: 1.5;\n        }\n        .popup-close-2 {\n            text-align: right;\n            font-size: 30px;\n            cursor: pointer;\n            font-weight: bold;\n            position: absolute;\n            top: 10px;\n            right: 15px;\n            color: black;\n        }\n        h2 {\n            font-size: 25px;\n            font-weight: 700;\n            padding: 5px;\n            margin-bottom: 10px;\n        }\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .grid-container-2 {\n                flex-direction: column;\n                align-items: center;\n            }\n            .grid-item-2 {\n                width: 100%;\n            }\n            .popup-2 {\n                width: 95%;\n                max-width: 500px;\n            }\n            .body-2 {\n                font-size: 16px;\n            }\n            h2 {\n                font-size: 20px;\n            }\n            .popup-content-2 {\n                font-size: 14px;\n            }\n        }\n    <\/style>\n<\/head>\n<body-2>\n<div class=\"grid-container-2\">\n    <div class=\"grid-item-2\">\n        <h2>Vietnam Office<\/h2>\n        <div class=\"image-container-2\">\n            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/gLHqQmm.png\" alt=\"Vietnam Office\" onclick=\"openPopup1('descA-2')\">\n        <\/div>\n    <\/div>\n    <div class=\"grid-item-2\">\n        <h2>Germany Office<\/h2>\n        <div class=\"image-container-2\">\n            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/vB1szMT.png\" alt=\"Germany Office\" onclick=\"openPopup1('descB-2')\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"popup-overlay-2\" onclick=\"closePopup1()\"><\/div>\n<div id=\"descA-2\" class=\"popup-2\">\n    <div class=\"popup-close-2\" onclick=\"closePopup1()\">&times;<\/div>\n    <div class=\"popup-content-2\">\n        <br>\n        <strong>Vietnamese-German University (VGU)<\/strong> is a highly prestigious international university established through \n        a partnership between Vietnam and Germany. The university specializes in environment, engineering, technology &#038; business \n        administration, with a strong emphasis on a research-driven education and German academic values. VGU integrates \n        scientific innovation, practical application, and interdisciplinary learning, making the campus a leading \n        institution for higher education in Vietnam.  \n        <br><br>\n        Founded in 2008, VGU is a pioneering model of international cooperation in education, following the \n        structure of Germany\u2019s leading campuses. The university is committed to fostering academic excellence, \n        collaboration, and global integration. With various state-of-the-art facilities, strong connections \n        to German research institutions and enterprises, VGU provides students with cutting-edge education, \n        research opportunities, and strong career prospects in an evolving international environment.\n    <\/div>\n<\/div>\n<div id=\"descB-2\" class=\"popup-2\">\n    <div class=\"popup-close-2\" onclick=\"closePopup1()\">&times;<\/div>\n    <div class=\"popup-content-2\">\n        <br>\n        <strong>University of Stuttgart<\/strong> is one of Germany\u2019s leading scientific and technical universities, which \n        focuses on engineering and natural sciences. It is renowned for its research-driven methods, \n        integrating scientific approach, technology, and humanities in a unique interdisciplinary manner. \n        Its long-standing tradition and commitment to innovation make it a highly sought-after destination \n        for international students.\n        <br><br>\n        The university is also one of the oldest technical universities in Germany with a history\n        spanning more than 180 years. It was founded in 1829 as a trade school and was granted the status\n        of a university in 1876. The campus has a strong focus on research and is known for its high-quality\n        research output. It is home to numerous research institutes that are engaged in cutting-edge\n        research in various fields.\n    <\/div>\n<\/div>\n<script>\n    function openPopup1(id) {\n        document.body.style.overflow = \"hidden\";\n        document.getElementById(id).style.display = \"block\";\n        document.querySelector(\".popup-overlay-2\").style.display = \"block\";\n    }\n    function closePopup1() {\n        document.body.style.overflow = \"\";\n        document.querySelectorAll(\".popup-2\").forEach(popup => popup.style.display = \"none\");\n        document.querySelector(\".popup-overlay-2\").style.display = \"none\";\n    }\n    document.addEventListener(\"keydown\", function(e) {\n        if (e.key === \"Escape\") closePopup1();\n    });\n<\/script>\n<\/body-2>\n<\/html>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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>Hoverable Image Grid &#8211; Responsive<\/title>\n    <style>\n        .body-3 {\n            font-family: Arial, sans-serif;\n            text-align: center;\n            background-color: #f2f2f2;\n            font-size: 18px;\n            margin: 0;\n            padding: 20px;\n            user-select: none;\n        }\n        .grid-container-3 {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            flex-wrap: wrap;\n            max-width: 800px;\n            margin: auto;\n        }\n        .grid-item-3 {\n            background: white;\n            \/*border-radius: 5px;*\/\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            text-align: center;\n            padding: 10px;\n            transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;\n            width: 380px;\n            height: auto;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .grid-item-3:hover {\n            transform: translateY(-3px) scale(1.015);\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\n        }\n        .image-container-3 {\n            width: 100%;\n            height: 200px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n        .image-container-3 img {\n            max-width: 100%;\n            max-height: 180px;\n            object-fit: contain;\n            cursor: pointer;\n            border-radius: 5px;\n            transition: transform 0.5s ease-in-out;\n        }\n        .image-container-3 img:hover {\n            transform: scale(1.1);\n        }\n        .popup-overlay-3 {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            z-index: 9999;\n        }\n        .popup-3 {\n            display: none;\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 90%;\n            max-width: 680px;\n            background: rgb(186, 199, 255);\n            padding: 20px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n            \/*border-radius: 5px;*\/\n            z-index: 10000;\n            max-height: 80vh;\n            overflow-y: auto;\n            animation: fadeInPopup 0.2s ease;\n        }\n        .popup-content-3 {\n            color: black;\n            text-align: left;\n            font-size: 16px;\n            line-height: 1.5;\n        }\n        .popup-close-3 {\n            text-align: right;\n            font-size: 30px;\n            cursor: pointer;\n            font-weight: bold;\n            position: absolute;\n            top: 10px;\n            right: 15px;\n            color: black;\n        }\n        h3 {\n            font-size: 20px;\n            line-height: 1.3;\n            padding: 5px;\n            margin-bottom: 10px;\n        }\n        @keyframes fadeInPopup {\n            from { opacity: 0; transform: translate(-50%, -48%); }\n            to { opacity: 1; transform: translate(-50%, -50%); }\n        }\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .grid-container-3 {\n                flex-direction: column;\n                align-items: center;\n            }\n            .grid-item-3 {\n                width: 100%;\n            }\n            .popup-3 {\n                width: 95%;\n                max-width: 500px;\n            }\n            .body-3 {\n                font-size: 16px;\n            }\n            h3 {\n                font-size: 18px;\n            }\n            .popup-content-3 {\n                font-size: 14px;\n            }\n        }\n    <\/style>\n<\/head>\n<body-3>\n<div class=\"grid-container-3\">\n    <div class=\"grid-item-3\">\n        <h3><strong>Vietnamese-German University (VGU)<\/strong><br>Vision and Career Path<\/h3>\n        <div class=\"image-container-3\">\n            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/o0TQi8Q.jpeg\" alt=\"Job Placements and Vision\" onclick=\"openPopup('descA-3')\">\n        <\/div>\n    <\/div>\n    <div class=\"grid-item-3\">\n        <h3><strong>University of Stuttgart (Universit\u00e4t Stuttgart)<\/strong><br>Vision and Career Path<\/h3>\n        <div class=\"image-container-3\">\n            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fgu99tn.png\" alt=\"Job Placements and Vision\" onclick=\"openPopup('descB-3')\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"popup-overlay-3\" onclick=\"closePopup()\"><\/div>\n<div id=\"descA-3\" class=\"popup-3\">\n    <div class=\"popup-close-3\" onclick=\"closePopup()\">&times;<\/div>\n    <div class=\"popup-content-3\">\n        <br>\n        <strong>Vietnamese-German University (VGU)<\/strong> graduates are highly valued due to their focus on \n        practical training, research, and industry collaboration. VGU partners with German and international \n        companies, offering numerous internships and job placements in engineering, technology, and business \n        management. <br><br>\n        The Career Service team at VGU supports students through job fairs, workshops, and networking events, \n        ensuring graduates have the skills and connections for success. The university\u2019s strong alumni network \n        further enhances career prospects. <br><br>\n        With a vision to become a leading research-oriented university in Vietnam, VGU emphasizes innovation, \n        sustainability, and global integration. Its graduates are well-equipped to pursue careers in multinational \n        corporations, research institutions, and entrepreneurial ventures. By combining German academic excellence \n        with local industry needs, VGU fosters a dynamic learning environment that prepares students for both \n        national and international job markets.\n    <\/div>\n<\/div>\n<div id=\"descB-3\" class=\"popup-3\">\n    <div class=\"popup-close-3\" onclick=\"closePopup()\">&times;<\/div>\n    <div class=\"popup-content-3\">\n        <br>\n        <strong>University of Stuttgart<\/strong> graduates are well-regarded for their hands-on experience and \n        industry partnerships. The university collaborates with leading companies in automotive, engineering, \n        IT, and finance, providing excellent internship and job opportunities. <br><br>\n        The Career Service Center offers job fairs, workshops, and guidance, helping students transition \n        smoothly into the workforce. The extensive alumni network further strengthens career connections globally.\n        <br><br>\n        With a vision to be a top-tier research institution, the University of Stuttgart focuses on innovation,\n        sustainability, and interdisciplinary studies. Graduates are equipped with the skills and knowledge to\n        excel in diverse fields, from engineering and technology to business and social sciences. By combining\n        academic rigor with practical training, the university prepares students for successful careers in\n        Germany and beyond.\n    <\/div>\n<\/div>\n<script>\n    function openPopup(id) {\n        document.body.style.overflow = \"hidden\";\n        document.getElementById(id).style.display = \"block\";\n        document.querySelector(\".popup-overlay-3\").style.display = \"block\";\n    }\n    function closePopup() {\n        document.body.style.overflow = \"\";\n        document.querySelectorAll(\".popup-3\").forEach(popup => popup.style.display = \"none\");\n        document.querySelector(\".popup-overlay-3\").style.display = \"none\";\n    }\n    document.addEventListener(\"keydown\", function(e) {\n        if (e.key === \"Escape\") closePopup();\n    });\n<\/script>\n<\/body-3>\n<\/html>\n\n\n\n<div style=\"height:9px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong><span style=\"text-decoration: underline;\">MEDIA GALLERY:<\/span><\/strong><\/p>\n\n\n\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>Image Gallery 1<\/title>\n    <style>\n        .body-4 {\n            font-family: Arial, sans-serif;\n            text-align: center;\n            background-color: #f4f4f4;\n        }\n        .gallery-title-4 img {\n            max-width: 300px;\n            margin: 20px auto;\n            display: flex;\n        }\n        .gallery-container-4 {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            width: 100%;\n            max-width: 800px;\n            margin: auto;\n            overflow: hidden;\n        }\n        .image-slider-4 {\n            display: flex;\n            gap: 10px;\n            padding: 10px;\n            width: max-content;\n        }\n        .image-row-4 {\n            display: flex;\n            gap: 0px;\n            width: 200%;\n            overflow: hidden;\n            animation: scroll-gallery-1 170s linear infinite !important;\n            will-change: transform;\n        }\n        .image-row-4 img {\n            width: 150px !important;\n            height: 150px !important;\n            object-fit: cover;\n            cursor: pointer;\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\n            margin-right: 0px;\n            user-select: none;\n            -webkit-user-drag: none;\n            pointer-events: auto;\n        }\n        .image-row-4 img:hover {\n            transform: scale(1.1);\n        }\n        .gallery-container-4:hover .image-row-4 {\n            animation-play-state: paused;\n        }\n        @keyframes scroll-gallery-1 {\n            0% { transform: translateX(0); \/* Start at first image *\/}\n            50% { transform: translateX(-50%);}\n            100% { transform: translateX(0); \/* Return to the first image, creating a back-and-forth effect *\/}\n        }\n        #image-overlay-4 {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8);\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n        #image-overlay-4 img {\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain;\n        }\n        @media (max-width: 700px) {\n            .image-row-4 img {\n                width: 85px;\n                height: 85px;\n            }\n            .gallery-container-4 {\n                touch-action: pan-x;\n            }\n        }\n    <\/style>\n<\/head>\n<br\/>\n<body-4 style=\"width: 100%; height: 100%; background-color: white; padding: 1px; max-width: 800px; display: block; margin: auto;\">\n    <div class=\"gallery-title-4\">\n        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/mMa2aUg.png\" alt=\"VGU Gallery\">\n    <\/div>\n    <div class=\"gallery-container-4\">\n        <div class=\"image-slider-4\">\n            <div class=\"image-row-4\" id=\"imageRow-4\"><\/div>\n        <\/div>\n    <\/div>\n    <div id=\"image-overlay-4\" onclick=\"closeOverlayA()\">\n        <img id=\"overlay-img-4\">\n    <\/div>\n    <script>\n    \/\/window.onload = function() {\n        const imgurImagesA = [\n            \"https:\/\/i.imgur.com\/vaS26Ma.jpeg\",\n            \"https:\/\/i.imgur.com\/izGzVba.jpeg\",\n            \"https:\/\/i.imgur.com\/XkDYaur.jpeg\",\n            \"https:\/\/i.imgur.com\/AxtxzFc.jpeg\",\n            \"https:\/\/i.imgur.com\/agsEfl8.jpeg\",\n            \"https:\/\/i.imgur.com\/VqU84tO.jpeg\",\n            \"https:\/\/i.imgur.com\/TMuKcHJ.jpeg\",\n            \"https:\/\/i.imgur.com\/lhZdKC4.jpeg\",\n            \"https:\/\/i.imgur.com\/LWQQ1a5.jpeg\",\n            \"https:\/\/i.imgur.com\/CTwbWgT.jpeg\",\n            \"https:\/\/i.imgur.com\/PPnlw8u.jpeg\",\n            \"https:\/\/i.imgur.com\/IT4n1L2.png\",\n            \"https:\/\/i.imgur.com\/IJ8BmJ3.png\",\n            \"https:\/\/i.imgur.com\/k20lQdB.jpeg\",\n            \"https:\/\/i.imgur.com\/CI5IO64.jpeg\",\n            \"https:\/\/i.imgur.com\/6mVOaA4.jpeg\",\n            \"https:\/\/i.imgur.com\/OnXMPGv.jpeg\",\n            \"https:\/\/i.imgur.com\/LHHJ0D1.jpeg\",\n            \"https:\/\/i.imgur.com\/66kRaoI.jpeg\",\n            \"https:\/\/i.imgur.com\/2rr4t38.jpeg\"\n        ];\n        const imageRowA = document.getElementById(\"imageRow-4\");\n        imgurImagesA.forEach(imgUrl => {\n            let img = document.createElement(\"img\");\n            img.loading = \"lazy\";\n            img.src = imgUrl;\n            img.alt = \"Gallery Image\";\n            img.onclick = function() { openOverlayA(this); };\n            imageRowA.appendChild(img);\n        });\n        \/\/ Duplicate the images for the looping effect\n        imgurImagesA.forEach(imgUrl => {\n            let img = document.createElement(\"img\");\n            img.loading = \"lazy\";\n            img.src = imgUrl;\n            img.alt = \"Gallery Image\";\n            img.onclick = function() { openOverlayA(this); };\n            imageRowA.appendChild(img);\n        });\n        function openOverlayA(img) {\n            document.getElementById(\"image-overlay-4\").style.display = \"flex\";\n            const overlayImg = document.getElementById(\"overlay-img-4\");\n            overlayImg.src = img.src;\n            \/\/ Add a click event listener to close the overlay when the image is clicked\n            overlayImg.onclick = function() {\n                closeOverlayA();\n            };\n        }\n        function closeOverlayA() {\n            document.getElementById(\"image-overlay-4\").style.display = \"none\";\n        }\n        document.getElementById(\"image-overlay-4\").addEventListener(\"click\", function (e) {\n            if (e.target === this) {\n                closeOverlayA();\n            }\n        });\n        document.addEventListener(\"keydown\", function(e) {\n            if (e.key === \"Escape\") closeOverlayA();\n        });\n<\/script>\n<\/body-4>\n<\/html>\n\n\n\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>Image Gallery 2<\/title>\n    <style>\n        .body-5 {\n            font-family: Arial, sans-serif;\n            text-align: center;\n            background-color: #f4f4f4;\n        }\n        .gallery-title-5 img {\n            max-width: 300px;\n            margin: 20px auto;\n            display: flex;\n        }\n        .gallery-container-5 {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            width: 100%;\n            max-width: 800px;\n            margin: auto;\n            overflow: hidden;\n        }\n        .image-slider-5 {\n            display: flex;\n            gap: 10px;\n            padding: 10px;\n            width: max-content;\n\n        }\n        .image-row-5 {\n            display: flex;\n            gap: 0px;\n            width: 200%;\n            overflow: hidden;\n            animation: scroll-gallery-2 120s linear infinite !important;\n        }\n        .image-row-5 img {\n            width: 150px !important;\n            height: 150px !important;\n            object-fit: cover;\n            cursor: pointer;\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\n            margin-right: 0px;\n            user-select: none;\n            -webkit-user-drag: none;\n            pointer-events: auto;\n        }\n        .image-row-5 img:hover {\n            transform: scale(1.1);\n        }\n        .gallery-container-5:hover .image-row-5 {\n            animation-play-state: paused;\n        }\n        @keyframes scroll-gallery-2 {\n            0% { transform: translateX(0); \/* Start at first image *\/}\n            50% { transform: translateX(-50%);}\n            100% { transform: translateX(0); \/* Return to the first image, creating a back-and-forth effect *\/}\n        }\n        #image-overlay-5 {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8);\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n        #image-overlay-5 img {\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain;\n        }\n        @media (max-width: 700px) {\n            .image-row-5 img {\n                width: 85px;\n                height: 85px;\n            }\n            .gallery-container-5 {\n                touch-action: pan-x;\n            }\n        }\n    <\/style>\n<\/head>\n<body-5 style=\"width: 100%; height: 100%; background-color: white; padding: 1px; max-width: 800px; display: block; margin: auto;\">\n    <div class=\"gallery-title-5\">\n        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/f8j2uZD.png\" alt=\"Stuttgart Uni Gallery\">\n    <\/div>\n    <div class=\"gallery-container-5\">\n        <div class=\"image-slider-5\">\n            <div class=\"image-row-5\" id=\"imageRow-5\"><\/div>\n        <\/div>\n    <\/div>\n    <div id=\"image-overlay-5\" onclick=\"closeOverlayB()\">\n        <img id=\"overlay-img-5\">\n    <\/div>\n    <script>\n        \/\/ NO window.unload here, IF BOTH GALLERIES HAVE IT, NONE WILL WORK\n        const imgurImagesB = [\n            \"https:\/\/i.imgur.com\/fxKXA4z.jpeg\",\n            \"https:\/\/i.imgur.com\/kzVoxSw.jpeg\",\n            \"https:\/\/i.imgur.com\/Jq76xgz.jpeg\",\n            \"https:\/\/i.imgur.com\/AOKfcWK.jpeg\",\n            \"https:\/\/i.imgur.com\/uodVVvn.jpeg\",\n            \"https:\/\/i.imgur.com\/AGF9IHw.jpeg\",\n            \"https:\/\/i.imgur.com\/mZR1eDh.jpeg\",\n            \"https:\/\/i.imgur.com\/drJpaO9.jpeg\",\n            \"https:\/\/i.imgur.com\/Qx0YMCx.jpeg\",\n            \"https:\/\/ehef-japan.org\/en\/wp-content\/uploads\/sites\/2\/2023\/05\/img.jpg\",\n            \"https:\/\/i.imgur.com\/9FveibC.jpeg\",\n            \"https:\/\/i.imgur.com\/dCIKuFd.png\",\n            \"https:\/\/i.imgur.com\/J8CAe5r.jpeg\",\n            \"https:\/\/i.imgur.com\/XGxC5do.jpeg\",\n        ];\n        const imageRowB = document.getElementById(\"imageRow-5\");\n        imgurImagesB.forEach(imgUrl => {\n            let img = document.createElement(\"img\");\n            img.loading = \"lazy\";\n            img.src = imgUrl;\n            img.alt = \"Gallery Image\";\n            img.onclick = function() { openOverlayB(this); };\n            imageRowB.appendChild(img);\n        });\n        \/\/ Duplicate the images for the looping effect\n        imgurImagesB.forEach(imgUrl => {\n            let img = document.createElement(\"img\");\n            img.loading = \"lazy\";\n            img.src = imgUrl;\n            img.alt = \"Gallery Image\";\n            img.onclick = function() { openOverlayB(this); };\n            imageRowB.appendChild(img);\n        });\n\n        function openOverlayB(img) {\n            document.getElementById(\"image-overlay-5\").style.display = \"flex\";\n            const overlayImg = document.getElementById(\"overlay-img-5\");\n            overlayImg.src = img.src;\n            \/\/ Add a click event listener to close the overlay when the image is clicked\n            overlayImg.onclick = function() {\n                closeOverlayB();\n            };\n        }\n        function closeOverlayB() {\n            document.getElementById(\"image-overlay-5\").style.display = \"none\";\n        }\n        document.getElementById(\"image-overlay-5\").addEventListener(\"click\", function (e) {\n            if (e.target === this) {\n                closeOverlayB();\n            }\n        });\n        document.addEventListener(\"keydown\", function(e) {\n            if (e.key === \"Escape\") closeOverlayB();\n        });\n<\/script>\n<\/body-5>\n<\/html>\n\n\n\n<div style=\"height:6px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong><span style=\"text-decoration: underline;\">ACCREDITATION INFORMATION:<\/span><\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\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>Accreditation Info<\/title>\n<style>\n    .responsive-container-6 {\n        max-width: 100%;\n        overflow-x: auto;\n        justify-content: center;\n        padding: 5px;\n        display: flex;\n    }\n    .table-6 {\n        width: 100%;\n        max-width: 800px;\n        margin: auto;\n        border-collapse: collapse;\n    }\n    .td-6 {\n        padding: 10px;\n        vertical-align: middle;\n    }\n    .td-6 img {\n        width: 280px;\n        height: auto;\n        border-radius: 3px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .td-6 img:hover {\n        transform: scale(1.025);\n        box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);\n    }\n    .p-6 {\n        font-size: 16px;\n        text-align: left;\n    }        \n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .table-6 { width: 100%; }\n        .td-6 {\n            width: 100%;\n            align-items: center;\n            display: block;\n            margin: auto;\n        }\n        .td-6 img {\n            width: 380px;\n            width: 100%;\n            text-align: center;\n            display: block;\n            margin: auto;\n        }\n        .p-6 {\n            font-size: 16px;\n            text-align: center;\n            margin-top: 5px;\n        }}\n<\/style>\n<\/head>\n<body>\n    <div class=\"responsive-container-6\">\n        <table class=\"table-6\">\n        <tr><td class=\"td-6\">\n            <a href=\"https:\/\/aaq.ch\/en\/\" target=\"_blank\"><img decoding=\"async\" class=\"image-6\" src=\"https:\/\/th.bing.com\/th\/id\/OIP.QEZDncySJGRiBvcJLSNFtwAAAA?rs=1&#038;pid=ImgDetMain\" alt=\"AAQ Accreditation\"><\/a>\n            <\/td>\n            <td class=\"td-6\"><p class=\"p-6\">\n            <strong>\u2705 The University of Stuttgart&#8217;s system for accreditation is from the Swiss Accreditation agency AAQ (valid until 2027).<\/strong><br><br>\n            The Swiss Agency of Accreditation and Quality Assurance (AAQ) is the official body responsible for ensuring quality and accreditation of many higher education institutions in Switzerland. It operates under the guidelines of the Swiss Accreditation Council (SAC) and follows the international quality assurance standards. The AAQ evaluates universities, degrees, programs, and institutions based on rigorous academic and research criteria, ensuring that they meet high professional standards. Accreditation by AAQ signifies excellence, credibility, and compliance with Swiss and European higher education frameworks.<\/p>\n        <\/td>\n        <\/tr>\n    <\/table>\n<\/div>\n<\/body>\n<\/html>\n\n\n\n<p class=\"has-text-align-center\"><strong><span style=\"text-decoration: underline;\">PROGRAM FACULTY AND CONTACT:<\/span><\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<style>\n.contact-card {\n    width: 100%;\n    max-width: 250px;\n    padding: 8px;\n    border: 1px solid #ddd;\n    text-align: center;\n    transition: transform 0.5s ease, box-shadow 0.5s ease;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n    background-color: #EBEBEB;\n    flex: 1 1 250px;\n}\n.contact-card:hover {\n    transform: scale(1.025);\n    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);\n}\n.contact-card h3 {\n    font-size: 16px;\n    letter-spacing: 0.3px;\n    margin: 9px 0;\n}\n.contact-card p {\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 7px 0;\n    color: black;\n}\n.contact-card-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n}\n.image-container {\n    width: 120px;\n    height: 120px;\n    border-radius: 3px;\n    overflow: hidden;\n    margin: 0 auto;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.image-container img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n.faculty-button {\n    display: inline-block;\n    padding: 10px 10px;\n    background-color: #007BFF;\n    color: #fff;\n    font-size: 16px;\n    text-decoration: none;\n    border-radius: 3px;\n    width: 100%;\n    transition: background-color 0.4s ease, transform 0.4s ease;\n}\n.faculty-button:hover {\n    background-color: #0056b3;\n    transform: scale(1.025);\n}\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n@media (max-width: 768px) {\n    .contact-card {\n        flex: 1 1 380px;\n        max-width: 380px;\n    }\n}\n<\/style>\n<div style=\"max-width: 800px; margin: auto; text-align: center; font-family: Arial, sans-serif; opacity: 0; animation: fadeIn 1s forwards;\">\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;\">\n        <!-- Contact 1 -->\n        <div class=\"contact-card\">\n            <div class=\"image-container\">\n                <img decoding=\"async\" src=\"https:\/\/vgu.edu.vn\/documents\/10192\/9579960\/Prof.+Dr.+Jan+Hesselbarth4x5.jpg\/d87d769f-4d67-4bf3-916f-5b8d9aa51888?t=1731182051000\" alt=\"Person 1\">\n            <\/div>\n            <h3><strong>Prof. Dr. JAN HESSELBARTH<\/strong><\/h3>\n            <p>Professor and Head of the Institute of High Frequency Technology<\/p>\n            <p><strong>Email: <\/strong><a href=\"mailto:jan.hesselbarth@ihf.uni-stuttgart.de\">jan.hesselbarth@ihf.uni-stuttgart.de<\/a><\/p>\n        <\/div>\n        <!-- Contact 2 -->\n        <div class=\"contact-card\">\n            <div class=\"image-container\">\n                <img decoding=\"async\" src=\"https:\/\/vgu.edu.vn\/documents\/10192\/9579960\/Dr.+Udo+Klein.jpg\/f24bf6f3-8139-42c3-b9a6-162da2cb1e51?t=1730670734000\" alt=\"Person 2\">\n            <\/div>\n            <h3><strong>Dr.-Ing. UDO KLEIN<\/strong><\/h3>\n            <p>Senior Lecturer in Electrical Engineering. Academic Coordinator of MEE program<\/p>\n            <p><strong>Email: <\/strong><a href=\"mailto:udo.klein@vgu.edu.vn\">udo.klein@vgu.edu.vn<\/a><\/p>\n        <\/div>\n        <!-- Contact 3 -->\n        <div class=\"contact-card\">\n            <div class=\"image-container\">\n                <img decoding=\"async\" src=\"https:\/\/vgu.edu.vn\/documents\/48688\/6396694\/20240821+Tran+Tuyet+An.png\/1206b126-8b98-4428-90c8-7de88cbdaa31?t=1724323498000\" alt=\"Person 3\">\n            <\/div>\n            <h3><strong>Ms. TRAN TUYET AN<\/strong><\/h3>\n            <p>Faculty Assistant for Faculty Office<\/p>\n            <p><strong>Email: <\/strong><a href=\"mailto:an.tt@vgu.edu.vn\">an.tt@vgu.edu.vn<\/a><\/p>\n            <p><strong>Phone: <\/strong>+84 (0)274 222 0990<\/p>\n        <\/div>\n    <\/div>\n    <!-- Faculty Section -->\n    <div style=\"margin-top: 20px;\">\n        <a href=\"https:\/\/vgu.edu.vn\/faculty\" target=\"_blank\" class=\"faculty-button\"><strong>Visit the full Faculty Page here!<\/strong><\/a>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\n<style>\n.page-wrapper-global {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 0 14px;\n    box-sizing: border-box;\n}\n.page-wrapper-global img,\n.page-wrapper-global video,\n.page-wrapper-global iframe {\n    max-width: 100%;\n    height: auto;\n    display: block;\n} \/* Prevent overflow *\/\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>MEE Program | VGU Overview \u27a1\ufe0f At Vietnamese-German University (VGU), we offer a study program for a Master of Science (M.Sc.) in Electrical Engineering (MEE) that provides students with the electrical engineering fundamentals of electronics and communications technology &#038; systems and the skills needed to succeed in this rapidly evolving field. Our program is a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":16,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":644,"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":3955,"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/pages\/2\/revisions\/3955"}],"up":[{"embeddable":true,"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/pages\/16"}],"wp:attachment":[{"href":"https:\/\/mee.vgu.edu.vn\/home\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}