BootComponent
My Components
New Component
Edit Component
Run
Save
HTML
CSS
JS
<section class="hero3"> <div class="container"> <div class="row align-items-center g-5"> <div class="col-lg-6"> <span class="text-primary fw-semibold text-uppercase small">Automasi n8n</span> <h1 class="display-5 fw-bold mt-2 mb-3">Otomatiskan Workflow Bisnis Anda</h1> <p class="text-muted mb-4 fs-5"> Hubungkan WhatsApp, Facebook, dan database Anda dalam satu alur kerja otomatis tanpa perlu coding rumit. </p> <a href="#" class="btn btn-dark btn-lg px-4 me-2">Konsultasi Gratis</a> <a href="#" class="btn btn-link btn-lg px-2">Pelajari lebih lanjut <i class="fa-solid fa-arrow-right ms-1"></i></a> </div> <div class="col-lg-6"> <img src="https://placehold.co/600x420/e9ecef/495057?text=Ilustrasi+Produk" class="img-fluid w-100" alt="ilustrasi"> </div> </div> </div> </section>
/* Add custom CSS here *//* Hero 3: Split image */ .hero3 { padding: 90px 0; background: #fff; } .hero3 img { border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,0.12); }
// Add JavaScript here
Live Preview