{"id":109,"date":"2026-05-06T06:27:28","date_gmt":"2026-05-06T06:27:28","guid":{"rendered":"https:\/\/opart.unhas.ac.id\/?page_id=109"},"modified":"2026-09-27T23:08:32","modified_gmt":"2026-09-27T23:08:32","slug":"news-activities-2","status":"publish","type":"page","link":"https:\/\/opart.unhas.ac.id\/?page_id=109","title":{"rendered":"Upcoming"},"content":{"rendered":"\n<section style=\"background:#eef6ff;padding:28px 12px;font-family:'Poppins',Arial,sans-serif;\">\n\n  <div style=\"max-width:1000px;margin:auto;background:#ffffff;border-radius:22px;overflow:hidden;border:1px solid #d9e9ff;box-shadow:0 14px 32px rgba(0,64,128,0.10);\">\n\n    <!-- HEADER -->\n    <div style=\"background:linear-gradient(135deg,#062a63,#0c62b7,#1496e1);padding:25px 28px;color:#ffffff;\">\n\n      <div style=\"font-size:14px;font-weight:700;opacity:.9;margin-bottom:6px;\">\n        OPART \u00d7 Professorline\n      <\/div>\n\n      <h1 style=\"font-size:34px;font-weight:800;line-height:1.2;margin:0;\">\n        Workshop Design 2D &amp; 3D\n      <\/h1>\n\n      <p style=\"font-size:15px;line-height:1.7;margin:10px 0 0 0;max-width:850px;\">\n        Ingin belajar mendesain secara 2D &amp; 3D menggunakan software profesional?\n        Kini saatnya meningkatkan kompetensi di bidang desain melalui workshop\n        yang menggabungkan teori dan praktik secara langsung.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- BAGIAN ATAS : POSTER + INFORMASI -->\n    <div class=\"workshop-top\"\n         style=\"display:grid;grid-template-columns:360px 1fr;gap:25px;padding:25px 25px 15px 25px;align-items:start;\">\n\n      <!-- POSTER -->\n      <div>\n\n        <a href=\"https:\/\/opart.unhas.ac.id\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-28-at-06.05.23.jpeg\"\n           target=\"_blank\"\n           rel=\"noopener noreferrer\"\n           style=\"text-decoration:none;\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/opart.unhas.ac.id\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-28-at-06.05.23.jpeg\"\n            alt=\"Poster Workshop Design 2D dan 3D\"\n            style=\"width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 10px 25px rgba(0,44,100,0.16);border:1px solid #d9e9ff;\"\n          >\n\n        <\/a>\n\n        <div style=\"font-size:11px;color:#6b7280;text-align:center;margin-top:9px;\">\n          Klik poster untuk melihat ukuran penuh\n        <\/div>\n\n      <\/div>\n\n\n      <!-- INFORMASI KANAN -->\n      <div>\n\n        <!-- EVENT INFO -->\n        <div class=\"event-info\"\n             style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;\">\n\n          <div style=\"background:#f5faff;border:1px solid #d9e9ff;border-radius:14px;padding:14px;\">\n            <div style=\"font-size:12px;color:#5d6d7e;margin-bottom:4px;\">\n              Tanggal\n            <\/div>\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;\">\n              Oktober 2026\n            <\/div>\n          <\/div>\n\n          <div style=\"background:#f5faff;border:1px solid #d9e9ff;border-radius:14px;padding:14px;\">\n            <div style=\"font-size:12px;color:#5d6d7e;margin-bottom:4px;\">\n              Waktu\n            <\/div>\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;\">\n              09.00 \u2013 15.00 WITA\n            <\/div>\n          <\/div>\n\n          <div style=\"background:#f5faff;border:1px solid #d9e9ff;border-radius:14px;padding:14px;\">\n            <div style=\"font-size:12px;color:#5d6d7e;margin-bottom:4px;\">\n              Biaya\n            <\/div>\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;\">\n              Rp25.000\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- LOCATION -->\n        <div style=\"background:linear-gradient(135deg,#062a63,#0c62b7);border-radius:15px;padding:16px;color:#ffffff;margin-bottom:16px;\">\n\n          <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.8;margin-bottom:5px;\">\n            Lokasi Kegiatan\n          <\/div>\n\n          <div style=\"font-size:18px;font-weight:800;line-height:1.4;\">\n            Offshore and Subsea Research Laboratory (OPART)\n          <\/div>\n\n        <\/div>\n\n\n        <!-- DESCRIPTION -->\n        <div style=\"margin-bottom:17px;\">\n\n          <h2 style=\"font-size:21px;font-weight:800;color:#062a63;margin:0 0 8px 0;\">\n            Tentang Workshop\n          <\/h2>\n\n          <p style=\"font-size:14px;line-height:1.75;color:#374151;margin:0;\">\n            Workshop Design 2D &amp; 3D merupakan kegiatan pelatihan yang\n            dirancang untuk membantu peserta memahami dasar-dasar desain\n            dua dimensi dan tiga dimensi melalui kombinasi materi teori\n            dan praktik secara langsung.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- HIGHLIGHT -->\n        <div style=\"background:#edf6ff;border-left:4px solid #1496e1;border-radius:0 13px 13px 0;padding:13px 15px;margin-bottom:16px;\">\n\n          <div style=\"font-size:13px;color:#374151;line-height:1.6;\">\n            Peserta akan memperoleh pengalaman praktis menggunakan\n            software desain yang dapat mendukung kebutuhan\n            <strong style=\"color:#062a63;\">\n              akademik, proyek, dunia kerja, dan industri.\n            <\/strong>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- PENDAFTARAN CEPAT -->\n        <a\n          href=\"https:\/\/forms.gle\/uxM69r6aCPNJoJQN6\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style=\"display:block;text-align:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#062a63;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:900;font-size:14px;box-shadow:0 7px 16px rgba(245,158,11,0.24);\"\n        >\n          Daftar Workshop Sekarang \u2192\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ===================================================== -->\n    <!-- KONTEN FULL WIDTH -->\n    <!-- ===================================================== -->\n\n    <div style=\"padding:10px 25px 28px 25px;\">\n\n\n      <!-- FASILITAS -->\n      <div style=\"margin-top:5px;margin-bottom:25px;\">\n\n        <div style=\"margin-bottom:14px;\">\n          <div style=\"font-size:12px;color:#1496e1;font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px;\">\n            Benefit\n          <\/div>\n\n          <h2 style=\"font-size:24px;font-weight:900;color:#062a63;margin:0;\">\n            Fasilitas yang Diperoleh\n          <\/h2>\n        <\/div>\n\n\n        <div class=\"facility-grid\"\n             style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:12px;\">\n\n          <!-- PRAKTIK -->\n          <div style=\"background:#ffffff;border:1px solid #d5e6fb;border-radius:15px;padding:17px;box-shadow:0 5px 15px rgba(0,64,128,.05);\">\n\n            <div style=\"width:35px;height:35px;border-radius:50%;background:#edf7ff;color:#1496e1;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;margin-bottom:12px;\">\n              \u2713\n            <\/div>\n\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;margin-bottom:6px;\">\n              Praktik Langsung\n            <\/div>\n\n            <div style=\"font-size:12px;color:#4b5563;line-height:1.55;\">\n              Praktik langsung menggunakan software Design 2D &amp; 3D.\n            <\/div>\n\n          <\/div>\n\n\n          <!-- SERTIFIKAT -->\n          <div style=\"background:#ffffff;border:1px solid #d5e6fb;border-radius:15px;padding:17px;box-shadow:0 5px 15px rgba(0,64,128,.05);\">\n\n            <div style=\"width:35px;height:35px;border-radius:50%;background:#edf7ff;color:#1496e1;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;margin-bottom:12px;\">\n              \u2713\n            <\/div>\n\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;margin-bottom:6px;\">\n              Sertifikat Pelatihan\n            <\/div>\n\n            <div style=\"font-size:12px;color:#4b5563;line-height:1.55;\">\n              Peserta memperoleh sertifikat setelah mengikuti kegiatan.\n            <\/div>\n\n          <\/div>\n\n\n          <!-- MKPK -->\n          <div style=\"background:#ffffff;border:1px solid #d5e6fb;border-radius:15px;padding:17px;box-shadow:0 5px 15px rgba(0,64,128,.05);\">\n\n            <div style=\"width:35px;height:35px;border-radius:50%;background:#edf7ff;color:#1496e1;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;margin-bottom:12px;\">\n              \u2713\n            <\/div>\n\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;margin-bottom:6px;\">\n              Konversi MKPK\n            <\/div>\n\n            <div style=\"font-size:12px;color:#4b5563;line-height:1.55;\">\n              Sertifikat dapat dikonversi menjadi MKPK sesuai ketentuan.\n            <\/div>\n\n          <\/div>\n\n\n          <!-- SNACK -->\n          <div style=\"background:#ffffff;border:1px solid #d5e6fb;border-radius:15px;padding:17px;box-shadow:0 5px 15px rgba(0,64,128,.05);\">\n\n            <div style=\"width:35px;height:35px;border-radius:50%;background:#edf7ff;color:#1496e1;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;margin-bottom:12px;\">\n              \u2713\n            <\/div>\n\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;margin-bottom:6px;\">\n              Snack\n            <\/div>\n\n            <div style=\"font-size:12px;color:#4b5563;line-height:1.55;\">\n              Snack disediakan bagi peserta selama kegiatan berlangsung.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- PESERTA -->\n      <div style=\"background:linear-gradient(135deg,#f4f9ff,#edf6ff);border:1px solid #d5e6fb;border-radius:16px;padding:19px 20px;margin-bottom:20px;\">\n\n        <div style=\"font-size:11px;color:#0c62b7;font-weight:900;letter-spacing:.8px;margin-bottom:5px;\">\n          PESERTA\n        <\/div>\n\n        <div style=\"font-size:22px;font-weight:900;color:#062a63;margin-bottom:7px;\">\n          Terbuka untuk Mahasiswa dan Umum\n        <\/div>\n\n        <div style=\"font-size:13px;color:#4b5563;line-height:1.7;\">\n          Kegiatan terbuka bagi mahasiswa maupun peserta umum yang ingin\n          meningkatkan kemampuan dan pengalaman dalam bidang desain 2D dan 3D.\n        <\/div>\n\n      <\/div>\n\n\n      <!-- PENDAFTARAN + CONTACT -->\n      <div class=\"bottom-grid\"\n           style=\"display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:20px;\">\n\n        <!-- REGISTRATION -->\n        <div style=\"background:linear-gradient(135deg,#fff8df,#ffe69a);border:1px solid #f2c94c;border-radius:16px;padding:20px;\">\n\n          <div style=\"font-size:11px;color:#946200;font-weight:900;letter-spacing:.8px;margin-bottom:4px;\">\n            PENDAFTARAN\n          <\/div>\n\n          <div style=\"font-size:22px;font-weight:900;color:#062a63;margin-bottom:7px;\">\n            Daftar Workshop Design 2D &amp; 3D\n          <\/div>\n\n          <p style=\"font-size:13px;color:#374151;line-height:1.65;margin:0 0 14px 0;\">\n            Pendaftaran dapat dilakukan melalui QR Code pada poster\n            atau melalui formulir pendaftaran online.\n          <\/p>\n\n          <a\n            href=\"https:\/\/forms.gle\/uxM69r6aCPNJoJQN6\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style=\"display:inline-block;background:#062a63;color:#ffffff;padding:12px 24px;border-radius:11px;text-decoration:none;font-weight:900;font-size:13px;\"\n          >\n            Isi Form Pendaftaran \u2192\n          <\/a>\n\n        <\/div>\n\n\n        <!-- CONTACT -->\n        <div style=\"background:linear-gradient(135deg,#062a63,#07488f);border-radius:16px;padding:20px;color:#ffffff;\">\n\n          <div style=\"font-size:11px;opacity:.75;font-weight:800;letter-spacing:.7px;margin-bottom:5px;\">\n            INFORMASI\n          <\/div>\n\n          <div style=\"font-size:20px;font-weight:900;margin-bottom:10px;\">\n            Contact Person\n          <\/div>\n\n          <div style=\"font-size:13px;line-height:1.9;\">\n            <strong>Rezky<\/strong> &nbsp; 0852-4238-6323<br>\n            <strong>Faiz<\/strong> &nbsp;&nbsp;&nbsp;&nbsp; 0822-8865-7215<br>\n            <strong>Marsa<\/strong> &nbsp; 0882-0224-77997\n          <\/div>\n\n          <div style=\"margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);\">\n            <a\n              href=\"https:\/\/opart.unhas.ac.id\/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style=\"font-size:12px;color:#bde6ff;font-weight:800;text-decoration:none;\"\n            >\n              opart.unhas.ac.id\n            <\/a>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- TAG -->\n      <div style=\"display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;\">\n\n        <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:11px;font-weight:700;\">\n          2D Design\n        <\/span>\n\n        <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:11px;font-weight:700;\">\n          3D Design\n        <\/span>\n\n        <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:11px;font-weight:700;\">\n          Engineering Design\n        <\/span>\n\n        <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:11px;font-weight:700;\">\n          MKPK\n        <\/span>\n\n        <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:11px;font-weight:700;\">\n          OPART\n        <\/span>\n\n      <\/div>\n\n\n      <!-- CLOSING -->\n      <div style=\"text-align:center;background:#f7fbff;border:1px solid #dfedff;border-radius:15px;padding:17px 20px;\">\n\n        <div style=\"font-size:14px;color:#374151;line-height:1.7;max-width:750px;margin:auto;\">\n          Jangan lewatkan kesempatan untuk menambah keterampilan yang sangat\n          dibutuhkan di dunia kerja dan berbagai industri.\n          <strong style=\"color:#062a63;\">\n            Sampai bertemu di Workshop Design 2D &amp; 3D!\n          <\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* Tablet *\/\n@media(max-width:900px){\n\n  .workshop-top{\n    grid-template-columns:300px 1fr !important;\n  }\n\n  .facility-grid{\n    grid-template-columns:repeat(2,1fr) !important;\n  }\n\n}\n\n\n\/* Mobile *\/\n@media(max-width:700px){\n\n  .workshop-top{\n    grid-template-columns:1fr !important;\n  }\n\n  .workshop-top > div:first-child{\n    max-width:430px;\n    width:100%;\n    margin:auto;\n  }\n\n  .event-info{\n    grid-template-columns:1fr !important;\n  }\n\n  .facility-grid{\n    grid-template-columns:1fr !important;\n  }\n\n  .bottom-grid{\n    grid-template-columns:1fr !important;\n  }\n\n  section h1{\n    font-size:28px !important;\n  }\n\n}\n\n\n\/* Small Mobile *\/\n@media(max-width:480px){\n\n  section{\n    padding:12px 6px !important;\n  }\n\n  .workshop-top{\n    padding:16px !important;\n  }\n\n}\n<\/style>\n\n\n\n<section style=\"background:#eef6ff;padding:28px 12px;font-family:'Poppins',Arial,sans-serif;\">\n\n  <div style=\"max-width:1000px;margin:auto;background:#ffffff;border-radius:22px;overflow:hidden;border:1px solid #d9e9ff;box-shadow:0 14px 32px rgba(0,64,128,0.10);\">\n\n    <!-- Header -->\n    <div style=\"background:linear-gradient(135deg,#062a63,#0c62b7,#1496e1);padding:24px 28px;color:#ffffff;\">\n      <div style=\"font-size:14px;font-weight:700;opacity:.9;margin-bottom:6px;\">\n        Sea Talk Webinar BKTK\u2013PII\n      <\/div>\n      <h1 style=\"font-size:34px;font-weight:800;line-height:1.2;margin:0;\">\n        Decommissioning Challenges in Indonesia\n      <\/h1>\n      <p style=\"font-size:15px;line-height:1.6;margin:10px 0 0 0;max-width:850px;\">\n        A professional discussion on offshore decommissioning, regulation, technology, project management, risk, and future ocean engineering challenges in Indonesia.\n      <\/p>\n    <\/div>\n\n    <!-- Main Content -->\n    <div style=\"display:grid;grid-template-columns:320px 1fr;gap:22px;padding:24px;align-items:start;\">\n\n      <!-- Poster -->\n      <div>\n        <img decoding=\"async\" \n          src=\"https:\/\/opart.unhas.ac.id\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-21-at-17.26.51-2.jpeg\" \n          alt=\"Sea Talk Webinar Poster\"\n          style=\"width:100%;display:block;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,0.14);border:1px solid #d9e9ff;\">\n      <\/div>\n\n      <!-- Details -->\n      <div>\n\n        <!-- Event Info -->\n        <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;\">\n\n          <div style=\"background:#f5faff;border:1px solid #d9e9ff;border-radius:14px;padding:13px;\">\n            <div style=\"font-size:12px;color:#5d6d7e;margin-bottom:4px;\">Date<\/div>\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;\">28 July 2026<\/div>\n          <\/div>\n\n          <div style=\"background:#f5faff;border:1px solid #d9e9ff;border-radius:14px;padding:13px;\">\n            <div style=\"font-size:12px;color:#5d6d7e;margin-bottom:4px;\">Time<\/div>\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;\">13.30 WIB<\/div>\n          <\/div>\n\n          <div style=\"background:#f5faff;border:1px solid #d9e9ff;border-radius:14px;padding:13px;\">\n            <div style=\"font-size:12px;color:#5d6d7e;margin-bottom:4px;\">Platform<\/div>\n            <div style=\"font-size:15px;font-weight:800;color:#062a63;\">Zoom Meeting<\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Description -->\n        <p style=\"font-size:14px;line-height:1.7;color:#374151;margin:0 0 16px 0;\">\n          This webinar discusses the key challenges of offshore decommissioning in Indonesia, particularly in relation to oil and gas facilities. The session highlights safety aspects, regulatory readiness, technology capability, project management, risk control, and the role of ocean engineering professionals in supporting sustainable offshore infrastructure management.\n        <\/p>\n\n        <!-- Speakers -->\n        <h2 style=\"font-size:22px;font-weight:800;color:#062a63;margin:0 0 12px 0;\">\n          Speakers\n        <\/h2>\n\n        <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;\">\n\n          <div style=\"background:#ffffff;border:1px solid #d9e9ff;border-radius:14px;padding:13px;text-align:center;box-shadow:0 6px 16px rgba(0,64,128,0.06);\">\n            <div style=\"font-size:12px;color:#0c62b7;font-weight:800;margin-bottom:5px;\">Opening Speaker<\/div>\n            <div style=\"font-size:14px;font-weight:800;color:#062a63;line-height:1.35;\">Dr. Ir. Ady Candra, IPU., ASEAN Eng<\/div>\n            <div style=\"font-size:12px;color:#4b5563;margin-top:5px;line-height:1.35;\">Chairman of BK Teknik Kelautan PII<\/div>\n          <\/div>\n\n          <div style=\"background:#ffffff;border:1px solid #d9e9ff;border-radius:14px;padding:13px;text-align:center;box-shadow:0 6px 16px rgba(0,64,128,0.06);\">\n            <div style=\"font-size:12px;color:#0c62b7;font-weight:800;margin-bottom:5px;\">Speaker<\/div>\n            <div style=\"font-size:14px;font-weight:800;color:#062a63;line-height:1.35;\">Syaifudin, S.T., MBA<\/div>\n            <div style=\"font-size:12px;color:#4b5563;margin-top:5px;line-height:1.35;\">Head of Project Management Division, SKK Migas<\/div>\n          <\/div>\n\n          <div style=\"background:#ffffff;border:1px solid #d9e9ff;border-radius:14px;padding:13px;text-align:center;box-shadow:0 6px 16px rgba(0,64,128,0.06);\">\n            <div style=\"font-size:12px;color:#0c62b7;font-weight:800;margin-bottom:5px;\">Speaker<\/div>\n            <div style=\"font-size:14px;font-weight:800;color:#062a63;line-height:1.35;\">Dr. Habibi, S.T., M.T.<\/div>\n            <div style=\"font-size:12px;color:#4b5563;margin-top:5px;line-height:1.35;\">Lecturer in Ocean Engineering, Hasanuddin University<\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Meeting Info -->\n        <div style=\"background:linear-gradient(135deg,#062a63,#0c62b7);border-radius:16px;padding:16px;color:#ffffff;margin-bottom:14px;\">\n          <div style=\"font-size:18px;font-weight:800;margin-bottom:8px;\">\n            Webinar Information\n          <\/div>\n\n          <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px;line-height:1.5;\">\n            <div>\n              <strong>Meeting ID:<\/strong><br>\n              894 3177 7707\n            <\/div>\n            <div>\n              <strong>Password:<\/strong><br>\n              bktk28juli\n            <\/div>\n          <\/div>\n\n          <div style=\"margin-top:8px;font-size:14px;\">\n            <strong>Registration:<\/strong>\n            <a href=\"https:\/\/bit.ly\/webinarbktk28juli26\" target=\"_blank\" style=\"color:#d9ecff;font-weight:800;text-decoration:underline;\">\n              bit.ly\/webinarbktk28juli26\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Tags -->\n        <div style=\"display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;\">\n          <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:12px;font-weight:700;\">Decommissioning<\/span>\n          <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:12px;font-weight:700;\">Offshore Engineering<\/span>\n          <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:12px;font-weight:700;\">Ocean Engineering<\/span>\n          <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:12px;font-weight:700;\">SKK Migas<\/span>\n          <span style=\"padding:8px 14px;border-radius:30px;background:#edf6ff;border:1px solid #c9dfff;color:#062a63;font-size:12px;font-weight:700;\">PII<\/span>\n        <\/div>\n\n        <!-- Button -->\n        <a href=\"https:\/\/bit.ly\/webinarbktk28juli26\" target=\"_blank\" style=\"display:inline-block;background:linear-gradient(135deg,#0a4fa3,#1496e1);color:#ffffff;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;box-shadow:0 8px 18px rgba(20,150,225,0.22);\">\n          Register Now\n        <\/a>\n\n        <div style=\"margin-top:10px;font-size:12px;color:#6b7280;\">\n          Contact Person: 0822-9704-7252 (Kara)\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n@media(max-width:850px){\n  section div[style*=\"grid-template-columns:320px 1fr\"]{\n    grid-template-columns:1fr !important;\n  }\n\n  section div[style*=\"grid-template-columns:repeat(3,1fr)\"]{\n    grid-template-columns:1fr !important;\n  }\n\n  section div[style*=\"grid-template-columns:1fr 1fr\"]{\n    grid-template-columns:1fr !important;\n  }\n}\n<\/style>\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>Professional Training<\/title>\n\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\n  <style>\n    body{\n      background:#f3f4f6;\n      font-family:'Poppins', Arial, sans-serif;\n    }\n\n    .research-card{\n      background:#fff;\n      border-radius:20px;\n      padding:40px;\n      border-top:4px solid #3366d6;\n      box-shadow:0 15px 35px rgba(0,0,0,0.08);\n      max-width:900px;\n      margin:auto;\n    }\n\n    .top-badge{\n      display:flex;\n      align-items:center;\n      gap:14px;\n      margin-bottom:28px;\n      flex-wrap:wrap;\n    }\n\n    .date-badge{\n      width:58px;\n      height:58px;\n      border-radius:50%;\n      background:#001f6b;\n      color:#fff;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:center;\n      font-weight:700;\n      font-size:13px;\n      line-height:1.1;\n      text-align:center;\n    }\n\n    .date-badge span{\n      font-size:9px;\n      font-weight:500;\n    }\n\n    .category-badge{\n      padding:10px 22px;\n      border-radius:40px;\n      background:#edf3ff;\n      color:#001f6b;\n      font-weight:600;\n      border:1px solid #c9d9ff;\n      font-size:14px;\n    }\n\n    .research-title{\n      font-size:38px;\n      font-weight:500;\n      color:#001f6b;\n      line-height:1.25;\n      margin-bottom:18px;\n    }\n\n    .organizer{\n      font-size:17px;\n      font-weight:600;\n      color:#1f4f9d;\n      margin-bottom:16px;\n    }\n\n    .info{\n      color:#6b7280;\n      margin-bottom:18px;\n      font-size:14px;\n    }\n\n    .description{\n      font-size:14px;\n      line-height:1.8;\n      color:#374151;\n      margin-bottom:26px;\n    }\n\n    .tag-group{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-bottom:26px;\n    }\n\n    .tag{\n      padding:10px 20px;\n      border-radius:40px;\n      background:#edf3ff;\n      border:1px solid #c9d9ff;\n      color:#001f6b;\n      font-size:13px;\n    }\n\n    .btn-detail{\n      background:#3366d6;\n      color:#fff;\n      padding:12px 24px;\n      border-radius:8px;\n      text-decoration:none;\n      font-weight:600;\n      font-size:14px;\n      display:inline-block;\n    }\n\n    .btn-detail:hover{\n      background:#244fb3;\n      color:#fff;\n    }\n\n    @media(max-width:768px){\n      .research-card{\n        padding:25px;\n      }\n\n      .research-title{\n        font-size:28px;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n<div class=\"container py-5\">\n\n<div class=\"research-card\">\n\n<div class=\"top-badge\">\n\n<div class=\"date-badge\">\n1\u20133\n<span>JUL 2026<\/span>\n<\/div>\n\n<div class=\"category-badge\">\nProfessional Training\n<\/div>\n\n<\/div>\n\n<h1 class=\"research-title\">\nShip Design Training Based on 3D Hydrostatics\n<\/h1>\n\n<div class=\"organizer\">\nOrganized by OPART Laboratory &#038; Professorline\n<\/div>\n\n<div class=\"info\">\n\ud83d\udccd CSA Building, Faculty of Engineering, Hasanuddin University &nbsp; | &nbsp;\n\ud83d\udd58 09:00 WITA \u2013 Finish\n<\/div>\n\n<div class=\"description\">\nThis intensive three-day training program introduces participants to modern ship design using professional 3D hydrostatics software. Participants will gain hands-on experience in hull modeling, hydrostatic calculations, principal dimensions, displacement analysis, stability fundamentals, and design evaluation through practical exercises and real-world case studies. The program is designed for students, lecturers, engineers, professionals, and anyone interested in naval architecture and marine engineering. Participants who successfully complete the training will receive an official certificate, which may be converted into MKPK credits in accordance with university regulations.\n<\/div>\n\n<div class=\"tag-group\">\n<div class=\"tag\">3D Hydrostatics<\/div>\n<div class=\"tag\">Ship Design<\/div>\n<div class=\"tag\">Naval Architecture<\/div>\n<div class=\"tag\">Hands-on Workshop<\/div>\n<div class=\"tag\">Professional Certificate<\/div>\n<\/div>\n\n<a href=\"#\" class=\"btn-detail\">\nRegister Now\n<\/a>\n\n<\/div>\n\n<\/div>\n\n<\/body>\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>Research Activity<\/title>\n\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\n  <style>\n    body{\n      background:#f3f4f6;\n      font-family:'Poppins', Arial, sans-serif;\n    }\n\n    .research-card{\n      background:#fff;\n      border-radius:20px;\n      padding:40px;\n      border-top:4px solid #3366d6;\n      box-shadow:0 15px 35px rgba(0,0,0,0.08);\n      max-width:900px;\n      margin:auto;\n    }\n\n    .top-badge{\n      display:flex;\n      align-items:center;\n      gap:14px;\n      margin-bottom:28px;\n      flex-wrap:wrap;\n    }\n\n    .date-badge{\n      width:58px;\n      height:58px;\n      border-radius:50%;\n      background:#001f6b;\n      color:#fff;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:center;\n      font-weight:700;\n      font-size:13px;\n      line-height:1.1;\n      text-align:center;\n    }\n\n    .date-badge span{\n      font-size:9px;\n      font-weight:500;\n    }\n\n    .category-badge{\n      padding:10px 22px;\n      border-radius:40px;\n      background:#edf3ff;\n      color:#001f6b;\n      font-weight:600;\n      border:1px solid #c9d9ff;\n      font-size:14px;\n    }\n\n    .research-title{\n      font-size:38px;\n      font-weight:500;\n      color:#001f6b;\n      line-height:1.25;\n      margin-bottom:18px;\n    }\n\n    .organizer{\n      font-size:17px;\n      font-weight:600;\n      color:#1f4f9d;\n      margin-bottom:16px;\n    }\n\n    .info{\n      color:#6b7280;\n      margin-bottom:18px;\n      font-size:14px;\n    }\n\n    .description{\n      font-size:14px;\n      line-height:1.8;\n      color:#374151;\n      margin-bottom:26px;\n    }\n\n    .tag-group{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-bottom:26px;\n    }\n\n    .tag{\n      padding:10px 20px;\n      border-radius:40px;\n      background:#edf3ff;\n      border:1px solid #c9d9ff;\n      color:#001f6b;\n      font-size:13px;\n    }\n\n    .btn-detail{\n      background:#3366d6;\n      color:#fff;\n      padding:12px 24px;\n      border-radius:8px;\n      text-decoration:none;\n      font-weight:600;\n      font-size:14px;\n      display:inline-block;\n    }\n\n    .btn-detail:hover{\n      background:#244fb3;\n      color:#fff;\n    }\n\n    @media(max-width:768px){\n      .research-card{\n        padding:25px;\n      }\n\n      .research-title{\n        font-size:28px;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <div class=\"container py-5\">\n\n    <div class=\"research-card\">\n\n      <div class=\"top-badge\">\n        <div class=\"date-badge\">\n          2026\n          <span>RESEARCH<\/span>\n        <\/div>\n\n        <div class=\"category-badge\">\n          AI-Based Weld Inspection\n        <\/div>\n      <\/div>\n\n      <h1 class=\"research-title\">\n        Digital Verification Framework for Welded Joint Reliability in Offshore Structures\n      <\/h1>\n\n      <div class=\"organizer\">\n        Research Focus: Marine &#038; Offshore Engineering\n      <\/div>\n\n      <div class=\"info\">\n        \ud83d\udccd Opart &nbsp; | &nbsp; \ud83e\udd16 AI \/ Computer Vision\n      <\/div>\n\n      <div class=\"description\">\n        This research develops a digital verification framework to assess welded joint reliability using photorealistic weld defect datasets, computer vision, and AI-based classification for offshore and marine structural applications.\n      <\/div>\n\n      <div class=\"tag-group\">\n        <div class=\"tag\">Weld Defect Detection<\/div>\n        <div class=\"tag\">Computer Vision<\/div>\n        <div class=\"tag\">Reliability Assessment<\/div>\n        <div class=\"tag\">Offshore Structures<\/div>\n      <\/div>\n\n      <a href=\"#\" class=\"btn-detail\">\n        View Research Details\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/body>\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>Upcoming Event &#8211; OPART UNHAS<\/title>\n\n  <!-- Bootstrap -->\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\n  <style>\n    body{\n      background:#f3f4f6;\n      font-family:'Poppins', sans-serif;\n    }\n\n    .event-card{\n      background:#fff;\n      border-radius:24px;\n      padding:40px;\n      border-top:5px solid #3366d6;\n      box-shadow:0 15px 35px rgba(0,0,0,0.08);\n    }\n\n    .top-badge{\n      display:flex;\n      align-items:center;\n      gap:16px;\n      margin-bottom:30px;\n      flex-wrap:wrap;\n    }\n\n    .date-badge{\n      width:72px;\n      height:72px;\n      border-radius:50%;\n      background:#001f6b;\n      color:#fff;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:center;\n      font-weight:700;\n      line-height:1.2;\n    }\n\n    .date-badge span{\n      font-size:13px;\n      font-weight:500;\n    }\n\n    .category-badge{\n      padding:12px 24px;\n      border-radius:40px;\n      background:#edf3ff;\n      color:#001f6b;\n      font-weight:600;\n      border:1px solid #c9d9ff;\n    }\n\n    .event-title{\n      font-size:38px;\n      font-weight:600;\n      color:#001f6b;\n      line-height:1.4;\n      margin-bottom:30px;\n    }\n\n    .event-organizer{\n      font-size:22px;\n      font-weight:600;\n      color:#1f4f9d;\n      margin-bottom:16px;\n    }\n\n    .event-info{\n      color:#6b7280;\n      margin-bottom:18px;\n      font-size:18px;\n    }\n\n    .event-description{\n      font-size:18px;\n      line-height:1.8;\n      color:#4b5563;\n      margin-bottom:28px;\n    }\n\n    .tag-group{\n      display:flex;\n      flex-wrap:wrap;\n      gap:14px;\n      margin-bottom:35px;\n    }\n\n    .tag{\n      padding:12px 24px;\n      border-radius:40px;\n      background:#edf3ff;\n      border:1px solid #c9d9ff;\n      color:#001f6b;\n      font-size:16px;\n    }\n\n    .event-btn{\n      background:#3366d6;\n      color:#fff;\n      padding:16px 30px;\n      border-radius:12px;\n      text-decoration:none;\n      font-weight:600;\n      display:inline-block;\n      transition:0.3s;\n    }\n\n    .event-btn:hover{\n      background:#244fb3;\n      color:#fff;\n    }\n\n    @media(max-width:768px){\n\n      .event-card{\n        padding:25px;\n      }\n\n      .event-title{\n        font-size:26px;\n      }\n\n      .event-organizer{\n        font-size:20px;\n      }\n\n      .event-description{\n        font-size:16px;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <div class=\"container py-5\">\n\n    <div class=\"event-card\">\n\n      <!-- Top Section -->\n      <div class=\"top-badge\">\n\n        <div class=\"date-badge\">\n          25\n          <span>MAY<\/span>\n        <\/div>\n\n        <div class=\"category-badge\">\n          International Seminar\n        <\/div>\n\n      <\/div>\n\n      <!-- Event Title -->\n      <h1 class=\"event-title\">\n        International Conference on Marine Technology and Offshore Engineering 2026\n      <\/h1>\n\n      <!-- Organizer -->\n      <div class=\"event-organizer\">\n        Organized by OPART Hasanuddin University\n      <\/div>\n\n      <!-- Event Info -->\n      <div class=\"event-info\">\n        \ud83d\udccd Engineering Faculty Hall, UNHAS &nbsp; | &nbsp; \ud83d\udd52 09:00 AM WITA\n      <\/div>\n\n      <!-- Description -->\n      <div class=\"event-description\">\n        This event brings together researchers, academics, and industry professionals to discuss the latest developments in marine technology, offshore engineering, and sustainable ocean innovation.\n      <\/div>\n\n      <!-- Tags -->\n      <div class=\"tag-group\">\n\n        <div class=\"tag\">\n          Marine Technology\n        <\/div>\n\n        <div class=\"tag\">\n          Offshore Engineering\n        <\/div>\n\n        <div class=\"tag\">\n          International Conference\n        <\/div>\n\n        <div class=\"tag\">\n          Innovation\n        <\/div>\n\n      <\/div>\n\n      <!-- Button -->\n      <a href=\"#\" class=\"event-btn\">\n        View Event Details\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>OPART \u00d7 Professorline Workshop Design 2D &amp; 3D Ingin belajar mendesain secara 2D &amp; 3D menggunakan software profesional? Kini saatnya meningkatkan kompetensi di bidang desain melalui workshop yang menggabungkan teori dan praktik secara langsung. Klik poster untuk melihat ukuran penuh Tanggal Oktober 2026 Waktu 09.00 \u2013 15.00 WITA Biaya Rp25.000 Lokasi Kegiatan Offshore and Subsea &hellip; <\/p>\n","protected":false},"author":2,"featured_media":199,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-109","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=109"}],"version-history":[{"count":17,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":491,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions\/491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/media\/199"}],"wp:attachment":[{"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}