{"id":849,"date":"2026-07-30T06:12:05","date_gmt":"2026-07-30T06:12:05","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=849"},"modified":"2026-07-31T04:04:27","modified_gmt":"2026-07-31T04:04:27","slug":"hmps-teknik-lingkungan","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/hmps-teknik-lingkungan\/","title":{"rendered":"HMPS Teknik Lingkungan"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"849\" class=\"elementor elementor-849\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b74b947 e-flex e-con-boxed e-con e-parent\" data-id=\"b74b947\" 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-e1ca5a1 elementor-widget elementor-widget-text-editor\" data-id=\"e1ca5a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"custom-follow-container\">\n  <style>\n    \/* Reset & Wrapper styling - Full Width & Rata Kiri *\/\n    .custom-follow-container {\n      width: 100%;\n      display: block;\n      padding: 0;\n      margin: 0;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      box-sizing: border-box;\n    }\n\n    \/* Main Card - Melebar 100% secara Horizontal *\/\n    .follow-card {\n      position: relative;\n      background-color: #ffffff;\n      width: 100%;\n      max-width: 100%;\n      border-radius: 20px;\n      padding: 30px;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n      border: 1px solid #f0f0f0;\n      overflow: hidden;\n      box-sizing: border-box;\n    }\n\n    \/* Top Right Decorative Accent *\/\n    .follow-card::before {\n      content: '';\n      position: absolute;\n      top: -30px;\n      right: -30px;\n      width: 140px;\n      height: 140px;\n      background-color: #fbf3d5;\n      border-radius: 50%;\n      z-index: 1;\n    }\n\n    \/* Header Section (Rata Kiri) *\/\n    .card-header {\n      position: relative;\n      z-index: 2;\n      text-align: left;\n      margin-bottom: 24px;\n    }\n\n    .badge-info {\n      display: inline-block;\n      background-color: #235845;\n      color: #ffffff;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      padding: 6px 18px;\n      border-radius: 20px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    .card-title {\n      color: #173b30;\n      font-size: 30px;\n      font-weight: 800;\n      margin: 0;\n      line-height: 1.2;\n    }\n\n    \/* Link List Container - Full Horizontal Width *\/\n    .link-list {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      width: 100%;\n    }\n\n    \/* Common Button Link Styling (Melebar Penuh ke Samping) *\/\n    .menu-link-item {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      text-decoration: none;\n      padding: 18px 24px;\n      border-radius: 20px;\n      width: 100%;\n      box-sizing: border-box;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n      cursor: pointer;\n    }\n\n    .menu-link-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    }\n\n    \/* Left Group (Icon + Texts) *\/\n    .link-left-content {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    \/* Icon Box Wrapper *\/\n    .icon-box {\n      width: 52px;\n      height: 52px;\n      border-radius: 16px;\n      background: rgba(255, 255, 255, 0.2);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .icon-box img {\n      width: 28px;\n      height: 28px;\n      object-fit: contain;\n    }\n\n    .icon-box svg {\n      width: 26px;\n      height: 26px;\n      stroke: currentColor;\n    }\n\n    \/* Text Wrapper (Rata Kiri) *\/\n    .link-texts {\n      display: flex;\n      flex-direction: column;\n      text-align: left;\n    }\n\n    .link-title {\n      font-size: 18px;\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 4px;\n    }\n\n    .link-subtitle {\n      font-size: 13px;\n      font-weight: 400;\n      opacity: 0.85;\n    }\n\n    \/* Right Arrow Icon *\/\n    .arrow-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0.8;\n      transition: transform 0.2s ease;\n    }\n\n    .menu-link-item:hover .arrow-icon {\n      transform: translateX(4px);\n      opacity: 1;\n    }\n\n    \/* --- ITEM 1: WEB (Forest Green) --- *\/\n    .btn-web {\n      background-color: #2b7359;\n      color: #ffffff;\n    }\n\n    .btn-web .icon-box {\n      background-color: rgba(255, 255, 255, 0.18);\n      color: #72dbfc;\n    }\n\n    .btn-web .link-title {\n      color: #ffffff;\n    }\n\n    .btn-web .link-subtitle {\n      color: rgba(255, 255, 255, 0.8);\n    }\n\n    \/* --- ITEM 2: INSTAGRAM (Gradient Pink to Orange) --- *\/\n    .btn-instagram {\n      background: linear-gradient(90deg, #e63663 0%, #f37233 100%);\n      color: #ffffff;\n    }\n\n    .btn-instagram .icon-box {\n      background-color: rgba(255, 255, 255, 0.22);\n      color: #ffffff;\n    }\n\n    .btn-instagram .link-title {\n      color: #ffffff;\n    }\n\n    .btn-instagram .link-subtitle {\n      color: rgba(255, 255, 255, 0.85);\n    }\n  <\/style>\n\n  <!-- HTML Structure -->\n  <div class=\"follow-card\">\n    \n    <!-- Header -->\n    <div class=\"card-header\">\n      <span class=\"badge-info\">INFORMASI<\/span>\n      <h2 class=\"card-title\">Follow Us<\/h2>\n    <\/div>\n\n    <!-- Links -->\n    <div class=\"link-list\">\n      \n      <!-- MENU WEB -->\n      <a href=\"https:\/\/tekniklingkungan.uin-malang.ac.id\/?page_id=570\" target=\"_blank\" rel=\"noopener\" class=\"menu-link-item btn-web\">\n        <div class=\"link-left-content\">\n          <div class=\"icon-box\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n              <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"link-texts\">\n            <span class=\"link-title\">Web<\/span>\n            <span class=\"link-subtitle\">Buka website resmi<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"arrow-icon\">\n          <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n          <\/svg>\n        <\/div>\n      <\/a>\n\n      <!-- MENU INSTAGRAM -->\n      <a href=\"https:\/\/www.instagram.com\/hmtl.uinma\/\" target=\"_blank\" rel=\"noopener\" class=\"menu-link-item btn-instagram\">\n        <div class=\"link-left-content\">\n          <div class=\"icon-box\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"><\/path>\n              <circle cx=\"12\" cy=\"13\" r=\"4\"><\/circle>\n            <\/svg>\n          <\/div>\n          <div class=\"link-texts\">\n            <span class=\"link-title\">Instagram<\/span>\n            <span class=\"link-subtitle\">Lihat profil Instagram<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"arrow-icon\">\n          <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n          <\/svg>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>INFORMASI Follow Us Web Buka website resmi Instagram Lihat profil Instagram<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-849","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=849"}],"version-history":[{"count":7,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/849\/revisions"}],"predecessor-version":[{"id":987,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/849\/revisions\/987"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}