{"id":3389,"date":"2026-01-01T11:27:17","date_gmt":"2026-01-01T03:27:17","guid":{"rendered":"https:\/\/engine.iium.edu.my\/mec\/?p=3389"},"modified":"2026-01-01T11:31:29","modified_gmt":"2026-01-01T03:31:29","slug":"mentor-mentee-session-sem-1-25-26","status":"publish","type":"post","link":"https:\/\/engine.iium.edu.my\/mec\/?p=3389","title":{"rendered":"Mentor-Mentee Session (Sem 1, 25\/26)"},"content":{"rendered":"\n<!-- Mentor\u2013Mentee Session (Semester 1, 2025\/2026) \u2014 IIUM MAE -->\n<style>\n  .mm-post{\n    --primary:#0b6b5c;\n    --accent:#f59e0b;\n    --ink:#0f172a;\n    --muted:#475569;\n    --card:#ffffff;\n    --bg1:#f1f5f9;\n    --bg2:#ecfeff;\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n    color:var(--ink);\n    line-height:1.65;\n  }\n  .mm-wrap{\n    max-width: 980px;\n    margin: 0 auto;\n    padding: 18px;\n  }\n  .mm-hero{\n    background: linear-gradient(120deg, var(--bg2), var(--bg1));\n    border: 1px solid rgba(15, 23, 42, .08);\n    border-radius: 18px;\n    padding: 22px 22px 18px;\n    position: relative;\n    overflow: hidden;\n  }\n  .mm-hero:before{\n    content:\"\";\n    position:absolute;\n    inset:-40px -80px auto auto;\n    width:260px;height:260px;\n    background: radial-gradient(circle at 30% 30%, rgba(245,158,11,.35), rgba(11,107,92,.0) 60%);\n    transform: rotate(15deg);\n  }\n  .mm-kicker{\n    display:inline-flex;\n    gap:10px;\n    align-items:center;\n    font-weight:700;\n    letter-spacing:.3px;\n    color:var(--primary);\n    background: rgba(11,107,92,.08);\n    border:1px solid rgba(11,107,92,.18);\n    padding:6px 12px;\n    border-radius:999px;\n    position: relative;\n    z-index: 1;\n  }\n  .mm-title{\n    margin:12px 0 6px;\n    font-size: clamp(22px, 2.6vw, 34px);\n    line-height:1.2;\n    position: relative;\n    z-index: 1;\n  }\n  .mm-sub{\n    margin: 0;\n    color: var(--muted);\n    position: relative;\n    z-index: 1;\n    font-size: 1.02rem;\n  }\n  .mm-badges{\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n    margin-top:14px;\n    position: relative;\n    z-index: 1;\n  }\n  .mm-badge{\n    background: rgba(255,255,255,.85);\n    border: 1px solid rgba(15, 23, 42, .10);\n    padding:8px 12px;\n    border-radius: 12px;\n    display:flex;\n    gap:8px;\n    align-items:center;\n    color: var(--ink);\n    font-weight:600;\n  }\n  .mm-badge span{\n    color: var(--primary);\n    font-weight:800;\n  }\n\n  .mm-grid{\n    display:grid;\n    grid-template-columns: 1.1fr .9fr;\n    gap:18px;\n    margin-top:18px;\n  }\n  @media (max-width: 900px){\n    .mm-grid{ grid-template-columns: 1fr; }\n  }\n\n  .mm-card{\n    background: var(--card);\n    border: 1px solid rgba(15, 23, 42, .10);\n    border-radius: 18px;\n    padding: 18px;\n    box-shadow: 0 10px 25px rgba(2, 6, 23, .04);\n  }\n  .mm-card h3{\n    margin: 0 0 10px;\n    font-size: 1.1rem;\n  }\n  .mm-points{\n    margin: 0;\n    padding-left: 1.2rem;\n    color: var(--muted);\n  }\n  .mm-points li{ margin: 8px 0; }\n  .mm-highlight{\n    display:flex;\n    gap:12px;\n    align-items:flex-start;\n    padding: 14px;\n    border-radius: 14px;\n    background: rgba(11,107,92,.06);\n    border: 1px dashed rgba(11,107,92,.25);\n    color: var(--ink);\n    margin-top: 12px;\n  }\n  .mm-dot{\n    width:10px;height:10px;border-radius:999px;\n    background: var(--accent);\n    margin-top: 7px;\n    flex: 0 0 auto;\n  }\n\n  \/* Gallery *\/\n  .mm-gallery-title{\n    margin: 18px 0 10px;\n    font-size: 1.1rem;\n  }\n  .mm-gallery{\n    display:grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n  @media (max-width: 900px){\n    .mm-gallery{ grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 520px){\n    .mm-gallery{ grid-template-columns: 1fr; }\n  }\n  .mm-thumb{\n    display:block;\n    border-radius: 16px;\n    overflow:hidden;\n    border: 1px solid rgba(15, 23, 42, .12);\n    background:#fff;\n    position:relative;\n    transform: translateZ(0);\n  }\n  .mm-thumb img{\n    width:100%;\n    height: 100%;\n    display:block;\n    aspect-ratio: 16\/9;\n    object-fit: cover;\n    transition: transform .35s ease, filter .35s ease;\n  }\n  .mm-thumb:focus{ outline: 3px solid rgba(245,158,11,.55); outline-offset: 3px; }\n  .mm-thumb:hover img{\n    transform: scale(1.08);\n    filter: saturate(1.05) contrast(1.02);\n  }\n\n  \/* Lightbox modal *\/\n  .mm-lightbox{\n    position: fixed;\n    inset: 0;\n    background: rgba(2, 6, 23, .78);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 22px;\n    z-index: 99999;\n  }\n  .mm-lightbox.is-open{ display:flex; }\n  .mm-lightbox-inner{\n    max-width: min(1100px, 96vw);\n    width: 100%;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.18);\n    border-radius: 18px;\n    padding: 14px;\n    box-shadow: 0 25px 60px rgba(0,0,0,.35);\n  }\n  .mm-lightbox-img{\n    width:100%;\n    height:auto;\n    display:block;\n    border-radius: 12px;\n    background: #0b1220;\n  }\n  .mm-lightbox-top{\n    display:flex;\n    align-items:center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .mm-lightbox-label{\n    color: rgba(255,255,255,.92);\n    font-weight: 700;\n    letter-spacing: .2px;\n  }\n  .mm-close{\n    border: 1px solid rgba(255,255,255,.25);\n    background: rgba(255,255,255,.10);\n    color: rgba(255,255,255,.92);\n    padding: 8px 12px;\n    border-radius: 12px;\n    cursor: pointer;\n    font-weight: 700;\n    transition: transform .2s ease, background .2s ease;\n  }\n  .mm-close:hover{ transform: scale(1.04); background: rgba(255,255,255,.16); }\n\n  .mm-footer{\n    margin-top: 18px;\n    color: var(--muted);\n    font-size: .98rem;\n    text-align: center;\n  }\n  .mm-footer strong{ color: var(--primary); }\n<\/style>\n\n<div class=\"mm-post\">\n  <div class=\"mm-wrap\">\n\n    <section class=\"mm-hero\">\n      <div class=\"mm-kicker\">Mentor\u2013Mentee \u2022 Semester 1 (2025\/2026)<\/div>\n      <h2 class=\"mm-title\">Mentor\u2013Mentee Session Update: Welcoming Our Largest Intake Yet<\/h2>\n      <p class=\"mm-sub\">\n        This semester marks a major milestone for Mechanical &#038; Aerospace Engineering (MAE) \u2014 with <strong>nearly 200 new students<\/strong>\n        joining the Mechanical Engineering and Aerospace Engineering programmes, making it our <strong>highest intake<\/strong> so far.\n      <\/p>\n\n      <div class=\"mm-badges\" aria-label=\"Event details\">\n        <div class=\"mm-badge\"><span>\ud83d\udcc5<\/span> 22 December 2025<\/div>\n        <div class=\"mm-badge\"><span>\ud83d\udd50<\/span> 1:00 PM \u2013 2:00 PM<\/div>\n        <div class=\"mm-badge\"><span>\ud83c\udf93<\/span> MAE Mentor\u2013Mentee Programme<\/div>\n      <\/div>\n\n      \n    <\/section>\n\n    <section class=\"mm-grid\">\n      <div class=\"mm-card\">\n        <h3>Why this session matters<\/h3>\n        <p style=\"margin:0;color:#334155;\">\n          The Mentor\u2013Mentee programme is designed to ensure every student has a clear support pathway throughout their academic journey.\n          During the session, students were briefed on how mentors (the lecturers) and the Academic Advisors can help with:\n        <\/p>\n        <ul class=\"mm-points\">\n          <li>academic planning and study strategies<\/li>\n          <li>understanding programme structure and expectations<\/li>\n          <li>navigating university systems, policies, and student support services<\/li>\n          <li>seeking advice early before small issues become major obstacles<\/li>\n        <\/ul>\n\n        <div class=\"mm-highlight\">\n          <div class=\"mm-dot\" aria-hidden=\"true\"><\/div>\n          <div>\n            <strong>Key message:<\/strong> Reach out early. Your mentor is your first academic support point \u2014 use the channel actively, not only during emergencies.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mm-card\">\n        <h3>OBE briefing: CLO \u2022 PLO \u2022 PEOs<\/h3>\n        <p style=\"margin:0;color:#334155;\">\n          Academic Advisors also took the opportunity to explain the importance of <strong>Outcome-Based Education (OBE)<\/strong> and how it connects\n          what students learn in class to what they are expected to achieve upon graduation and beyond.\n        <\/p>\n        <ul class=\"mm-points\">\n          <li><strong>CLO<\/strong> (Course Learning Outcomes): what you should be able to do by the end of a course<\/li>\n          <li><strong>PLO<\/strong> (Programme Learning Outcomes): the abilities you must demonstrate upon graduation<\/li>\n          <li><strong>PEOs<\/strong> (Programme Educational Objectives): what graduates are expected to achieve within 3\u20135 years after graduation<\/li>\n        <\/ul>\n\n        <div class=\"mm-highlight\" style=\"background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.28);\">\n          <div class=\"mm-dot\" aria-hidden=\"true\"><\/div>\n          <div>\n            <strong>Student takeaway:<\/strong> Your assessments aren\u2019t \u201cjust marks\u201d \u2014 they are evidence that you are achieving outcomes that matter for your future career and professionalism.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <h3 class=\"mm-gallery-title\">Event Moments<\/h3>\n    <div class=\"mm-card\" style=\"padding:14px;\">\n      <div class=\"mm-gallery\" aria-label=\"Event photo gallery\">\n        <!-- Thumbnails (given) + High-res (assumed by removing -300x169) -->\n        <a class=\"mm-thumb\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee5.jpeg\" data-full=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee5.jpeg\">\n          <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee5-300x169.jpeg\" alt=\"Mentor\u2013Mentee session photo 5\">\n        <\/a>\n        <a class=\"mm-thumb\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee4.jpeg\" data-full=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee4.jpeg\">\n          <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee4-300x169.jpeg\" alt=\"Mentor\u2013Mentee session photo 4\">\n        <\/a>\n        <a class=\"mm-thumb\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee3.jpeg\" data-full=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee3.jpeg\">\n          <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee3-300x169.jpeg\" alt=\"Mentor\u2013Mentee session photo 3\">\n        <\/a>\n        <a class=\"mm-thumb\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee2.jpeg\" data-full=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee2.jpeg\">\n          <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee2-300x169.jpeg\" alt=\"Mentor\u2013Mentee session photo 2\">\n        <\/a>\n        <a class=\"mm-thumb\" href=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee1.jpeg\" data-full=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee1.jpeg\">\n          <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/mentee1-225x300.jpeg\" alt=\"Mentor\u2013Mentee session photo 1\">\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <p class=\"mm-footer\">\n      To all our new students: <strong>welcome to MAE<\/strong>. Use the Mentor\u2013Mentee programme as your academic support system, stay consistent,\n      and keep aligning your efforts with the outcomes that shape your success.\n    <\/p>\n\n  <\/div>\n\n  <!-- Lightbox -->\n  <div class=\"mm-lightbox\" id=\"mmLightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image preview\">\n    <div class=\"mm-lightbox-inner\">\n      <div class=\"mm-lightbox-top\">\n        <div class=\"mm-lightbox-label\" id=\"mmLightboxLabel\">Preview<\/div>\n        <button class=\"mm-close\" type=\"button\" id=\"mmCloseBtn\">Close<\/button>\n      <\/div>\n      <img decoding=\"async\" class=\"mm-lightbox-img\" id=\"mmLightboxImg\" src=\"\" alt=\"Expanded event image\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    const lightbox = document.getElementById('mmLightbox');\n    const img = document.getElementById('mmLightboxImg');\n    const label = document.getElementById('mmLightboxLabel');\n    const closeBtn = document.getElementById('mmCloseBtn');\n\n    function openLightbox(fullSrc, altText) {\n      img.src = fullSrc;\n      img.alt = altText || 'Expanded event image';\n      label.textContent = 'Image Preview';\n      lightbox.classList.add('is-open');\n      document.body.style.overflow = 'hidden';\n      closeBtn.focus();\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove('is-open');\n      img.src = '';\n      document.body.style.overflow = '';\n    }\n\n    document.querySelectorAll('.mm-thumb').forEach((a) => {\n      a.addEventListener('click', (e) => {\n        e.preventDefault();\n        const full = a.getAttribute('data-full') || a.href;\n        const alt = a.querySelector('img')?.getAttribute('alt') || '';\n        openLightbox(full, alt);\n      });\n    });\n\n    closeBtn.addEventListener('click', closeLightbox);\n    lightbox.addEventListener('click', (e) => {\n      if (e.target === lightbox) closeLightbox();\n    });\n\n    document.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape' && lightbox.classList.contains('is-open')) closeLightbox();\n    });\n  })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Mentor\u2013Mentee \u2022 Semester 1 (2025\/2026) Mentor\u2013Mentee Session Update: Welcoming Our Largest Intake Yet This semester marks a major milestone for Mechanical &#038; Aerospace Engineering (MAE) \u2014 with nearly 200 new students joining the Mechanical Engineering and Aerospace Engineering programmes, making it our highest intake so far. \ud83d\udcc5 22 December 2025 [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":3387,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,8],"tags":[41,36,34],"_links":{"self":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3389"}],"collection":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3389"}],"version-history":[{"count":4,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3389\/revisions"}],"predecessor-version":[{"id":3393,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/posts\/3389\/revisions\/3393"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/media\/3387"}],"wp:attachment":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}