{"id":15,"date":"2026-07-21T14:24:31","date_gmt":"2026-07-21T14:24:31","guid":{"rendered":"https:\/\/mesin.unmer.ac.id\/?page_id=15"},"modified":"2026-07-22T06:26:59","modified_gmt":"2026-07-22T06:26:59","slug":"home","status":"publish","type":"page","link":"https:\/\/mesin.unmer.ac.id\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n S1 Teknik Mesin \u2013 Universitas Merdeka Malang<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --navy-900: #0a1628;\r\n --navy-800: #0f1f3a;\r\n --navy-700: #162d52;\r\n --navy-600: #1e3a6a;\r\n --navy-500: #2a4a82;\r\n --orange-500: #ff6b2b;\r\n --orange-400: #ff8c42;\r\n --orange-300: #ffaa6b;\r\n --orange-600: #e55a1a;\r\n --white: #ffffff;\r\n --gray-50: #f8f9fb;\r\n --gray-100: #eef1f5;\r\n --gray-200: #dde2ea;\r\n --gray-400: #8e99a8;\r\n --gray-600: #5a6474;\r\n --text-dark: #1a1e2a;\r\n --text-light: rgba(255, 255, 255, 0.85);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n color: var(--text-dark);\r\n background: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n nav {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1000;\r\n background: rgba(10, 22, 40, 0.92);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .nav-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 64px;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n .nav-logo-icon {\r\n width: 36px;\r\n height: 36px;\r\n \/*background: var(--orange-500);*\/\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n color: var(--white);\r\n font-size: 14px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .nav-logo-text {\r\n font-weight: 700;\r\n color: var(--white);\r\n font-size: 15px;\r\n letter-spacing: -0.3px;\r\n }\r\n\r\n .nav-logo-text span {\r\n color: var(--orange-400);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 2rem;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: rgba(255, 255, 255, 0.65);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n transition: color 0.2s ease;\r\n text-transform: uppercase;\r\n }\r\n\r\n .nav-links a:hover {\r\n color: var(--orange-400);\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n min-height: 100vh;\r\n background: var(--navy-900);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse at 70% 30%, rgba(255, 107, 43, 0.12) 0%, transparent 60%),\r\n radial-gradient(ellipse at 20% 80%, rgba(42, 74, 130, 0.3) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-grid-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 120px 2rem 80px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-content {\r\n animation: fadeUp 0.8s ease forwards;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 107, 43, 0.12);\r\n border: 1px solid rgba(255, 107, 43, 0.25);\r\n border-radius: 100px;\r\n padding: 6px 16px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--orange-400);\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .hero-badge::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n background: var(--orange-500);\r\n border-radius: 50%;\r\n animation: pulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(1.4); }\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n font-weight: 700;\r\n line-height: 1.08;\r\n color: var(--white);\r\n margin-bottom: 1.5rem;\r\n letter-spacing: -0.03em;\r\n }\r\n\r\n .hero h1 .highlight {\r\n color: var(--orange-500);\r\n position: relative;\r\n }\r\n\r\n .hero p {\r\n font-size: 1.05rem;\r\n line-height: 1.75;\r\n color: var(--text-light);\r\n max-width: 520px;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--orange-500);\r\n color: var(--white);\r\n font-weight: 700;\r\n font-size: 14px;\r\n padding: 14px 28px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n letter-spacing: 0.01em;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--orange-600);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(255, 107, 43, 0.3);\r\n }\r\n\r\n .btn-outline {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: transparent;\r\n color: var(--white);\r\n font-weight: 600;\r\n font-size: 14px;\r\n padding: 14px 28px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.25s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: var(--orange-400);\r\n color: var(--orange-400);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-visual {\r\n position: relative;\r\n animation: fadeUp 0.8s ease 0.2s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .hero-image-wrapper {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n aspect-ratio: 3\/3;\r\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .hero-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .hero-image-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(10, 22, 40, 0.3), transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-floating-card {\r\n position: absolute;\r\n bottom: -20px;\r\n left: -30px;\r\n background: rgba(15, 31, 58, 0.95);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 14px;\r\n padding: 20px 24px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n animation: float 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-8px); }\r\n }\r\n\r\n .hero-floating-card .icon-circle {\r\n width: 44px;\r\n height: 44px;\r\n background: var(--orange-500);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n }\r\n\r\n .hero-floating-card .label {\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: var(--gray-400);\r\n font-weight: 600;\r\n }\r\n\r\n .hero-floating-card .value {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-top: 2px;\r\n }\r\n\r\n \/* \u2500\u2500 SECTION COMMON \u2500\u2500 *\/\r\n section {\r\n padding: 100px 2rem;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--orange-500);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n line-height: 1.15;\r\n color: var(--navy-900);\r\n }\r\n\r\n .section-subtitle {\r\n max-width: 600px;\r\n margin: 1rem auto 0;\r\n font-size: 1rem;\r\n color: var(--gray-600);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* \u2500\u2500 AKREDITASI STRIP \u2500\u2500 *\/\r\n .accreditation-strip {\r\n background: var(--navy-800);\r\n padding: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .accreditation-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 48px 2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 3rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .acc-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 16px;\r\n padding: 20px 28px;\r\n }\r\n\r\n .acc-icon {\r\n width: 56px;\r\n height: 56px;\r\n background: linear-gradient(135deg, var(--orange-500), var(--orange-400));\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 26px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .acc-text .acc-label {\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n color: var(--gray-400);\r\n font-weight: 600;\r\n }\r\n\r\n .acc-text .acc-value {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-top: 4px;\r\n }\r\n\r\n .acc-text .acc-detail {\r\n font-size: 12px;\r\n color: var(--orange-300);\r\n margin-top: 2px;\r\n }\r\n\r\n .acc-divider {\r\n width: 1px;\r\n height: 48px;\r\n background: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n \/* \u2500\u2500 PROFIL SECTION \u2500\u2500 *\/\r\n .profil-section {\r\n background: var(--gray-50);\r\n }\r\n\r\n .profil-grid {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n }\r\n\r\n .profil-card {\r\n background: var(--white);\r\n border-radius: 18px;\r\n padding: 2.5rem;\r\n border: 1px solid var(--gray-100);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .profil-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--orange-500), var(--orange-300));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .profil-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 50px rgba(10, 22, 40, 0.08);\r\n }\r\n\r\n .profil-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .profil-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n background: rgba(255, 107, 43, 0.08);\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .profil-card h3 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: var(--navy-900);\r\n margin-bottom: 0.75rem;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .profil-card p {\r\n font-size: 0.95rem;\r\n line-height: 1.75;\r\n color: var(--gray-600);\r\n }\r\n\r\n \/* \u2500\u2500 KOMPETENSI \u2500\u2500 *\/\r\n .kompetensi-section {\r\n background: var(--white);\r\n }\r\n\r\n .kompetensi-grid {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .kompetensi-card {\r\n background: var(--gray-50);\r\n border-radius: 16px;\r\n padding: 2rem;\r\n border: 1px solid var(--gray-100);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n .kompetensi-card:hover {\r\n border-color: var(--orange-500);\r\n background: var(--white);\r\n box-shadow: 0 16px 48px rgba(255, 107, 43, 0.08);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .kompetensi-num {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 3rem;\r\n font-weight: 700;\r\n color: rgba(255, 107, 43, 0.1);\r\n line-height: 1;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .kompetensi-card:hover .kompetensi-num {\r\n color: rgba(255, 107, 43, 0.2);\r\n }\r\n\r\n .kompetensi-card h3 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--navy-900);\r\n margin-bottom: 0.75rem;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .kompetensi-card p {\r\n font-size: 0.9rem;\r\n line-height: 1.7;\r\n color: var(--gray-600);\r\n }\r\n\r\n \/* \u2500\u2500 KURIKULUM \u2500\u2500 *\/\r\n .kurikulum-section {\r\n background: var(--navy-900);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .kurikulum-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse at 0% 50%, rgba(255, 107, 43, 0.06) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .kurikulum-section .section-title {\r\n color: var(--white);\r\n }\r\n\r\n .kurikulum-section .section-subtitle {\r\n color: var(--text-light);\r\n }\r\n\r\n .kurikulum-stats {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .stat-card {\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n border-radius: 16px;\r\n padding: 2rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .stat-card:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n transform: translateY(-4px);\r\n border-color: rgba(255, 107, 43, 0.3);\r\n }\r\n\r\n .stat-number {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n color: var(--orange-500);\r\n line-height: 1;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.85rem;\r\n color: var(--gray-400);\r\n font-weight: 500;\r\n line-height: 1.4;\r\n }\r\n\r\n .kurikulum-desc {\r\n max-width: 700px;\r\n margin: 3rem auto 0;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .kurikulum-desc p {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: var(--text-light);\r\n }\r\n\r\n .kurikulum-tags {\r\n display: flex;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n flex-wrap: wrap;\r\n margin-top: 2rem;\r\n }\r\n\r\n .kurikulum-tag {\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 100px;\r\n padding: 8px 20px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--text-light);\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .kurikulum-tag:hover {\r\n border-color: var(--orange-400);\r\n color: var(--orange-400);\r\n }\r\n\r\n \/* \u2500\u2500 PRODUK UNGGULAN \u2500\u2500 *\/\r\n .produk-section {\r\n background: var(--white);\r\n }\r\n\r\n .produk-grid {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .produk-card {\r\n border-radius: 18px;\r\n overflow: hidden;\r\n position: relative;\r\n aspect-ratio: 4\/5;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .produk-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 30px 60px rgba(10, 22, 40, 0.15);\r\n }\r\n\r\n .produk-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .produk-card:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .produk-card-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(0deg, rgba(10, 22, 40, 0.9) 0%, rgba(10, 22, 40, 0.1) 60%);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 2rem;\r\n }\r\n\r\n .produk-card-overlay h3 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .produk-card-overlay p {\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n .produk-card-overlay .tag-small {\r\n display: inline-block;\r\n background: var(--orange-500);\r\n color: var(--white);\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 4px 12px;\r\n border-radius: 100px;\r\n margin-bottom: 0.75rem;\r\n width: fit-content;\r\n }\r\n\r\n \/* \u2500\u2500 LABORATORIUM \u2500\u2500 *\/\r\n .lab-section {\r\n background: var(--gray-50);\r\n }\r\n\r\n .lab-grid {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.25rem;\r\n }\r\n\r\n .lab-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 1.5rem;\r\n border: 1px solid var(--gray-100);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .lab-item:hover {\r\n border-color: var(--orange-500);\r\n transform: translateX(4px);\r\n box-shadow: 0 8px 24px rgba(255, 107, 43, 0.06);\r\n }\r\n\r\n .lab-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: rgba(10, 22, 40, 0.04);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .lab-item:hover .lab-icon {\r\n background: rgba(255, 107, 43, 0.08);\r\n }\r\n\r\n .lab-item h4 {\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n color: var(--navy-900);\r\n margin-bottom: 0.3rem;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .lab-item p {\r\n font-size: 0.82rem;\r\n line-height: 1.6;\r\n color: var(--gray-600);\r\n }\r\n\r\n \/* \u2500\u2500 KARIR \u2500\u2500 *\/\r\n .karir-section {\r\n background: var(--white);\r\n position: relative;\r\n }\r\n\r\n .karir-grid {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .karir-card {\r\n background: var(--gray-50);\r\n border-radius: 16px;\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n border: 1px solid var(--gray-100);\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n }\r\n\r\n .karir-card:hover {\r\n background: var(--navy-900);\r\n border-color: var(--navy-900);\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 50px rgba(10, 22, 40, 0.15);\r\n }\r\n\r\n .karir-card:hover .karir-icon {\r\n background: rgba(255, 107, 43, 0.15);\r\n }\r\n\r\n .karir-card:hover h4,\r\n .karir-card:hover p {\r\n color: var(--white);\r\n }\r\n\r\n .karir-card:hover p {\r\n color: var(--text-light) !important;\r\n }\r\n\r\n .karir-icon {\r\n width: 56px;\r\n height: 56px;\r\n background: rgba(255, 107, 43, 0.08);\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 26px;\r\n margin: 0 auto 1.25rem;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .karir-card h4 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--navy-900);\r\n margin-bottom: 0.5rem;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .karir-card p {\r\n font-size: 0.82rem;\r\n line-height: 1.6;\r\n color: var(--gray-600);\r\n transition: color 0.3s ease;\r\n }\r\n\r\n \/* \u2500\u2500 DOSEN & FASILITAS \u2500\u2500 *\/\r\n .dosen-section {\r\n background: var(--navy-900);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .dosen-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse at 100% 0%, rgba(255, 107, 43, 0.06), transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .dosen-section .section-title {\r\n color: var(--white);\r\n }\r\n\r\n .dosen-section .section-subtitle {\r\n color: var(--text-light);\r\n }\r\n\r\n .dosen-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .dosen-image {\r\n border-radius: 20px;\r\n overflow: hidden;\r\n aspect-ratio: 4\/3;\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .dosen-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .dosen-content h3 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 1rem;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .dosen-content p {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: var(--text-light);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .dosen-qualifications {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.75rem;\r\n }\r\n\r\n .dosen-qual {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 0.95rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .dosen-qual-dot {\r\n width: 8px;\r\n height: 8px;\r\n background: var(--orange-500);\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500 FASILITAS PENUNJANG \u2500\u2500 *\/\r\n .fasilitas-strip {\r\n background: linear-gradient(135deg, var(--orange-500), var(--orange-600));\r\n padding: 40px 2rem;\r\n }\r\n\r\n .fasilitas-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .fasilitas-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: var(--white);\r\n }\r\n\r\n .fasilitas-item span.icon {\r\n font-size: 24px;\r\n }\r\n\r\n .fasilitas-item span.text {\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n }\r\n\r\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n .cta-section {\r\n background: var(--gray-50);\r\n padding: 80px 2rem;\r\n text-align: center;\r\n }\r\n\r\n .cta-section h2 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n font-weight: 700;\r\n color: var(--navy-900);\r\n margin-bottom: 1rem;\r\n letter-spacing: -0.03em;\r\n }\r\n\r\n .cta-section p {\r\n font-size: 1rem;\r\n color: var(--gray-600);\r\n max-width: 500px;\r\n margin: 0 auto 2rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: var(--navy-900);\r\n padding: 48px 2rem 32px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.04);\r\n }\r\n\r\n .footer-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n }\r\n\r\n .footer-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .footer-left .nav-logo-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 12px;\r\n }\r\n\r\n .footer-left p {\r\n font-size: 13px;\r\n color: var(--gray-400);\r\n }\r\n\r\n .footer-right p {\r\n font-size: 12px;\r\n color: var(--gray-400);\r\n }\r\n\r\n .footer-right a {\r\n color: var(--orange-400);\r\n text-decoration: none;\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .fade-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .hero-inner {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .hero p {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-actions {\r\n justify-content: center;\r\n }\r\n\r\n .hero-visual {\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .hero-floating-card {\r\n left: 50%;\r\n transform: translateX(-50%);\r\n bottom: -16px;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(-8px); }\r\n }\r\n\r\n .profil-grid,\r\n .dosen-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .kompetensi-grid,\r\n .produk-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .kurikulum-stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .karir-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .nav-links {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n section {\r\n padding: 60px 1.25rem;\r\n }\r\n\r\n .kompetensi-grid,\r\n .produk-grid,\r\n .lab-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .kurikulum-stats {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .karir-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .accreditation-inner {\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n\r\n .acc-divider {\r\n width: 48px;\r\n height: 1px;\r\n }\r\n\r\n .fasilitas-inner {\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- NAV -->\r\n <nav>\r\n <div class=\"nav-inner\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <div class=\"nav-logo-icon\"><img decoding=\"async\" src=\"https:\/\/mesin.unmer.ac.id\/wp-content\/uploads\/2026\/07\/Unmer_Small.png\"><\/div>\r\n <div class=\"nav-logo-text\">Teknik Mesin <span>UNMER<\/span><\/div>\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#profil\">Profil<\/a><\/li>\r\n <li><a href=\"#kompetensi\">Kompetensi<\/a><\/li>\r\n <li><a href=\"#kurikulum\">Kurikulum<\/a><\/li>\r\n <li><a href=\"#produk\">Inovasi<\/a><\/li>\r\n <li><a href=\"#lab\">Laboratorium<\/a><\/li>\r\n <li><a href=\"#karir\">Karir<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- HERO -->\r\n <section class=\"hero\">\r\n <div class=\"hero-grid-overlay\"><\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">Terakreditasi Baik Sekali<\/div>\r\n <h1>S1 Teknik Mesin<br><span class=\"highlight\">Universitas Merdeka<\/span><br>Malang<\/h1>\r\n <p>Memadukan kekuatan pemahaman teori, kemampuan analisis, dan penguasaan aplikasi teknologi melalui pengujian laboratorium maupun studi kasus di lapangan untuk menghasilkan lulusan siap industri.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#profil\" class=\"btn-primary\">Jelajahi Program →<\/a>\r\n <a href=\"#kurikulum\" class=\"btn-outline\">Lihat Kurikulum<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/mesin.unmer.ac.id\/wp-content\/uploads\/2026\/07\/ft.jpg\" alt=\"Mechanical Engineering Lab\" loading=\"eager\">\r\n <\/div>\r\n <div class=\"hero-floating-card\">\r\n <div class=\"icon-circle\">\u2699\ufe0f<\/div>\r\n <div>\r\n <div class=\"label\">Beban Studi<\/div>\r\n <div class=\"value\">144 SKS · 8 Semester<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- AKREDITASI -->\r\n <div class=\"accreditation-strip\">\r\n <div class=\"accreditation-inner\">\r\n <div class=\"acc-badge\">\r\n <div class=\"acc-icon\">\ud83c\udfc6<\/div>\r\n <div class=\"acc-text\">\r\n <div class=\"acc-label\">Status Akreditasi<\/div>\r\n <div class=\"acc-value\">Baik Sekali<\/div>\r\n <div class=\"acc-detail\">LAM Teknik No. 0204\/SK\/LAM Teknik\/AS\/VIII\/2023<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"acc-divider\"><\/div>\r\n <div class=\"acc-badge\">\r\n <div class=\"acc-icon\">\ud83d\udcc5<\/div>\r\n <div class=\"acc-text\">\r\n <div class=\"acc-label\">Berlaku Hingga<\/div>\r\n <div class=\"acc-value\">20 Juli 2028<\/div>\r\n <div class=\"acc-detail\">Keputusan resmi LAM Teknik<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"acc-divider\"><\/div>\r\n <div class=\"acc-badge\">\r\n <div class=\"acc-icon\">\ud83c\udf93<\/div>\r\n <div class=\"acc-text\">\r\n <div class=\"acc-label\">Gelar Lulusan<\/div>\r\n <div class=\"acc-value\">Sarjana Teknik (S.T.)<\/div>\r\n <div class=\"acc-detail\">Kurikulum OBE Nasional<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- PROFIL -->\r\n <section class=\"profil-section\" id=\"profil\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">Tentang Program Studi<\/div>\r\n <h2 class=\"section-title\">Profil Program Studi<\/h2>\r\n <p class=\"section-subtitle\">Membentuk insinyur handal dengan fondasi teori kuat dan kemampuan analisis yang tajam untuk menjawab tantangan rekayasa modern.<\/p>\r\n <\/div>\r\n <div class=\"profil-grid\">\r\n <div class=\"profil-card fade-in\">\r\n <div class=\"profil-card-icon\">\ud83d\udd2c<\/div>\r\n <h3>Pendekatan Akademik<\/h3>\r\n <p>Program Studi S1 Teknik Mesin memadukan kekuatan pemahaman teori, kemampuan analisis, dan penguasaan aplikasi teknologi melalui pengujian laboratorium maupun studi kasus di lapangan.<\/p>\r\n <\/div>\r\n <div class=\"profil-card fade-in\">\r\n <div class=\"profil-card-icon\">\ud83c\udfaf<\/div>\r\n <h3>Capaian Lulusan<\/h3>\r\n <p>Lulusan dibekali ketajaman dalam mengidentifikasi, menganalisis, serta memberikan solusi tepat atas berbagai permasalahan rekayasa di dunia industri dan manufaktur.<\/p>\r\n <\/div>\r\n <div class=\"profil-card fade-in\">\r\n <div class=\"profil-card-icon\">\ud83d\udcbb<\/div>\r\n <h3>Teknologi Modern<\/h3>\r\n <p>Kompetensi didasarkan pada analisis konversi energi, perancangan manufaktur, konstruksi, serta ilmu material yang diperkuat dengan penggunaan perangkat lunak (software) teknik modern.<\/p>\r\n <\/div>\r\n <div class=\"profil-card fade-in\">\r\n <div class=\"profil-card-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\r\n <h3>Dosen Berkualitas<\/h3>\r\n <p>Didukung oleh staf pengajar\/dosen tetap yang kompeten di bidangnya dengan kualifikasi pendidikan Magister (S2), Doktor (S3), serta Guru Besar (Profesor) di bidangnya.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- KOMPETENSI -->\r\n <section class=\"kompetensi-section\" id=\"kompetensi\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">Keahlian Lulusan<\/div>\r\n <h2 class=\"section-title\">Kompetensi Utama<\/h2>\r\n <p class=\"section-subtitle\">Lulusan mampu merancang, menganalisis, dan merekayasa sistem di bidang teknik mesin guna mencapai efisiensi optimal.<\/p>\r\n <\/div>\r\n <div class=\"kompetensi-grid\">\r\n <div class=\"kompetensi-card fade-in\">\r\n <div class=\"kompetensi-num\">01<\/div>\r\n <h3>Konversi Energi<\/h3>\r\n <p>Mampu menganalisis dan merancang sistem konversi energi untuk berbagai aplikasi industri dengan efisiensi tinggi.<\/p>\r\n <\/div>\r\n <div class=\"kompetensi-card fade-in\">\r\n <div class=\"kompetensi-num\">02<\/div>\r\n <h3>Perancangan Manufaktur<\/h3>\r\n <p>Merancang dan mengoptimasi proses manufaktur menggunakan teknologi CAD\/CAM dan mesin CNC modern.<\/p>\r\n <\/div>\r\n <div class=\"kompetensi-card fade-in\">\r\n <div class=\"kompetensi-num\">03<\/div>\r\n <h3>Konstruksi & Struktur<\/h3>\r\n <p>Analisis dan perancangan konstruksi mekanik yang kokoh dan efisien berdasarkan prinsip rekayasa.<\/p>\r\n <\/div>\r\n <div class=\"kompetensi-card fade-in\">\r\n <div class=\"kompetensi-num\">04<\/div>\r\n <h3>Ilmu Material<\/h3>\r\n <p>Penguasaan pengetahan material untuk pemilihan, pengujian, dan aplikasi material rekayasa yang tepat.<\/p>\r\n <\/div>\r\n <div class=\"kompetensi-card fade-in\">\r\n <div class=\"kompetensi-num\">05<\/div>\r\n <h3>Software Teknik<\/h3>\r\n <p>Penggunaan perangkat lunak teknik modern untuk simulasi, pemodelan, dan analisis numerik sistem mesin.<\/p>\r\n <\/div>\r\n <div class=\"kompetensi-card fade-in\">\r\n <div class=\"kompetensi-num\">06<\/div>\r\n <h3>Solusi Rekayasa<\/h3>\r\n <p>Mampu mengidentifikasi dan memberikan solusi tepat atas berbagai permasalahan rekayasa di dunia industri.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- KURIKULUM -->\r\n <section class=\"kurikulum-section\" id=\"kurikulum\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">Struktur Akademik<\/div>\r\n <h2 class=\"section-title\">Kurikulum Berbasis OBE<\/h2>\r\n <p class=\"section-subtitle\">Dirancang sesuai kebutuhan dunia kerja dan standar nasional\/internasional dengan Outcome-Based Education.<\/p>\r\n <\/div>\r\n <div class=\"kurikulum-stats\">\r\n <div class=\"stat-card fade-in\">\r\n <div class=\"stat-number\">144<\/div>\r\n <div class=\"stat-label\">Total SKS<\/div>\r\n <\/div>\r\n <div class=\"stat-card fade-in\">\r\n <div class=\"stat-number\">8<\/div>\r\n <div class=\"stat-label\">Semester<\/div>\r\n <\/div>\r\n <div class=\"stat-card fade-in\">\r\n <div class=\"stat-number\">4<\/div>\r\n <div class=\"stat-label\">Tahun Studi<\/div>\r\n <\/div>\r\n <div class=\"stat-card fade-in\">\r\n <div class=\"stat-number\">OBE<\/div>\r\n <div class=\"stat-label\">Outcome-Based Education<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kurikulum-desc fade-in\">\r\n <p>Program Sarjana Teknik (S.T.) dirancang untuk diselesaikan dengan beban studi minimal 144 SKS dalam kurun waktu 8 semester (4 tahun), menerapkan kurikulum berbasis capaian pembelajaran yang disesuaikan dengan perkembangan kebutuhan dunia kerja dan standar nasional.<\/p>\r\n <div class=\"kurikulum-tags\">\r\n <span class=\"kurikulum-tag\">Konversi Energi<\/span>\r\n <span class=\"kurikulum-tag\">Konstruksi \/ Perancangan<\/span>\r\n <span class=\"kurikulum-tag\">Manufaktur<\/span>\r\n <span class=\"kurikulum-tag\">Material<\/span>\r\n <span class=\"kurikulum-tag\">CAD \/ CAM<\/span>\r\n <span class=\"kurikulum-tag\">Pemrograman<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PRODUK UNGGULAN -->\r\n <section class=\"produk-section\" id=\"produk\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">Keahlian Khusus<\/div>\r\n <h2 class=\"section-title\">Karya Inovasi & Keterampilan Terapan<\/h2>\r\n <p class=\"section-subtitle\">Program Studi Teknik Mesin UNMER Malang memberikan nilai tambah berupa keahlian khusus bagi mahasiswa.<\/p>\r\n <\/div>\r\n <div class=\"produk-grid\">\r\n <div class=\"produk-card fade-in\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=600&h=750&fit=crop\" alt=\"Komputer & Pemrograman\" loading=\"lazy\">\r\n <div class=\"produk-card-overlay\">\r\n <div class=\"tag-small\">Dasar<\/div>\r\n <h3>Komputer Dasar & Pemrograman<\/h3>\r\n <p>Penggunaan perangkat lunak dan dasar-dasar pemrograman teknik untuk kebutuhan analisis dan simulasi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"produk-card fade-in\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565043666747-69f6646db940?w=600&h=750&fit=crop\" alt=\"CAD\/CAM\" loading=\"lazy\">\r\n <div class=\"produk-card-overlay\">\r\n <div class=\"tag-small\">Keahlian Utama<\/div>\r\n <h3>Komputer Aplikasi Teknik (CAD\/CAM)<\/h3>\r\n <p>Perancangan dan pemodelan mesin 2D\/3D menggunakan sistem CAD, serta pemrograman dan pengoperasian mesin CNC.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"produk-card fade-in\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1537462715315-a0e14d8043f4?w=600&h=750&fit=crop\" alt=\"Mata Kuliah Pilihan\" loading=\"lazy\">\r\n <div class=\"produk-card-overlay\">\r\n <div class=\"tag-small\">Peminatan<\/div>\r\n <h3>Mata Kuliah Keahlian Pilihan<\/h3>\r\n <p>Disesuaikan dengan minat mahasiswa: Konversi Energi, Konstruksi\/Perancangan, Manufaktur, dan Material.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- LABORATORIUM -->\r\n <section class=\"lab-section\" id=\"lab\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">Fasilitas Akademik<\/div>\r\n <h2 class=\"section-title\">Sarana Laboratorium<\/h2>\r\n <p class=\"section-subtitle\">Fasilitas laboratorium lengkap untuk mendukung kegiatan praktikum, penelitian mahasiswa, dan pengabdian masyarakat.<\/p>\r\n <\/div>\r\n <div class=\"lab-grid\">\r\n <div class=\"lab-item fade-in\">\r\n <div class=\"lab-icon\">\u26a1<\/div>\r\n <div>\r\n <h4>Lab. Fisika Dasar & Elektronika<\/h4>\r\n <p>Eksperimen fisika dasar dan elektronika untuk fondasi keilmuan teknik mesin.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lab-item fade-in\">\r\n <div class=\"lab-icon\">\ud83d\udd27<\/div>\r\n <div>\r\n <h4>Lab. Process Produksi<\/h4>\r\n <p>Bengkel Kerja Bangku, Bubut, Sekrap, Milling, Gurdi, Las Listrik\/Asetilen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lab-item fade-in\">\r\n <div class=\"lab-icon\">\ud83e\uddea<\/div>\r\n <div>\r\n <h4>Lab. Uji Material \/ Uji Logam<\/h4>\r\n <p>Pengujian Tarik, Impak, Kekerasan, Metallografi\/Struktur, Perlakuan Panas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lab-item fade-in\">\r\n <div class=\"lab-icon\">\ud83d\udda5\ufe0f<\/div>\r\n <div>\r\n <h4>Lab. CAD \/ CAM & Komputasi<\/h4>\r\n <p>Perancangan digital dan simulasi komputasi untuk pemodelan teknik mesin.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lab-item fade-in\">\r\n <div class=\"lab-icon\">\u2699\ufe0f<\/div>\r\n <div>\r\n <h4>Lab. CNC (Turning & Milling)<\/h4>\r\n <p>Computer Numerically Controlled untuk operasi manufaktur presisi tinggi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lab-item fade-in\">\r\n <div class=\"lab-icon\">\ud83d\udcd0<\/div>\r\n <div>\r\n <h4>Lab. Fenomena Dasar Mesin<\/h4>\r\n <p>Eksperimen Getaran, Governor, Tekuk\/Buckling, Defleksi, Konveksi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lab-item fade-in\">\r\n <div class=\"lab-icon\">\ud83c\udfce\ufe0f<\/div>\r\n <div>\r\n <h4>Lab. Uji Prestasi Mesin<\/h4>\r\n <p>Pengujian Pompa, Motor Bakar, Mesin Pengondisian Udara.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lab-item fade-in\">\r\n <div class=\"lab-icon\">\u2600\ufe0f<\/div>\r\n <div>\r\n <h4>Lab. Energetika \/ Energi Terbarukan<\/h4>\r\n <p>Fasilitas Tenaga Surya & Turbin Angin untuk riset energi bersih.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- KARIR -->\r\n <section class=\"karir-section\" id=\"karir\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">Masa Depan Anda<\/div>\r\n <h2 class=\"section-title\">Peluang Kerja Alumni<\/h2>\r\n <p class=\"section-subtitle\">Alumni Teknik Mesin UNMER Malang memiliki prospek karir yang luas di berbagai sektor industri.<\/p>\r\n <\/div>\r\n <div class=\"karir-grid\">\r\n <div class=\"karir-card fade-in\">\r\n <div class=\"karir-icon\">\ud83c\udfed<\/div>\r\n <h4>Industri Berat<\/h4>\r\n <p>Pembangkit Listrik, Otomotif, Petrokimia, Semen, Pertambangan, Minyak & Gas (Migas).<\/p>\r\n <\/div>\r\n <div class=\"karir-card fade-in\">\r\n <div class=\"karir-icon\">\ud83d\udccb<\/div>\r\n <h4>Konsultan & Kontraktor<\/h4>\r\n <p>Konsultan Engineering dan Kontraktor Industri untuk proyek-proyek rekayasa berskala besar.<\/p>\r\n <\/div>\r\n <div class=\"karir-card fade-in\">\r\n <div class=\"karir-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n <h4>PNS \/ ASN & BUMN<\/h4>\r\n <p>Pegawai Negeri Sipil, Aparatur Sipil Negara, serta Badan Usaha Milik Negara.<\/p>\r\n <\/div>\r\n <div class=\"karir-card fade-in\">\r\n <div class=\"karir-icon\">\ud83d\ude80<\/div>\r\n <h4>Wirausaha & Teknopreneur<\/h4>\r\n <p>Sektor Perbankan, BUMD, Telekomunikasi, hingga Wirausaha Mandiri (Technopreneur).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- DOSEN -->\r\n <section class=\"dosen-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">Sumber Daya Manusia<\/div>\r\n <h2 class=\"section-title\">Profil Dosen & SDM<\/h2>\r\n <p class=\"section-subtitle\">Tim pengajar berdedikasi dengan latar belakang pendidikan dan penelitian yang kompeten.<\/p>\r\n <\/div>\r\n <div class=\"dosen-inner\">\r\n <div class=\"dosen-image fade-in\">\r\n <img decoding=\"async\" src=\"https:\/\/mesin.unmer.ac.id\/wp-content\/uploads\/2026\/07\/foto-bersama.jpg\" alt=\"Dosen Teknik Mesin\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"dosen-content fade-in\">\r\n <h3>Dosen Kompeten & Berpengalaman<\/h3>\r\n <p>Didukung oleh staf pengajar\/dosen tetap yang kompeten di bidangnya dengan kualifikasi pendidikan tinggi serta aktif dalam penelitian dan pengabdian masyarakat.<\/p>\r\n <div class=\"dosen-qualifications\">\r\n <div class=\"dosen-qual\">\r\n <div class=\"dosen-qual-dot\"><\/div>\r\n <span>Kualifikasi Magister (S2)<\/span>\r\n <\/div>\r\n <div class=\"dosen-qual\">\r\n <div class=\"dosen-qual-dot\"><\/div>\r\n <span>Kualifikasi Doktor (S3)<\/span>\r\n <\/div>\r\n <div class=\"dosen-qual\">\r\n <div class=\"dosen-qual-dot\"><\/div>\r\n <span>Guru Besar (Profesor)<\/span>\r\n <\/div> \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FASILITAS PENUNJANG -->\r\n <div class=\"fasilitas-strip\">\r\n <div class=\"fasilitas-inner\">\r\n <div class=\"fasilitas-item\">\r\n <span class=\"icon\">\ud83d\udcf6<\/span>\r\n <span class=\"text\">Free Wi-Fi & Hotspot Area Kampus<\/span>\r\n <\/div>\r\n <div class=\"fasilitas-item\">\r\n <span class=\"icon\">\ud83d\udcda<\/span>\r\n <span class=\"text\">Perpustakaan Pusat<\/span>\r\n <\/div>\r\n <div class=\"fasilitas-item\">\r\n <span class=\"icon\">\ud83d\udcd6<\/span>\r\n <span class=\"text\">Ruang Baca Jurusan Teknik Mesin<\/span>\r\n <\/div>\r\n <div class=\"fasilitas-item\">\r\n <span class=\"icon\">\ud83d\udcf0<\/span>\r\n <span class=\"text\">Jurnal \"TRANSMISI\"<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA -->\r\n <section class=\"cta-section\">\r\n <h2>Siap Menjadi Insinyur Handal?<\/h2>\r\n <p>Gabung bersama Program Studi S1 Teknik Mesin Universitas Merdeka Malang dan wujudkan karir impianmu di dunia rekayasa.<\/p>\r\n <a href=\"https:\/\/unmer.ac.id\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">Kunjungi unmer.ac.id →<\/a>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer>\r\n <div class=\"footer-inner\">\r\n <div class=\"footer-left\">\r\n \r\n <p>S1 Teknik Mesin · Universitas Merdeka Malang<\/p>\r\n <\/div>\r\n <div class=\"footer-right\">\r\n <p>Akreditasi Baik Sekali · LAM Teknik <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- SCROLL ANIMATION -->\r\n <script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, index) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => {\r\n entry.target.classList.add('visible');\r\n }, index * 80);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n\r\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>S1 Teknik Mesin \u2013 Universitas Merdeka Malang Teknik Mesin UNMER Profil Kompetensi Kurikulum Inovasi Laboratorium Karir Terakreditasi Baik Sekali S1 Teknik MesinUniversitas MerdekaMalang Memadukan kekuatan pemahaman teori, kemampuan analisis, dan penguasaan aplikasi teknologi melalui pengujian laboratorium maupun studi kasus di lapangan untuk menghasilkan lulusan siap industri. Jelajahi Program → Lihat Kurikulum \u2699\ufe0f Beban Studi 144 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesin.unmer.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesin.unmer.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesin.unmer.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesin.unmer.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mesin.unmer.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":3,"href":"https:\/\/mesin.unmer.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/mesin.unmer.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/mesin.unmer.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}