EDUTRANS.ID | Inspire, Transform & Entertain https://cdn.tailwindcss.com tailwind.config = { theme: { extend: { fontFamily: { display: [‘Cormorant Garamond’, ‘Georgia’, ‘serif’], body: [‘Sora’, ‘system-ui’, ‘sans-serif’], }, colors: { brand: { dark: ‘#060B18’, navy: ‘#0B1120’, deep: ‘#0F172A’, slate: ‘#1E293B’, blue: ‘#2563EB’, cyan: ‘#06B6D4’, sky: ‘#0EA5E9’, ice: ‘#22D3EE’, light: ‘#38BDF8’, } }, animation: { ‘pulse-slow’: ‘pulse 6s cubic-bezier(0.4, 0, 0.6, 1) infinite’, ‘float’: ‘float 5s ease-in-out infinite’, ‘float-delay’: ‘float 5s ease-in-out 1.5s infinite’, ‘sweep’: ‘sweep 8s ease-in-out infinite’, ‘fade-up’: ‘fadeUp 1s ease both’, ‘fade-up-1’: ‘fadeUp 1s ease 0.1s both’, ‘fade-up-2’: ‘fadeUp 1s ease 0.2s both’, ‘fade-up-3’: ‘fadeUp 1s ease 0.3s both’, ‘fade-up-4’: ‘fadeUp 1s ease 0.4s both’, ‘fade-up-5’: ‘fadeUp 1s ease 0.5s both’, ‘fade-up-6’: ‘fadeUp 1s ease 0.6s both’, ‘shimmer’: ‘shimmer 6s ease infinite’, }, keyframes: { float: { ‘0%, 100%’: { transform: ‘translateY(0)’ }, ‘50%’: { transform: ‘translateY(-10px)’ }, }, sweep: { ‘0%, 100%’: { transform: ‘translateX(-100%)’, opacity: ‘0.3’ }, ‘50%’: { transform: ‘translateX(100%)’, opacity: ‘0.8’ }, }, fadeUp: { ‘from’: { opacity: ‘0’, transform: ‘translateY(40px)’, filter: ‘blur(4px)’ }, ‘to’: { opacity: ‘1’, transform: ‘translateY(0)’, filter: ‘blur(0)’ }, }, shimmer: { ‘0%’: { backgroundPosition: ‘-200% center’ }, ‘100%’: { backgroundPosition: ‘200% center’ }, }, } } } } body { background-color: #060B18; color: #F8FAFC; } .glass { background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.06); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .glass:hover { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.12); transform: translateY(-6px); box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 0 80px rgba(37,99,235,0.05); } .glass-subtle { background: rgba(255, 255, 255, 0.015); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.04); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .glass-subtle:hover { background: rgba(255, 255, 255, 0.04); border-color: rgba(37,99,235,0.15); } .gradient-text { background: linear-gradient(135deg, #ffffff 30%, #22D3EE 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .gradient-text-blue { background: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .shimmer-text { background: linear-gradient(90deg, #fff 40%, #22D3EE 50%, #fff 60%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmer 5s ease infinite; } .img-premium { filter: brightness(0.9) contrast(1.06) saturate(0.95); transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); } .img-premium:hover { filter: brightness(1.02) contrast(1.08) saturate(1.05); transform: scale(1.03); } .mesh-bg { background-image: radial-gradient(ellipse 80% 50% at 20% 20%, rgba(37,99,235,0.08) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(6,182,212,0.06) 0%, transparent 50%), radial-gradient(ellipse 50% 50% at 50% 50%, rgba(15,23,42,0.5) 0%, transparent 70%); } .line-accent::before { content: ”; display: block; width: 40px; height: 2px; background: linear-gradient(90deg, #2563EB, #06B6D4); margin-bottom: 1.5rem; } .quote-mark::before { content: ‘\201C’; font-family: ‘Cormorant Garamond’, serif; font-size: 5rem; line-height: 1; position: absolute; top: -0.5rem; left: 0; color: rgba(37,99,235,0.12); } .bento { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1.25rem; } @media (max-width: 768px) { .bento { grid-template-columns: 1fr; gap: 1rem; } .bento > * { grid-column: span 1 !important; } } .nav-blur { backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); } .top-line { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #2563EB, #06B6D4); z-index: 100; box-shadow: 0 0 20px rgba(37,99,235,0.5); }

EDUTRANS.ID

Home About Services Blog Testimoni Contact

Hubungi Kami

PT. Transformasi Pendidikan Indonesia

Inspire,
Transform
& Entertain

Selamat datang di EDUTRANS.ID, sebuah lembaga training soft skills profesional didirikan dan dikelola oleh Dr. Hendi Pratama.

Our Products Undang Dr. Hendi

Customized Training

Pelatihan yang Transformatif

Pendidikan yang transformatif dan entertaining bisa diaplikasikan pada lembaga pendidikan dan non-pendidikan. Bersama EDUTRANS.ID, anda bisa mendesain secara khusus pelatihan untuk audiens besar maupun untuk audiens yang bersifat customized. Kami akan membantu anda menentukan jenis pelatihan apa yang cocok dengan kebutuhan anda.

Certified & Award-Winning

Dr. Hendi Pratama adalah trainer yang memiliki pengalaman kepemimpinan tingkat nasional dan internasional. Soft skills yang dilatihkan berasal dari pengalamannya yang begitu beragam dan komprehensif. Dr. Hendi pernah menjadi Wakil Rektor PTN di Indonesia dan mengelola project international yang dibiayai oleh Islamic Development Bank Jeddah.

Apa yang Kami Lakukan

Tiga pilar yang menjadi fondasi setiap program EDUTRANS.ID

To Inspire

Pelatihan yang menginspirasi adalah pelatihan yang mampu mengubah mindset peserta pelatihan. Mindset adalah bahan bakar terpenting untuk mendongkrak kinerja individu maupun organisasi.

To Transform

Transformasi adalah perubahan permanen yang diharapkan terwujud setelah pelatihan dan seminar. Transformasi yang baik adalah transformasi yang realistis dan terukur.

To Entertain

Training yang kami adakan tidak pernah membosankan. Semua pelatihan kami menggabungkan temuan riset terbaru dan teknik-teknik team building yang selalu fresh bagi peserta.

Tema dan Portfolio Kami

Latest Updates