Help
RSS
API
Feed
Maltego
Contact
Domain > kogtik.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2014-07-29
91.206.200.202
(
ClassC
)
2026-01-22
103.247.9.146
(
ClassC
)
Port 443
HTTP/1.1 200 OKConnection: Keep-AliveKeep-Alive: timeout5, max100x-powered-by: PHP/8.3.27content-type: text/html; charsetUTF-8cache-control: no-cache, privatex-frame-options: DENYx-content-type-options: nosniffreferrer-policy: no-referrer-when-downgradecross-origin-opener-policy: same-origincross-origin-resource-policy: same-originpermissions-policy: camera(self), microphone(), geolocation()content-security-policy: default-src self; img-src self data: blob: https: http:; style-src self unsafe-inline https: http: http://localhost:5173 http://127.0.0.1:5173; script-src self unsafe-inline unsafe-eval https: http: http://localhost:5173 http://127.0.0.1:5173; font-src self data: https: http:; connect-src self https: http: ws: wss:; frame-src self https://app.midtrans.com https://app.sandbox.midtrans.com https://*.midtrans.com https://www.youtube.com https://www.youtube-nocookie.com https://player.vimeo.com; child-src self https://app.midtrans.com https://app.sandbox.midtrans.com https://*.midtrans.com https://www.youtube.com https://www.youtube-nocookie.com https://player.vimeo.com; frame-ancestors none;set-cookie: XSRF-TOKENeyJpdiI6IktSdDVNWFNmZEExS0YwbG9RUkNuckE9PSIsInZhbHVlIjoiS09pWENoT0t0RDJMTktYclkwdHJUR2YrR0xLYnk1bWh3cERmMXFhUmtTeHp1R0s1UW85TWtyVmJjbDZiODZXK3Q1dzBLL0J6QjVMaWVuNE5IQjNBZlVidjRmMHZRemFxMGFnMXBUMHhTVUdwL2lTZDhRYnE4WmxhcFlXUnorbisiLCJtYWMiOiJmOGU4NmRjZTRlZjViYWNkYTA4MDViNTFjMTgxMTNlNmEwN2QxMWNmMjVhZmU2YjNlYjQxNzJjOGE4Y2NjYmRiIiwidGFnIjoiIn0%3D; expiresThu, 22 Jan 2026 20:01:14 GMT; Max-Age7200; path/; secure; samesitelaxset-cookie: kogtik_sessioneyJpdiI6IjJPcE1Ba2tLN1pqYUlqdmRHay9zQ1E9PSIsInZhbHVlIjoiR0MvWDl3dW10NVBDTm5TTlBBVjROekc0K255dUgwS3hwMTR1YXV3dnU4OXJKckNmd0pOQjhwalNZb3FRVGJGbXQxTk40NHhQZWtuc0VqcWhMZHM0d2lRelFYdUhwMEdnd3pRUzZWa3gzQlRGaTVVTmpuczIwemdsQ05MMFlaYzciLCJtYWMiOiI4NDVhM2NiNWQ4YzE3NDI2YmRlOTQ1Zjk0MDE1NDBmYjVhZjQyNTNlMzNlZDEzMTJmNjVmNDlhNzJiZTk5ZmE5IiwidGFnIjoiIn0%3D; expiresThu, 22 Jan 2026 20:01:14 GMT; Max-Age7200; path/; httponly; samesitelax; securecontent-length: 74321date: Thu, 22 Jan 2026 18:01:14 GMTserver: LiteSpeed !DOCTYPE html>html langid>head> meta charsetUTF-8> meta http-equivX-UA-Compatible contentIEedge> meta nameviewport contentwidthdevice-width, initial-scale1.0> meta namecsrf-token contentLa1PFQ9Lq90ZuLzdmXAFZxADFOm1RYffs7QjqQVJ> title>KOGTIK/title> !-- Favicon --> link relicon typeimage/x-icon hrefhttps://kogtik.com/assets/images/favicon_1764602949.png> link relshortcut icon typeimage/x-icon hrefhttps://kogtik.com/assets/images/favicon_1764602949.png> !-- Google Fonts --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@400;500;600;700&familyPoppins:wght@400;500;600;700&familyMontserrat:wght@400;500;600;700&familyPlayfair+Display:wght@400;500;600;700&displayswap relstylesheet> !-- CSS --> script srchttps://kogtik.com/js/suppress-tailwind-warning.js>/script> script srchttps://cdn.tailwindcss.com>/script> link hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css relstylesheet> !-- CSS Sentral - Menggabungkan Tailwind CSS dan Bootstrap --> link hrefhttps://kogtik.com/css/color-variables.css relstylesheet> link hrefhttps://kogtik.com/css/central.css relstylesheet> script srchttps://code.jquery.com/jquery-3.6.0.min.js>/script>/head>body> !-- Navbar with Tailwind Gradient Background --> nav idmainNavbar classnavbar-gradient sticky top-0 z-9998 shadow-lg> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classflex justify-between items-center h-16> !-- Left side: Logo and Navigation --> div classflex items-center flex-1 min-w-0> !-- Mobile Menu Button --> button typebutton idmobileMenuTrigger onclicktoggleMobileMenu() classmd:hidden mr-3 p-2 text-white hover:bg-blue-500 hover:bg-opacity-50 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-50 transition-all> svg classh-6 w-6 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 6h16M4 12h16M4 18h16 /> /svg> /button> !-- Logo --> div classflex-shrink-0 flex items-center> a hrefhttps://kogtik.com classflex items-center space-x-3 hover:opacity-90 transition-opacity> div classnavbar-logo> img srchttps://kogtik.com/assets/images/logo_1764602949.png altKOGTIK Logo classh-10 w-10 object-cover onerrorthis.style.displaynone; this.nextElementSibling.style.displayflex;> div classhidden items-center justify-center w-10 h-10 bg-white/20 rounded-full> i classfas fa-shield-alt text-xl text-white>/i> /div> /div> span classtext-white font-bold text-lg whitespace-nowrap hidden sm:inline>KOGTIK/span> /a> /div> !-- Navigation Links --> nav classflex space-x-2 lg:space-x-4 ml-4 lg:ml-8> a hrefhttps://kogtik.com classtext-white hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-all whitespace-nowrap bg-blue-500 bg-opacity-50 text-white>Beranda/a> a hrefhttps://kogtik.com/about classtext-white hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-all whitespace-nowrap hover:bg-blue-500 hover:bg-opacity-30>Tentang Kami/a> a hrefhttps://kogtik.com/news classtext-white hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-all whitespace-nowrap hover:bg-blue-500 hover:bg-opacity-30>Berita/a> a hrefhttps://kogtik.com/activity classtext-white hover:text-white px-3 py-2 rounded-md text-sm font-medium transition-all whitespace-nowrap hover:bg-blue-500 hover:bg-opacity-30>Kegiatan/a> /nav> /div> !-- Right side: Auth Links --> div classflex items-center space-x-2 lg:space-x-3 flex-shrink-0> div classflex items-center space-x-2> a hrefhttps://kogtik.com/auth/login classbg-blue-500 bg-opacity-50 hover:bg-blue-600 hover:bg-opacity-70 text-white px-2 lg:px-3 py-1.5 lg:py-2 rounded-lg transition-all whitespace-nowrap text-xs lg:text-sm font-medium hover:text-white active:bg-blue-700 active:bg-opacity-80>Login/a> a hrefhttps://kogtik.com/auth/register classbg-blue-600 hover:bg-blue-700 text-white px-2 lg:px-3 py-1.5 lg:py-2 rounded-lg transition-all whitespace-nowrap text-xs lg:text-sm font-medium hover:text-white active:bg-blue-800>Register/a> /div> /div> /div> /div> /nav> !-- Mobile menu --> div idmobileMenu styledisplay:none; position:fixed; inset:0; background:transparent; z-index:10000;> div idmobileMenuPanel styleposition:absolute; background:#fff; width:90vw; max-width:360px; border-radius:14px; box-shadow:0 12px 40px rgba(0,0,0,0.25); overflow:hidden;> div classpx-4 pt-3 pb-4 space-y-2> !-- Mobile Navigation Links --> div classborder-t border-gray-200 pt-2> a classblock px-3 py-2.5 text-base font-medium text-gray-700 hover:text-white hover:bg-blue-600 rounded-md transition-colors text-white bg-blue-600 hrefhttps://kogtik.com> i classfas fa-home mr-2>/i>Beranda /a> a classblock px-3 py-2.5 text-base font-medium text-gray-700 hover:text-white hover:bg-blue-600 rounded-md transition-colors hrefhttps://kogtik.com/about> i classfas fa-info-circle mr-2>/i>Tentang Kami /a> a classblock px-3 py-2.5 text-base font-medium text-gray-700 hover:text-white hover:bg-blue-600 rounded-md transition-colors hrefhttps://kogtik.com/news> i classfas fa-newspaper mr-2>/i>Berita /a> a classblock px-3 py-2.5 text-base font-medium text-gray-700 hover:text-white hover:bg-blue-600 rounded-md transition-colors hrefhttps://kogtik.com/activity> i classfas fa-calendar-alt mr-2>/i>Kegiatan /a> /div> !-- Mobile Auth Links --> div classborder-t border-gray-200 pt-2>/div> /div> /div> /div> style> /* Edit mode styles */ body.edit-mode .editable-highlight { outline: 2px dashed #3b82f6; outline-offset: 2px; cursor: text; } #editModeToolbar { position: fixed; right: 16px; bottom: 16px; z-index: 100000; display: none; } #editModeToolbar .panel { background: rgba(255,255,255,0.95); backdrop-filter: blur(4px); border: 1px solid #e5e7eb; box-shadow: 0 8px 24px rgba(0,0,0,.1); border-radius: 12px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; } #editModeToolbar label { font-size: 12px; color: #374151; } #editModeToolbar inputtypecolor { width: 28px; height: 28px; border: none; padding: 0; background: transparent; } #editModeToolbar button { font-size: 12px; padding: 6px 8px; border-radius: 8px; border: 1px solid #e5e7eb; background: #f9fafb; color: #111827; } #editModeToolbar button:hover { background: #eef2ff; border-color: #c7d2fe; } /style> div idqr-scanner-modal styledisplay:none; position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:10000; align-items:center; justify-content:center;> div stylebackground:#fff; width:96%; max-width:640px; border-radius:16px; box-shadow:0 12px 40px rgba(0,0,0,0.25);> div styledisplay:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid #eee;> div stylefont-weight:600; color:#333;>Scan QR Code/div> button idclose-qr-scanner-modal stylebackground:transparent; border:none; font-size:22px; line-height:1; color:#555;>×/button> /div> div stylepadding:16px;> div styledisplay:flex; gap:12px; align-items:center; margin-bottom:10px;> select idqr-camera-select styleflex:1; border:1px solid #ccc; border-radius:8px; padding:8px 10px;>/select> button idqr-reload-cameras styleborder:1px solid #ddd; background:#f7f7f7; border-radius:8px; padding:8px 12px;>Muat Kamera/button> /div> div idqr-scanner-inline stylewidth:100%; min-height:360px;>/div> div idqr-scan-result stylemargin-top:12px; font-size:14px; color:#444;>/div> /div> /div> /div> div classmin-h-screen flex flex-col > main classflex-1 web-page pt-0 web-page--full> !-- Platform Manajemen Event Digital Total -->div classmin-h-screen bg-gradient-to-br from-indigo-50 via-white to-blue-50 relative overflow-hidden home-typography> !-- Animated Background Elements --> div classabsolute inset-0 overflow-hidden pointer-events-none> div classabsolute -top-40 -right-40 w-80 h-80 bg-gradient-to-br from-#7c3aed/20 to-#3b82f6/20 rounded-full blur-3xl animate-pulse>/div> div classabsolute -bottom-40 -left-40 w-80 h-80 bg-gradient-to-tr from-#7c3aed/15 to-#3b82f6/25 rounded-full blur-3xl animate-pulse styleanimation-delay: 2s;>/div> div classabsolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-gradient-to-r from-#7c3aed/10 to-#3b82f6/15 rounded-full blur-3xl animate-pulse styleanimation-delay: 4s;>/div> /div> !-- Hero Section - Platform Manajemen Event Digital --> section classrelative h-screen overflow-hidden flex items-center> div classhero-slide absolute inset-0 transition-opacity duration-1000 opacity-100 stylebackground-image: url(https://kogtik.com/assets/images/hero/home_hero_background_1_1765326198.jpg); background-size: cover; background-position: center;> div classhero-gradient-overlay>/div> /div> div classhero-slide absolute inset-0 transition-opacity duration-1000 opacity-0 stylebackground-image: url(https://kogtik.com/assets/images/hero/home_hero_background_2_1765326198.jpg); background-size: cover; background-position: center;> div classhero-gradient-overlay>/div> /div> div classhero-slide absolute inset-0 transition-opacity duration-1000 opacity-0 stylebackground-image: url(https://kogtik.com/assets/images/hero/home_hero_background_3_1765326198.jpg); background-size: cover; background-position: center;> div classhero-gradient-overlay>/div> /div> div classrelative z-10 h-full w-full px-5%> div classgrid grid-cols-1 lg:grid-cols-2 gap-8 items-center h-full> div classmax-w-4xl text-left lg:pr-8> img srchttps://kogtik.com/assets/images/logo_1764602949.png altLogo KOGTIK classmb-6 h-20 w-20 rounded-full object-cover shadow-xl ring-2 ring-white/40 onerrorthis.style.displaynone> h1 classtext-4xl sm:text-5xl lg:text-6xl font-extrabold mb-4 animate-slide-up leading-tight text-white drop-shadow-0_2px_8px_rgba(0,0,0,0.35) styleanimation-delay: 0.2s;> Komunitas Guru TIK dan Informatika Indonesia (KOGTIK) /h1> p classtext-lg sm:text-xl text-white/90 mb-8 animate-slide-up leading-relaxed drop-shadow-0_1px_4px_rgba(0,0,0,0.25) styleanimation-delay: 0.35s;> Wadah kolaborasi dan pengembangan kompetensi Guru TIK & Informatika di Indonesia. Temukan kegiatan, pelatihan, dan berita resmi KOGTIK. /p> div classflex flex-col sm:flex-row gap-4 animate-slide-up styleanimation-delay: 0.55s;> a hrefhttps://kogtik.com/activity classinline-flex items-center px-8 py-4 rounded-2xl bg-white text-gray-900 font-semibold shadow-lg hover:shadow-xl hover:bg-gray-100 transition-all> i classfas fa-calendar-alt mr-3 text-#7c3aed>/i> span>Lihat Kegiatan KOGTIK/span> /a> a hrefhttps://kogtik.com/news classinline-flex items-center px-8 py-4 rounded-2xl bg-white/20 text-white font-semibold ring-1 ring-white/30 hover:bg-white/30 transition-all> i classfas fa-newspaper mr-3>/i> span>Berita KOGTIK/span> /a> a hrefhttps://kogtik.com/auth/register classinline-flex items-center px-8 py-4 rounded-2xl bg-#7c3aed text-white font-semibold shadow-lg hover:shadow-xl hover:bg-#6d28d9 transition-all> i classfas fa-user-plus mr-3>/i> span>Gabung sebagai Anggota/span> /a> /div> /div> div classhidden lg:flex justify-end> div classrelative rounded-3xl overflow-hidden shadow-2xl ring-1 ring-white/10 w-620px ml-auto> img srchttps://kogtik.com/assets/images/hero/home_hero_visual_1764603023.png altVisual KOGTIK classw-full h-420px object-cover onerrorthis.srchttps://kogtik.com/assets/images/hero/defoult.webp> div classabsolute inset-0 bg-gradient-to-l from-black/30 to-transparent>/div> /div> /div> /div> /div> !-- Slider Navigation Dots --> div classabsolute bottom-8 left-1/2 transform -translate-x-1/2 flex space-x-3 z-20> button classslider-dot w-3 h-3 rounded-full transition-all duration-300 bg-white scale-125 onclickshowSlide(0)>/button> button classslider-dot w-3 h-3 rounded-full transition-all duration-300 bg-white/50 hover:bg-white/75 onclickshowSlide(1)>/button> button classslider-dot w-3 h-3 rounded-full transition-all duration-300 bg-white/50 hover:bg-white/75 onclickshowSlide(2)>/button> /div> /section> !-- Sekilas KOGTIK --> section classpy-20 bg-white> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classgrid grid-cols-1 lg:grid-cols-3 gap-8 items-center> div classlg:col-span-2> h2 classtext-3xl md:text-4xl font-black text-gray-900 mb-4>Organisasi Guru TIK & Informatika Indonesia/h2> p classtext-gray-700 text-lg leading-relaxed mb-6>KOGTIK adalah wadah kolaborasi nasional bagi guru TIK & Informatika untuk memperkuat kompetensi, memperkaya kurikulum, mendorong literasi digital, dan mempertemukan inisiatif pembelajaran masa depan./p> div classflex flex-wrap gap-3> span classpx-4 py-2 rounded-full bg-indigo-50 text-indigo-700 text-sm font-semibold>Profesionalisme Guru/span> span classpx-4 py-2 rounded-full bg-blue-50 text-blue-700 text-sm font-semibold>Kurikulum Informatika/span> span classpx-4 py-2 rounded-full bg-violet-50 text-violet-700 text-sm font-semibold>Literasi Digital/span> span classpx-4 py-2 rounded-full bg-teal-50 text-teal-700 text-sm font-semibold>Jejaring & Kolaborasi/span> /div> /div> div classbg-gradient-to-br from-indigo-500 to-blue-600 rounded-3xl p-6 text-white shadow-xl> h3 classtext-xl font-bold mb-2>Statistik Organisasi/h3> div classgrid grid-cols-2 gap-4> div classp-4 rounded-2xl bg-white/10> div classtext-2xl font-black>77/div> div classtext-sm>Anggota/div> /div> div classp-4 rounded-2xl bg-white/10> div classtext-2xl font-black>28/div> div classtext-sm>Kegiatan/div> /div> div classp-4 rounded-2xl bg-white/10> div classtext-2xl font-black>14/div> div classtext-sm>Agenda Terdekat/div> /div> div classp-4 rounded-2xl bg-white/10> div classtext-2xl font-black>6/div> div classtext-sm>Pengurus/div> /div> /div> div classmt-6> a hrefhttps://kogtik.com/auth/register classinline-flex items-center px-5 py-3 rounded-2xl bg-white text-indigo-700 font-semibold hover:bg-gray-100> i classfas fa-user-plus mr-3>/i> Bergabung sebagai Anggota /a> /div> /div> /div> /div> /section> !-- Program KOGTIK --> section classpy-20 bg-gray-50> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classtext-center mb-12> h2 classtext-3xl md:text-4xl font-black text-gray-900>Program Unggulan/h2> p classtext-gray-600>Inisiatif untuk penguatan kompetensi dan ekosistem pembelajaran/p> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8> div classbg-white rounded-3xl p-8 shadow-md hover:shadow-lg transition> div classw-14 h-14 rounded-2xl bg-indigo-100 text-indigo-600 flex items-center justify-center mb-5> i classfas fa-chalkboard-teacher text-2xl>/i> /div> h3 classtext-xl font-bold mb-2>Pelatihan & Workshop/h3> p classtext-gray-600>Pelatihan berkala untuk peningkatan kompetensi TIK & Informatika, materi terstandar dan praktik terbaik./p> /div> div classbg-white rounded-3xl p-8 shadow-md hover:shadow-lg transition> div classw-14 h-14 rounded-2xl bg-blue-100 text-blue-600 flex items-center justify-center mb-5> i classfas fa-users text-2xl>/i> /div> h3 classtext-xl font-bold mb-2>Komunitas & Forum/h3> p classtext-gray-600>Jejaring guru lintas wilayah, forum diskusi, berbagi praktik pembelajaran, dan kolaborasi proyek./p> /div> div classbg-white rounded-3xl p-8 shadow-md hover:shadow-lg transition> div classw-14 h-14 rounded-2xl bg-teal-100 text-teal-600 flex items-center justify-center mb-5> i classfas fa-book text-2xl>/i> /div> h3 classtext-xl font-bold mb-2>Pengembangan Kurikulum/h3> p classtext-gray-600>Penguatan kurikulum Informatika dan TIK, panduan materi, dan sumber belajar digital./p> /div> div classbg-white rounded-3xl p-8 shadow-md hover:shadow-lg transition> div classw-14 h-14 rounded-2xl bg-violet-100 text-violet-600 flex items-center justify-center mb-5> i classfas fa-certificate text-2xl>/i> /div> h3 classtext-xl font-bold mb-2>Sertifikat & Penghargaan/h3> p classtext-gray-600>Pemberian sertifikat kegiatan dan pengakuan kontribusi untuk guru berprestasi./p> /div> div classbg-white rounded-3xl p-8 shadow-md hover:shadow-lg transition> div classw-14 h-14 rounded-2xl bg-rose-100 text-rose-600 flex items-center justify-center mb-5> i classfas fa-shield-alt text-2xl>/i> /div> h3 classtext-xl font-bold mb-2>Literasi & Keamanan Digital/h3> p classtext-gray-600>Kampanye literasi digital, etika siber, dan keamanan data di lingkungan sekolah./p> /div> div classbg-white rounded-3xl p-8 shadow-md hover:shadow-lg transition> div classw-14 h-14 rounded-2xl bg-amber-100 text-amber-600 flex items-center justify-center mb-5> i classfas fa-handshake text-2xl>/i> /div> h3 classtext-xl font-bold mb-2>Kemitraan & Pendampingan/h3> p classtext-gray-600>Kolaborasi dengan lembaga dan industri, pendampingan sekolah untuk transformasi digital./p> /div> /div> /div> /section> !-- Agenda Terdekat --> section classpy-20 bg-white> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classrelative mb-8> h2 classtext-3xl md:text-4xl font-black text-gray-900 text-center>Agenda Terdekat/h2> a hrefhttps://kogtik.com/activity classabsolute right-0 top-1/2 -translate-y-1/2 text-indigo-600 font-semibold hover:text-indigo-700>Lihat semua kegiatan/a> /div> div classrelative> div idactivityRow classflex gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth pb-2 px-1 no-scrollbar> a hrefhttps://kogtik.com/activity/28/detail classflex-none w-80 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-44 bg-gray-100> img srchttps://kogtik.com/assets/images/begron/defoult.png classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altKelas Menulis KBMN PGRI Gelombang 34 onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>AGENDA/span> /div> /div> div classp-6> div classtext-sm text-gray-500 mb-1>26 Desember 2025/div> h3 classtext-lg font-bold text-gray-900 mb-2 truncate>Kelas Menulis KBMN PGRI Gelombang 34/h3> div classtext-sm text-gray-600 truncate>i classfas fa-map-marker-alt mr-2>/i>Zoom Meeting/div> /div> /a> a hrefhttps://kogtik.com/activity/27/detail classflex-none w-80 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-44 bg-gray-100> img srchttps://kogtik.com/assets/images/begron/defoult.png classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altKelas Bicara PGRI onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>AGENDA/span> /div> /div> div classp-6> div classtext-sm text-gray-500 mb-1>24 Desember 2025/div> h3 classtext-lg font-bold text-gray-900 mb-2 truncate>Kelas Bicara PGRI/h3> div classtext-sm text-gray-600 truncate>i classfas fa-map-marker-alt mr-2>/i>Zoom Meeting/div> /div> /a> a hrefhttps://kogtik.com/activity/1/detail classflex-none w-80 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-44 bg-gray-100> img srchttps://kogtik.com/assets/images/begron/defoult.png classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altPleno dan Talkshow onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>AGENDA/span> /div> /div> div classp-6> div classtext-sm text-gray-500 mb-1>10 Desember 2025/div> h3 classtext-lg font-bold text-gray-900 mb-2 truncate>Pleno dan Talkshow/h3> div classtext-sm text-gray-600 truncate>i classfas fa-map-marker-alt mr-2>/i>Markaz, Mid Point, lantai 21. Jl. H. Fachrudin No.26 9, arat.9/5, KP Bali, Kec. Tanah Abang, Jakarta Pusat/div> /div> /a> a hrefhttps://kogtik.com/activity/2/detail classflex-none w-80 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-44 bg-gray-100> img srchttps://kogtik.com/assets/images/begron/defoult.png classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altTemu Penulis KBMN PGRI Keempat di Malang Jawa Timur onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>AGENDA/span> /div> /div> div classp-6> div classtext-sm text-gray-500 mb-1>21 Desember 2025/div> h3 classtext-lg font-bold text-gray-900 mb-2 truncate>Temu Penulis KBMN PGRI Keempat di Malang Jawa Timur/h3> div classtext-sm text-gray-600 truncate>i classfas fa-map-marker-alt mr-2>/i>BBGP Jawa Timur Kota Batu Malang/div> /div> /a> a hrefhttps://kogtik.com/activity/3/detail classflex-none w-80 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-44 bg-gray-100> img srchttps://kogtik.com/assets/images/begron/defoult.png classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altPelatihan Public Speaking onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>AGENDA/span> /div> /div> div classp-6> div classtext-sm text-gray-500 mb-1>11 Desember 2025/div> h3 classtext-lg font-bold text-gray-900 mb-2 truncate>Pelatihan Public Speaking/h3> div classtext-sm text-gray-600 truncate>i classfas fa-map-marker-alt mr-2>/i>Aula Utama/div> /div> /a> a hrefhttps://kogtik.com/activity/4/detail classflex-none w-80 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-44 bg-gray-100> img srchttps://kogtik.com/assets/images/begron/defoult.png classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altKompetisi Matematika onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>AGENDA/span> /div> /div> div classp-6> div classtext-sm text-gray-500 mb-1>15 Desember 2025/div> h3 classtext-lg font-bold text-gray-900 mb-2 truncate>Kompetisi Matematika/h3> div classtext-sm text-gray-600 truncate>i classfas fa-map-marker-alt mr-2>/i>Gedung B/div> /div> /a> /div> div classpointer-events-none absolute inset-y-0 left-0 flex items-center> button typebutton onclickscrollContainer(activityRow, -1) classpointer-events-auto w-10 h-10 rounded-full bg-white shadow-md text-gray-700 hover:bg-gray-100 flex items-center justify-center> i classfas fa-chevron-left>/i> /button> /div> div classpointer-events-none absolute inset-y-0 right-0 flex items-center> button typebutton onclickscrollContainer(activityRow, 1) classpointer-events-auto w-10 h-10 rounded-full bg-white shadow-md text-gray-700 hover:bg-gray-100 flex items-center justify-center> i classfas fa-chevron-right>/i> /button> /div> /div> /div> /section> !-- Berita Terkini --> section classpy-20 bg-gray-50> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classrelative mb-8> h2 classtext-3xl md:text-4xl font-black text-gray-900 text-center>Berita Terkini/h2> a hrefhttps://kogtik.com/news classabsolute right-0 top-1/2 -translate-y-1/2 text-indigo-600 font-semibold hover:text-indigo-700>Lihat semua berita/a> /div> div classrelative> div idnewsRow classflex gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth pb-2 px-1 no-scrollbar> a hrefhttps://kogtik.com/news/modul-ajar-informatika-smp-kelas-viii-kompetisi-desain-kartu-nama-digital-menggunakan-mit-app-inventor-2 classflex-none w-72 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-36 bg-gray-100> img srchttps://kogtik.com/storage/news/images/1769051898_697196faab51a.jpg classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altMODUL AJAR INFORMATIKA SMP KELAS VIII Kompetisi Desain Kartu Nama Digital Menggunakan MIT App Inventor 2 onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>BERITA/span> span classtext-xs px-3 py-1 rounded-full bg-blue-600 text-white font-semibold>NEW/span> /div> /div> div classp-5> div classtext-xs text-gray-500 mb-1>22 Januari 2026/div> h3 classtext-base font-bold text-gray-900 line-clamp-2>MODUL AJAR INFORMATIKA SMP KELAS VIII Kompetisi Desain Kartu Nama Digital Menggunakan MIT App Inventor 2/h3> /div> /a> a hrefhttps://kogtik.com/news/modul-ajar-informatika-smp-kelas-viii-tebak-komponen-menggunakan-aplikasi-berbasis-web-mit-app-inventor-2 classflex-none w-72 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-36 bg-gray-100> img srchttps://kogtik.com/storage/news/images/1769051134_697193fed6572.jpg classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altMODUL AJAR INFORMATIKA SMP KELAS VIII Tebak Komponen Menggunakan Aplikasi Berbasis Web MIT App Inventor 2 onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>BERITA/span> span classtext-xs px-3 py-1 rounded-full bg-blue-600 text-white font-semibold>NEW/span> /div> /div> div classp-5> div classtext-xs text-gray-500 mb-1>22 Januari 2026/div> h3 classtext-base font-bold text-gray-900 line-clamp-2>MODUL AJAR INFORMATIKA SMP KELAS VIII Tebak Komponen Menggunakan Aplikasi Berbasis Web MIT App Inventor 2/h3> /div> /a> a hrefhttps://kogtik.com/news/modul-ajar-informatika-smp-kelas-viii-mendesain-aplikasi-kartu-nama-digital-sederhana-menggunakan-mit-app-inventor-2 classflex-none w-72 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-36 bg-gray-100> img srchttps://kogtik.com/storage/news/images/1769043010_697174425072f.jpg classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altMODUL AJAR INFORMATIKA SMP KELAS VIII Mendesain Aplikasi Kartu Nama Digital Sederhana Menggunakan MIT App Inventor 2 onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>BERITA/span> span classtext-xs px-3 py-1 rounded-full bg-blue-600 text-white font-semibold>NEW/span> /div> /div> div classp-5> div classtext-xs text-gray-500 mb-1>22 Januari 2026/div> h3 classtext-base font-bold text-gray-900 line-clamp-2>MODUL AJAR INFORMATIKA SMP KELAS VIII Mendesain Aplikasi Kartu Nama Digital Sederhana Menggunakan MIT App Inventor 2/h3> /div> /a> a hrefhttps://kogtik.com/news/etika-digital-untuk-siswa-kelas-8-smp classflex-none w-72 bg-white rounded-3xl shadow-md hover:shadow-lg overflow-hidden group snap-start> div classrelative h-36 bg-gray-100> img srchttps://kogtik.com/storage/news/images/1768961003_697033eb1e891.jpg classw-full h-full object-cover transition-transform duration-300 group-hover:scale-1.02 altEtika Digital Untuk Siswa Kelas 8 SMP onerrorthis.onerrornull; this.srchttps://kogtik.com/assets/images/begron/defoult.png;> div classabsolute inset-0 bg-gradient-to-t from-black/40 to-transparent>/div> div classabsolute top-3 left-3 flex gap-2> span classtext-xs px-3 py-1 rounded-full bg-white/80 text-gray-800 font-semibold>BERITA/span> span classtext-xs px-3 py-1 rounded-full bg-blue-600 text-white font-semibold>NEW/span> /div> /div> div classp-5> div classtext-xs text-gray-500 mb-1>21 Januari 2026/div> h3 classtext-base font-bold text-gray-900 line-clamp-2>Etika Digital Untuk Siswa Kelas 8 SMP/h3> /div> /a> /div> div classpointer-events-none absolute inset-y-0 left-0 flex items-center> button typebutton onclickscrollContainer(newsRow, -1) classpointer-events-auto w-10 h-10 rounded-full bg-white shadow-md text-gray-700 hover:bg-gray-100 flex items-center justify-center> i classfas fa-chevron-left>/i> /button> /div> div classpointer-events-none absolute inset-y-0 right-0 flex items-center> button typebutton onclickscrollContainer(newsRow, 1) classpointer-events-auto w-10 h-10 rounded-full bg-white shadow-md text-gray-700 hover:bg-gray-100 flex items-center justify-center> i classfas fa-chevron-right>/i> /button> /div> /div> /div> /section> !-- Mitra KOGTIK --> section classpy-16 bg-gradient-to-br from-indigo-50 via-blue-50 to-sky-50 relative data-edit-dynamictrue> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10> div classrelative mb-8> h3 classtext-3xl font-black text-gray-900 text-center>Mitra KOGTIK/h3> a hrefhttps://kogtik.com/partners classabsolute right-0 top-1/2 -translate-y-1/2 text-indigo-600 hover:text-indigo-700>Lihat semua/a> /div> div classrelative> div idmitraSlider classflex justify-start w-full overflow-x-auto gap-6 snap-x snap-mandatory py-2 scroll-smooth pl-4 pr-4 no-scrollbar> a hrefhttps://www.microsoft.com target_blank classflex-none w-56 snap-start group> div classbg-white rounded-2xl p-4 border-2 border-indigo-100 hover:border-indigo-200 transition-all duration-300 hover:scale-1.02 shadow-sm hover:shadow-md> div classh-28 w-full flex items-center justify-center overflow-hidden rounded-xl bg-indigo-50> i classfas fa-building text-4xl text-indigo-400>/i> /div> div classmt-3 text-center> p classtext-sm font-semibold text-gray-900 truncate titleMicrosoft>Microsoft/p> p classtext-xs text-gray-500 truncate>Teknologi/p> /div> /div> /a> a hrefhttps://www.kemdikbud.go.id target_blank classflex-none w-56 snap-start group> div classbg-white rounded-2xl p-4 border-2 border-indigo-100 hover:border-indigo-200 transition-all duration-300 hover:scale-1.02 shadow-sm hover:shadow-md> div classh-28 w-full flex items-center justify-center overflow-hidden rounded-xl bg-indigo-50> img srchttps://kogtik.com/storage/mitras/1764746637_Logo Kemdikdasmen_bawah.png altLogo Kementerian Pendidikan, Dasar dan Menengah (Kemdikdasmen) classmax-h-24 object-contain onerrorthis.style.displaynone> /div> div classmt-3 text-center> p classtext-sm font-semibold text-gray-900 truncate titleKementerian Pendidikan, Dasar dan Menengah (Kemdikdasmen)>Kementerian Pendidikan, Dasar dan Menengah (Kemdikdasmen)/p> p classtext-xs text-gray-500 truncate>Pemerintah / Pendidikan/p> /div> /div> /a> a hrefhttps://pgri.or.id target_blank classflex-none w-56 snap-start group> div classbg-white rounded-2xl p-4 border-2 border-indigo-100 hover:border-indigo-200 transition-all duration-300 hover:scale-1.02 shadow-sm hover:shadow-md> div classh-28 w-full flex items-center justify-center overflow-hidden rounded-xl bg-indigo-50> img srchttps://kogtik.com/storage/mitras/1764746674_logo pgri.jpg altLogo PGRI (Persatuan Guru Republik Indonesia) classmax-h-24 object-contain onerrorthis.style.displaynone> /div> div classmt-3 text-center> p classtext-sm font-semibold text-gray-900 truncate titlePGRI (Persatuan Guru Republik Indonesia)>PGRI (Persatuan Guru Republik Indonesia)/p> p classtext-xs text-gray-500 truncate>Organisasi Profesi/p> /div> /div> /a> a hrefhttps://paud.kemdikbud.go.id target_blank classflex-none w-56 snap-start group> div classbg-white rounded-2xl p-4 border-2 border-indigo-100 hover:border-indigo-200 transition-all duration-300 hover:scale-1.02 shadow-sm hover:shadow-md> div classh-28 w-full flex items-center justify-center overflow-hidden rounded-xl bg-indigo-50> i classfas fa-building text-4xl text-indigo-400>/i> /div> div classmt-3 text-center> p classtext-sm font-semibold text-gray-900 truncate titlePP PAUD dan Dikmas (PPPAUD)>PP PAUD dan Dikmas (PPPAUD)/p> p classtext-xs text-gray-500 truncate>Pemerintah / Pendidikan/p> /div> /div> /a> a hrefhttps://pgri.or.id target_blank classflex-none w-56 snap-start group> div classbg-white rounded-2xl p-4 border-2 border-indigo-100 hover:border-indigo-200 transition-all duration-300 hover:scale-1.02 shadow-sm hover:shadow-md> div classh-28 w-full flex items-center justify-center overflow-hidden rounded-xl bg-indigo-50> i classfas fa-building text-4xl text-indigo-400>/i> /div> div classmt-3 text-center> p classtext-sm font-semibold text-gray-900 truncate titleAPKS PGRI (Asosiasi Profesi dan Keahlian Sejenis PGRI)>APKS PGRI (Asosiasi Profesi dan Keahlian Sejenis PGRI)/p> p classtext-xs text-gray-500 truncate>Organisasi Profesi/p> /div> /div> /a> a hrefhttp://www.slccpgrijateng.org/ target_blank classflex-none w-56 snap-start group> div classbg-white rounded-2xl p-4 border-2 border-indigo-100 hover:border-indigo-200 transition-all duration-300 hover:scale-1.02 shadow-sm hover:shadow-md> div classh-28 w-full flex items-center justify-center overflow-hidden rounded-xl bg-indigo-50> i classfas fa-building text-4xl text-indigo-400>/i> /div> div classmt-3 text-center> p classtext-sm font-semibold text-gray-900 truncate titleSLCC PGRI (Smart Learning & Character Center)>SLCC PGRI (Smart Learning & Character Center)/p> p classtext-xs text-gray-500 truncate>Pelatihan / Pendidikan/p> /div> /div> /a> /div> div classpointer-events-none absolute inset-y-0 left-0 flex items-center> button typebutton onclickscrollContainer(mitraSlider, -1) classpointer-events-auto w-10 h-10 rounded-full bg-white shadow-md text-indigo-700 hover:bg-indigo-50 ring-1 ring-indigo-200 flex items-center justify-center> i classfas fa-chevron-left>/i> /button> /div> div classpointer-events-none absolute inset-y-0 right-0 flex items-center> button typebutton onclickscrollContainer(mitraSlider, 1) classpointer-events-auto w-10 h-10 rounded-full bg-white shadow-md text-indigo-700 hover:bg-indigo-50 ring-1 ring-indigo-200 flex items-center justify-center> i classfas fa-chevron-right>/i> /button> /div> /div> /div> /section> !-- Keanggotaan --> section classpy-20 bg-white> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classtext-center mb-10> h2 classtext-3xl md:text-4xl font-black text-gray-900>Keanggotaan KOGTIK/h2> p classtext-gray-600>Manfaat menjadi bagian dari jaringan guru TIK & Informatika/p> /div> div classgrid grid-cols-1 md:grid-cols-3 gap-8 mb-10> div classbg-gray-50 rounded-3xl p-8> div classw-12 h-12 rounded-2xl bg-indigo-100 text-indigo-600 flex items-center justify-center mb-4> i classfas fa-network-wired>/i> /div> h3 classtext-lg font-bold mb-2>Jejaring Nasional/h3> p classtext-gray-600>Terhubung dengan guru dari berbagai daerah untuk kolaborasi dan berbagi praktik./p> /div> div classbg-gray-50 rounded-3xl p-8> div classw-12 h-12 rounded-2xl bg-blue-100 text-blue-600 flex items-center justify-center mb-4> i classfas fa-graduation-cap>/i> /div> h3 classtext-lg font-bold mb-2>Pengembangan Kompetensi/h3> p classtext-gray-600>Akses pelatihan, materi kurikulum, dan pendampingan untuk penguatan pembelajaran./p> /div> div classbg-gray-50 rounded-3xl p-8> div classw-12 h-12 rounded-2xl bg-teal-100 text-teal-600 flex items-center justify-center mb-4> i classfas fa-award>/i> /div> h3 classtext-lg font-bold mb-2>Pengakuan & Sertifikat/h3> p classtext-gray-600>Sertifikat kegiatan dan penghargaan untuk kontribusi dalam pengembangan ekosistem./p> /div> /div> div classtext-center> a hrefhttps://kogtik.com/auth/register classinline-flex items-center px-8 py-4 rounded-2xl bg-indigo-600 text-white font-semibold shadow-lg hover:bg-indigo-700> i classfas fa-user-plus mr-3>/i> Daftar Anggota KOGTIK /a> /div> /div> /section>style>.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }.no-scrollbar::-webkit-scrollbar { width: 0; height: 0; background: transparent; }.home-typography h1, .home-typography h2, .home-typography h3, .home-typography h4 { font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; font-weight: 700;}.home-typography, .home-typography p, .home-typography a, .home-typography span, .home-typography div { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}.home-typography .section-lead { font-weight: 500; }/style> !-- Fitur Utama Platform --> section classpy-24 bg-white relative overflow-hidden> div classabsolute inset-0 opacity-5> div classabsolute inset-0 stylebackground-image: radial-gradient(circle at 2px 2px, #7c3aed 1px, transparent 0); background-size: 40px 40px;>/div> /div> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10> div classtext-center mb-20> div classinline-flex items-center px-6 py-3 bg-gradient-to-r from-#7c3aed/10 to-#3b82f6/10 rounded-2xl mb-6 backdrop-blur-sm border border-#7c3aed/30> div classw-2 h-2 bg-#7c3aed rounded-full mr-3 animate-pulse>/div> span classtext-#7c3aed font-semibold tracking-wide>FITUR KEANGGOTAAN KOGTIK/span> /div> h2 classtext-5xl sm:text-6xl font-black text-gray-900 mb-6 leading-tight> span classtext-gray-900>Manajemen Keanggotaan/span> span classtext-#7c3aed> Modern & Terintegrasi/span> /h2> p classtext-xl text-gray-700 max-w-3xl mx-auto leading-relaxed> Semua kebutuhan pengelolaan keanggotaan KOGTIK dalam satu platform /p> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8> !-- Fitur 1: Pendaftaran Digital --> div classgroup bg-gradient-to-br from-white to-indigo-50 rounded-3xl p-8 border-2 border-gray-200 hover:border-#7c3aed transition-all duration-500 transform hover:-translate-y-1 shadow-lg hover:shadow-xl> div classinline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-#7c3aed to-#3b82f6 rounded-3xl mb-6 group-hover:from-#6d28d9 group-hover:to-#2563eb transition-all duration-500 transform hover:-translate-y-1 shadow-lg group-hover:shadow-indigo-500/40> i classfas fa-user-check text-3xl text-white>/i> /div> h3 classtext-2xl font-black text-gray-900 mb-4 group-hover:text-#7c3aed transition-colors duration-300>Pendaftaran Anggota Digital/h3> p classtext-gray-700 text-lg leading-relaxed mb-4> Pendaftaran anggota KOGTIK yang mudah dan cepat. Proses verifikasi sederhana dan tercatat secara digital. /p> ul classtext-sm text-gray-600 space-y-2> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Form pendaftaran otomatis /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Validasi data real-time /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Tracking status pendaftaran /li> /ul> /div> !-- Fitur 2: Manajemen Peserta & Panitia --> div classgroup bg-gradient-to-br from-white to-indigo-50 rounded-3xl p-8 border-2 border-gray-200 hover:border-#7c3aed transition-all duration-500 transform hover:-translate-y-1 shadow-lg hover:shadow-xl> div classinline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-#7c3aed to-#3b82f6 rounded-3xl mb-6 group-hover:from-#6d28d9 group-hover:to-#2563eb transition-all duration-500 transform hover:-translate-y-1 shadow-lg group-hover:shadow-indigo-500/40> i classfas fa-users-cog text-3xl text-white>/i> /div> h3 classtext-2xl font-black text-gray-900 mb-4 group-hover:text-#7c3aed transition-colors duration-300>Basis Data Anggota & Pengurus/h3> p classtext-gray-700 text-lg leading-relaxed mb-4> Kelola anggota dan pengurus dalam satu sistem terpusat. Import/Export data, pencarian cepat, dan pengaturan peran. /p> ul classtext-sm text-gray-600 space-y-2> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Manajemen database peserta /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Penugasan panitia event /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Import/Export Excel /li> /ul> /div> !-- Fitur 3: Kartu Peserta Digital --> div classgroup bg-gradient-to-br from-white to-indigo-50 rounded-3xl p-8 border-2 border-gray-200 hover:border-#7c3aed transition-all duration-500 transform hover:-translate-y-1 shadow-lg hover:shadow-xl> div classinline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-#7c3aed to-#3b82f6 rounded-3xl mb-6 group-hover:from-#6d28d9 group-hover:to-#2563eb transition-all duration-500 transform hover:-translate-y-1 shadow-lg group-hover:shadow-indigo-500/40> i classfas fa-id-card text-3xl text-white>/i> /div> h3 classtext-2xl font-black text-gray-900 mb-4 group-hover:text-#7c3aed transition-colors duration-300>Kartu Anggota Digital/h3> p classtext-gray-700 text-lg leading-relaxed mb-4> Kartu anggota digital dengan QR code. Desain fleksibel, siap cetak, dan mudah diakses. /p> ul classtext-sm text-gray-600 space-y-2> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> QR Code untuk absensi /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Desain customizable /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Print batch atau individual /li> /ul> /div> !-- Fitur 4: Sertifikat Digital --> div classgroup bg-gradient-to-br from-white to-indigo-50 rounded-3xl p-8 border-2 border-gray-200 hover:border-#7c3aed transition-all duration-500 transform hover:-translate-y-1 shadow-lg hover:shadow-xl> div classinline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-#7c3aed to-#3b82f6 rounded-3xl mb-6 group-hover:from-#6d28d9 group-hover:to-#2563eb transition-all duration-500 transform hover:-translate-y-1 shadow-lg group-hover:shadow-indigo-500/40> i classfas fa-certificate text-3xl text-white>/i> /div> h3 classtext-2xl font-black text-gray-900 mb-4 group-hover:text-#7c3aed transition-colors duration-300>Sertifikat & Penghargaan/h3> p classtext-gray-700 text-lg leading-relaxed mb-4> Sertifikat kegiatan untuk anggota serta penghargaan atas kontribusi. Verifikasi digital dan pengiriman otomatis. /p> ul classtext-sm text-gray-600 space-y-2> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Generate otomatis /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Desain profesional /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Verifikasi digital /li> /ul> /div> !-- Fitur 5: Sistem Absensi Digital --> div classgroup bg-gradient-to-br from-white to-indigo-50 rounded-3xl p-8 border-2 border-gray-200 hover:border-#7c3aed transition-all duration-500 transform hover:-translate-y-1 shadow-lg hover:shadow-xl> div classinline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-#7c3aed to-#3b82f6 rounded-3xl mb-6 group-hover:from-#6d28d9 group-hover:to-#2563eb transition-all duration-500 transform hover:-translate-y-1 shadow-lg group-hover:shadow-indigo-500/40> i classfas fa-qrcode text-3xl text-white>/i> /div> h3 classtext-2xl font-black text-gray-900 mb-4 group-hover:text-#7c3aed transition-colors duration-300>Partisipasi & Kehadiran Anggota/h3> p classtext-gray-700 text-lg leading-relaxed mb-4> Pencatatan kehadiran dan partisipasi anggota dalam kegiatan KOGTIK dengan QR code atau manual. /p> ul classtext-sm text-gray-600 space-y-2> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Scan QR Code /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Realtime tracking /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Export laporan absensi /li> /ul> /div> !-- Fitur 6: Semua Ter-record Digital --> div classgroup bg-gradient-to-br from-white to-indigo-50 rounded-3xl p-8 border-2 border-gray-200 hover:border-#7c3aed transition-all duration-500 transform hover:-translate-y-1 shadow-lg hover:shadow-xl> div classinline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-#7c3aed to-#3b82f6 rounded-3xl mb-6 group-hover:from-#6d28d9 group-hover:to-#2563eb transition-all duration-500 transform hover:-translate-y-1 shadow-lg group-hover:shadow-indigo-500/40> i classfas fa-database text-3xl text-white>/i> /div> h3 classtext-2xl font-black text-gray-900 mb-4 group-hover:text-#7c3aed transition-colors duration-300>Riwayat & Dokumentasi Anggota/h3> p classtext-gray-700 text-lg leading-relaxed mb-4> Riwayat keanggotaan, kegiatan, pelatihan, dan kontribusi tercatat digital. Data aman dan mudah diakses. /p> ul classtext-sm text-gray-600 space-y-2> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> History lengkap /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Backup otomatis /li> li classflex items-center> i classfas fa-check-circle text-#7c3aed mr-2>/i> Analytics & reporting /li> /ul> /div> /div> /div> /section>/div> /main> div classmt-auto> footer classfooter-gradient relative overflow-hidden text-white py-12 w-full data-edit-scopeglobal-footer> !-- Curved top wave to match About hero --> svg classabsolute top-0 left-0 w-full h-16 viewBox0 0 1440 80 preserveAspectRationone xmlnshttp://www.w3.org/2000/svg> path dM0,16 C240,48 360,32 720,16 C1080,0 1200,32 1440,64 L1440,0 L0,0 Z fill#ffffff>/path> /svg> div classcontainer-fluid> !-- Top Content Row - 3 Columns --> div classgrid grid-cols-1 md:grid-cols-3 gap-8 mb-8> !-- Column 1: Company Information --> div classflex flex-col> !-- Logo and Company Name --> div classflex items-center mb-4> div classfooter-logo contenteditablefalse> img srchttps://kogtik.com/assets/images/logo_1764602949.png altKOGTIK Logo classfooter-logo-img contenteditablefalse onerrorthis.style.displaynone; this.nextElementSibling.style.displayflex;> div classfooter-logo-placeholder styledisplay: none;> span classtext-2xl font-bold>KOGT/span> /div> /div> div classml-4> h3 classtext-2xl font-bold mb-0 data-edit-keyfooter-company-name>KOGTIK/h3> p classtext-sm mt-0 data-edit-keyfooter-company-tagline>Technology Solutions/p> /div> /div> !-- Description --> p classtext-sm mb-6 text-gray-200 leading-relaxed data-edit-keyfooter-description> Solusi teknologi terpadu untuk mengembangkan bisnis Anda dengan layanan pembuatan website, aplikasi mobile, sistem informasi, dan game edukasi yang inovatif. /p> !-- Social Media Icons --> div classflex space-x-3> a href# classfooter-social-icon footer-social-facebook aria-labelFacebook contenteditablefalse> i classfab fa-facebook-f contenteditablefalse>/i> /a> a href# classfooter-social-icon footer-social-twitter aria-labelTwitter contenteditablefalse> i classfab fa-twitter contenteditablefalse>/i> /a> a href# classfooter-social-icon footer-social-youtube aria-labelYouTube contenteditablefalse> i classfab fa-youtube contenteditablefalse>/i> /a> a href# classfooter-social-icon footer-social-instagram aria-labelInstagram contenteditablefalse> i classfab fa-instagram contenteditablefalse>/i> /a> /div> /div> !-- Column 2: Layanan Kami --> div classtext-center md:text-left> h4 classtext-xl font-bold mb-4 data-edit-keyfooter-services-title>Layanan Kami/h4> ul classspace-y-2> li> a href# classfooter-link data-edit-keyfooter-services-website>Pembuatan Website/a> /li> li> a href# classfooter-link data-edit-keyfooter-services-mobile>Aplikasi Mobile/a> /li> li> a href# classfooter-link data-edit-keyfooter-services-information-system>Sistem Informasi/a> /li> li> a href# classfooter-link data-edit-keyfooter-services-edu-game>Game Edukasi/a> /li> li> a href# classfooter-link data-edit-keyfooter-services-it-consulting>Konsultasi IT/a> /li> /ul> /div> !-- Column 3: Kontak Kami --> div classtext-right md:text-right> h4 classtext-xl font-bold mb-4 data-edit-keyfooter-contact-title>Kontak Kami/h4> ul classspace-y-3> li classflex items-center justify-end> span classfooter-contact-text data-edit-keyfooter-contact-address>Jl. Pendidikan No. 123, Jakarta Selatan, Indonesia/span> i classfas fa-map-marker-alt footer-contact-icon ml-2 contenteditablefalse>/i> /li> li classflex items-center justify-end> span classfooter-contact-text data-edit-keyfooter-contact-phone>(021) 1234-5678/span> i classfas fa-phone footer-contact-icon ml-2 contenteditablefalse>/i> /li> li classflex items-center justify-end> span classfooter-contact-text data-edit-keyfooter-contact-email>info@sekolahunggulan.sch.id/span> i classfas fa-envelope footer-contact-icon ml-2 contenteditablefalse>/i> /li> li classflex items-center justify-end> span classfooter-contact-text data-edit-keyfooter-contact-website>www.adzkiatekno.com/span> i classfas fa-globe footer-contact-icon ml-2 contenteditablefalse>/i> /li> /ul> /div> /div> !-- Divider --> hr classborder-t border-gray-400 border-opacity-30 my-6> !-- Copyright --> div classtext-center> p classtext-sm data-edit-keyfooter-copyright>© 2025 ADZKIATEKNO. All rights reserved. Powered by Innovation./p> /div> /div>/footer> /div> /div> !-- Scripts --> script srchttps://kogtik.com/js/app.js>/script> script srchttps://kogtik.com/js/modal-hooks.js>/script> script srchttps://kogtik.com/js/navbar.js>/script> script srchttps://kogtik.com/js/qr-scanner.js>/script> !-- Edit Mode Toolbar --> div ideditModeToolbar> div classpanel> label foreditColorPicker>Warna teks/label> input typecolor ideditColorPicker value#111827 /> button typebutton onclicksaveCurrentEditable()>Simpan/button> button typebutton onclickdisableEditMode()>Matikan Mode Edit/button> span ideditStatusMessage stylemargin-left:10px;font-size:12px;opacity:.9>/span> /div> /div> script>window.editModeAllowedOnThisPagetrue;/script> script srchttps://kogtik.com/js/edit-mode.js>/script> script srchttps://kogtik.com/js/home.js>/script>/body>/html>
Subdomains
Date
Domain
IP
www.kogtik.com
2014-08-09
91.206.200.87
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]