Freeclass – Data Science & Machine Learning
Zoom Meeting Zoom Meeting, Jakarta SelatanFree Class Menguasai Data Science & Machine Learning dengan Python Pelajari End-to-End Data Science Process. Kuasai teknik mengubah data berantakan menjadi insight berharga dan bangun model prediksi pertama Anda hanya dalam 2 jam Daftar Free Class Sekarang! × Form Registrasi Webinar /* --- Layout Kontainer Tombol --- */ .btn-atas-container { text-align: left; /* Default rata kiri untuk Desktop */ } /* Responsive untuk Tablet & Mobile: Rata Tengah */ @media (max-width: 991px) { .btn-atas-container { text-align: center; } } /* Tombol CTA Trigger */ .btn-daftar-popup { display: inline-flex; /* Biar tombol cuma selebar isinya, tapi icon & teks sejajar */ align-items: center; gap: 12px; /* Jarak antara icon dan teks */ padding: 15px 30px; background-color: #0056b3; /* Warna tombol awal (Biru) */ color: white; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; } /* Efek Hover Merah */ .btn-daftar-popup:hover { background-color: #dc3545; /* Merah cerah */ } /* Background gelap di belakang pop-up */ .custom-modal { display: none; /* Disembunyikan secara default */ position: fixed; z-index: 99999; /* Z-index dibesarin biar aman nggak ketutup elemen lain */ left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); /* Efek gelap transparan */ overflow-y: auto; /* Biar form bisa di-scroll kalau kepanjangan */ } /* Kotak Form putih di tengah */ .custom-modal-content { background-color: #fff; margin: 5% auto; /* Jarak dari atas layar */ padding: 30px; border-radius: 12px; width: 90%; max-width: 650px; /* Lebar maksimal form disesuaikan */ box-shadow: 0 5px 15px rgba(0,0,0,0.3); position: relative; } /* Tombol Close (X) di pojok kanan atas */ .close-btn { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; position: absolute; right: 20px; top: 15px; } .close-btn:hover, .close-btn:focus { color: #ff0000; text-decoration: none; } Pendaftaran Ditutup × Form Registrasi Webinar /* --- Layout Kontainer Tombol --- */ .btn-atas-container { text-align: left; /* Default rata kiri untuk Desktop */ } /* Responsive untuk Tablet & Mobile: Rata Tengah */ @media (max-width: 991px) { .btn-atas-container { text-align: center; } } /* Tombol CTA Trigger */ .btn-daftar-popup { display: inline-flex; align-items: center; gap: 12px; padding: 15px 30px; background-color: #0056b3; /* Warna dasar tombol */ color: white; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; } /* Efek Hover Default (Jika Aktif) */ .btn-daftar-popup:not():hover { background-color: #dc3545; /* Merah cerah */ } /* --- STYLE BARU: STATE KETIKA PENDAFTARAN DITUTUP (DISABLED) --- */ .btn-daftar-popup { background-color: #6c757d; /* Warna abu-abu redup */ color: #e0e0e0; /* Teks sedikit redup */ cursor: not-allowed; /* Kursor dilarang */ opacity: 0.8; } /* Background gelap di belakang pop-up */ .custom-modal { display: none; /* Disembunyikan secara default */ position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); overflow-y: auto; } /* Kotak Form putih di tengah */ .custom-modal-content { background-color: #fff; margin: 5% auto; padding: 30px; border-radius: 12px; width: 90%; max-width: 650px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); position: relative; } /* Tombol Close (X) di pojok kanan atas */ .close-btn { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; position: absolute; right: 20px; top: 15px; } .close-btn:hover, .close-btn:focus { color: #ff0000; text-decoration: none; } Add to calendar Google Calendar iCalendar Outlook 365 Outlook Live .ds-event-info, .ds-event-info * { box-sizing: border-box; } .ds-event-info { position: relative; display: grid; grid-template-columns: 1.25fr 1fr 1fr; width: 100%; max-width: 720px; margin: 0 auto 28px; overflow: hidden; border: 1px solid #dce7ed; border-top: 4px solid #d12237; border-radius: 14px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 35px rgba(19, 44, 74, 0.1); color: #1d324b; font-family: "Poppins", "Segoe UI", Arial, sans-serif; } .ds-info-item { display: flex; min-width: 0; align-items: center; gap: 11px; padding: 16px 17px; } .ds-info-item + .ds-info-item { border-left: 1px solid #dce7ed; } .ds-info-icon { display: grid; width: 36px; height: 36px; place-items: center; flex: 0 0 auto; border-radius: 9px; background: #edf5f8; color: #4f7e9b; } .ds-info-icon svg { display: block; width: 18px; height: 18px; } .ds-info-item small { display: block; margin-bottom: 2px; color: #63758a; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; line-height: 1.2; text-transform: uppercase; } .ds-info-item strong { display: block; overflow: hidden; color: #132c4a; font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 680px) { .ds-event-info { grid-template-columns: 1fr; } .ds-info-item + .ds-info-item { border-top: 1px solid #dce7ed; border-left: 0; } .ds-info-item strong { white-space: normal; } } Tanggal Jumat, 12 Juni 2026 Waktu 14.00 s.d. 16.00 WIB Lokasi Zoom Meeting .ds-event, .ds-event * { box-sizing: border-box; } .ds-event { --ds-navy: #132c4a; --ds-red: #d12237; --ds-red-dark: #aa182a; --ds-blue: #71a0be; --ds-blue-dark: #4f7e9b; --ds-ice: #edf5f8; --ds-soft: #f7fafc; --ds-white: #ffffff; --ds-text: #1d324b; --ds-muted: #63758a; --ds-line: #dce7ed; --ds-shadow: 0 20px 50px rgba(19, 44, 74, 0.12); margin: 0; overflow: hidden; color: var(--ds-text); background: var(--ds-white); font-family: "Poppins", "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.65; } .ds-event a { color: inherit; text-decoration: none; } .ds-event svg { display: block; } .ds-container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; } .ds-section { position: relative; padding: 92px 0; } .ds-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; color: var(--ds-red); font-size: 13px; font-weight: 800; letter-spacing: 0.13em; line-height: 1.3; text-transform: uppercase; } .ds-eyebrow::before { width: 26px; height: 3px; border-radius: 99px; background: var(--ds-red); content: ""; } .ds-heading { margin: 0; color: var(--ds-navy); font-size: clamp(30px, 4vw, 48px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.13; } .ds-lead { max-width: 720px; margin: 18px 0 0; color: var(--ds-muted); font-size: 17px; } .ds-section-head { max-width: 780px; margin: 0 auto 46px; text-align: center; } .ds-section-head .ds-eyebrow { justify-content: center; } .ds-section-head .ds-eyebrow::after { width: 26px; height: 3px; border-radius: 99px; background: var(--ds-red); content: ""; } .ds-btn { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 10px; padding: 14px 25px; border: 1px solid transparent; border-radius: 10px; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 800; line-height: 1.2; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; } .ds-btn:hover { transform: translateY(-2px); } .ds-btn-primary { background: linear-gradient(135deg, var(--ds-navy), #234f72); color: var(--ds-white); box-shadow: 0 14px 28px rgba(19, 44, 74, 0.25); } .ds-btn-primary:hover { background: linear-gradient(135deg, var(--ds-blue-dark), var(--ds-navy)); box-shadow: 0 18px 34px rgba(19, 44, 74, 0.34); } .ds-btn-white