{"id":570,"date":"2025-07-29T07:00:00","date_gmt":"2025-07-29T07:00:00","guid":{"rendered":"https:\/\/staging-tekniklingkungan.uin-malang.ac.id\/?page_id=570"},"modified":"2026-08-28T08:29:50","modified_gmt":"2026-08-28T08:29:50","slug":"himpunan-mahasiswa","status":"publish","type":"page","link":"https:\/\/tekniklingkungan.uin-malang.ac.id\/?page_id=570","title":{"rendered":"Himpunan Mahasiswa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"570\" class=\"elementor elementor-570\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acaeae7 e-flex e-con-boxed e-con e-parent\" data-id=\"acaeae7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-631430a elementor-widget elementor-widget-text-editor\" data-id=\"631430a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!-- Tempel seluruh kode pada Custom HTML WordPress atau widget HTML Elementor.\nUbah judul halaman WordPress secara terpisah jika judul bawaan masih tampil.\nGambar menggunakan thumbnail publik dari file Google Drive yang diberikan.\nUntuk kestabilan, unggah kedua gambar ke Media WordPress dan ganti nilai src\npada dua tag img dengan URL media. Pertahankan tautan href sebagai sumber asli.\nJika style dihapus editor, pindahkan isinya ke CSS tambahan tanpa tag style. -->\n<style>\n.tl-hmps {\n  --hm-green: #075e59;\n  --hm-border: #d4e5e1;\n  max-width: 1180px;\n  margin: 32px auto;\n  color: #263d39;\n  font-family: \"Segoe UI\", Arial, sans-serif;\n  line-height: 1.7;\n}\n.tl-hmps, .tl-hmps * { box-sizing: border-box; }\n.tl-hmps .hm-hero {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) 230px;\n  align-items: center;\n  gap: 32px;\n  padding: clamp(25px,4vw,44px);\n  border-radius: 20px;\n  background: linear-gradient(120deg,#064e49,#087f79);\n  color: #fff;\n  box-shadow: 0 12px 30px rgba(7,94,89,.1);\n}\n.tl-hmps .hm-label {\n  display: inline-block;\n  margin-bottom: 16px;\n  padding: 4px 12px;\n  border: 1px solid rgba(255,255,255,.4);\n  border-radius: 25px;\n  color: #fff;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n.tl-hmps .hm-hero h2 {\n  margin: 0 0 16px;\n  color: #fff;\n  font-size: clamp(26px,3.6vw,38px);\n  line-height: 1.3;\n  overflow-wrap: anywhere;\n}\n.tl-hmps .hm-hero p { margin: 0; color: #e4f5ef; font-size: 15px; }\n.tl-hmps .hm-logo {\n  display: block;\n  padding: 22px;\n  border-radius: 18px;\n  background: #fff;\n  box-shadow: 0 8px 22px rgba(0,0,0,.1);\n}\n.tl-hmps .hm-logo img { display: block; width: 100%; height: auto; object-fit: contain; border: 0; }\n.tl-hmps .hm-photo-card {\n  margin: 28px 0 0;\n  overflow: hidden;\n  border: 1px solid var(--hm-border);\n  border-radius: 18px;\n  background: #fff;\n  box-shadow: 0 8px 24px rgba(7,94,89,.06);\n}\n.tl-hmps .hm-photo-link { display: block; }\n.tl-hmps .hm-photo-link img { display: block; width: 100%; max-width: 100%; height: auto; border: 0; }\n.tl-hmps .hm-photo-card figcaption { padding: 22px 26px; }\n.tl-hmps .hm-photo-card h3 { margin: 0 0 6px; color: #16463c; font-size: 23px; line-height: 1.4; }\n.tl-hmps .hm-photo-card p { margin: 0; color: #526b65; font-size: 14px; }\n.tl-hmps .hm-social {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  margin-top: 24px;\n  padding: 26px;\n  border: 1px solid var(--hm-border);\n  border-left: 5px solid #087f79;\n  border-radius: 13px;\n  background: #f1f8f5;\n}\n.tl-hmps .hm-social-text { flex: 1 1 280px; min-width: 0; }\n.tl-hmps .hm-social h3 { margin: 0 0 7px; color: #16463c; font-size: 22px; line-height: 1.4; }\n.tl-hmps .hm-social p { margin: 0; color: #526b65; font-size: 14px; }\n.tl-hmps a.hm-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  min-height: 48px;\n  padding: 12px 22px;\n  border: 1px solid var(--hm-green);\n  border-radius: 9px;\n  background: var(--hm-green);\n  color: #fff;\n  font-size: 15px;\n  font-weight: 700;\n  text-decoration: none;\n  text-align: center;\n  box-shadow: none;\n}\n.tl-hmps a.hm-button:hover { background: #043e3a; color: #fff; text-decoration: underline; }\n.tl-hmps a:focus-visible { outline: 3px solid #a34b00; outline-offset: 4px; }\n.tl-hmps .hm-note { margin: 16px 0 0; color: #526b65; font-size: 12px; }\n@media(max-width:700px) {\n  .tl-hmps { margin: 20px auto; }\n  .tl-hmps .hm-hero { grid-template-columns: 1fr; gap: 24px; }\n  .tl-hmps .hm-logo { width: 200px; max-width: 100%; }\n  .tl-hmps .hm-social { padding: 22px; }\n  .tl-hmps a.hm-button { width: 100%; }\n  .tl-hmps .hm-photo-card figcaption { padding: 20px; }\n}\n<\/style>\n\n<section class=\"tl-hmps\" aria-label=\"Himpunan Mahasiswa Program Studi Teknik Lingkungan 2026\">\n  <header class=\"hm-hero\">\n    <div>\n      <span class=\"hm-label\">Kemahasiswaan \u00b7 2026<\/span>\n      <h2>Himpunan Mahasiswa Program Studi Teknik Lingkungan 2026<\/h2>\n      <p>Kenali Himpunan Mahasiswa Program Studi Teknik Lingkungan dan ikuti informasi kegiatannya melalui Instagram @hmtl.uinma.<\/p>\n    <\/div>\n    <a class=\"hm-logo\" href=\"https:\/\/drive.google.com\/file\/d\/1OafLSGrZ703hJFUfEMaq1zdOr26O4-DY\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Buka logo himpunan di Google Drive pada tab baru\">\n      <img fetchpriority=\"high\" src=\"https:\/\/drive.google.com\/thumbnail?id=1OafLSGrZ703hJFUfEMaq1zdOr26O4-DY&amp;sz=w600\" alt=\"Logo Himpunan Mahasiswa Teknik Lingkungan UIN Malang\" width=\"498\" height=\"502\" decoding=\"async\" referrerpolicy=\"no-referrer\">\n    <\/a>\n  <\/header>\n\n  <figure class=\"hm-photo-card\">\n    <a class=\"hm-photo-link\" href=\"https:\/\/drive.google.com\/file\/d\/1u9973UzZ3fW5yWwHBsWrJ7hxfPBtyWpF\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Buka foto anggota himpunan di Google Drive pada tab baru\">\n      <img loading=\"lazy\" src=\"https:\/\/drive.google.com\/thumbnail?id=1u9973UzZ3fW5yWwHBsWrJ7hxfPBtyWpF&amp;sz=w1600\" alt=\"Foto bersama anggota Himpunan Mahasiswa Program Studi Teknik Lingkungan 2026\" width=\"1600\" height=\"1066\" loading=\"lazy\" decoding=\"async\" referrerpolicy=\"no-referrer\">\n    <\/a>\n    <figcaption>\n      <h3>Anggota Himpunan Mahasiswa<\/h3>\n      <p>Program Studi Teknik Lingkungan \u00b7 2026. Klik foto untuk melihat dokumen gambar di Google Drive.<\/p>\n    <\/figcaption>\n  <\/figure>\n\n  <aside class=\"hm-social\">\n    <div class=\"hm-social-text\">\n      <h3>Terhubung dengan HMPS Teknik Lingkungan<\/h3>\n      <p>Ikuti informasi, kegiatan, dan dokumentasi himpunan melalui akun Instagram @hmtl.uinma.<\/p>\n    <\/div>\n    <a class=\"hm-button\" href=\"https:\/\/www.instagram.com\/hmtl.uinma?igsi=MTVkbzVrZzgwY3lteQ==\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Kunjungi Instagram hmtl.uinma pada tab baru\">Instagram @hmtl.uinma <span aria-hidden=\"true\">\u2197<\/span><\/a>\n  <\/aside>\n  <p class=\"hm-note\">Tautan logo, foto, dan Instagram dibuka pada tab baru.<\/p>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kemahasiswaan \u00b7 2026 Himpunan Mahasiswa Program Studi Teknik Lingkungan 2026 Kenali Himpunan Mahasiswa Program Studi Teknik Lingkungan dan ikuti informasi kegiatannya melalui Instagram @hmtl.uinma. Anggota Himpunan Mahasiswa Program Studi Teknik Lingkungan \u00b7 2026. Klik foto untuk melihat dokumen gambar di Google Drive. Terhubung dengan HMPS Teknik Lingkungan Ikuti informasi, kegiatan, dan dokumentasi himpunan melalui akun [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-570","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=570"}],"version-history":[{"count":4,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/570\/revisions"}],"predecessor-version":[{"id":1854,"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/570\/revisions\/1854"}],"wp:attachment":[{"href":"https:\/\/tekniklingkungan.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}