BootComponent
My Components
New Component
Edit Component
Run
Save
HTML
CSS
JS
<!-- ============ HERO 1: Classic Centered ============ --> <section class="hero1 text-center"> <div class="container"> <span class="badge bg-primary-subtle text-primary mb-3 px-3 py-2 rounded-pill">🚀 Baru rilis v2.0</span> <h1 class="display-4 fw-bold mb-3">Bangun Website Lebih Cepat<br>Tanpa Ribet</h1> <p class="lead text-muted col-lg-7 mx-auto mb-4"> Platform all-in-one untuk membangun, mengelola, dan mengembangkan website bisnis Anda — cocok untuk UMKM dan sekolah. </p> <div class="d-flex justify-content-center gap-3"> <a href="#" class="btn btn-primary btn-lg px-4">Mulai Gratis</a> <a href="#" class="btn btn-outline-secondary btn-lg px-4">Lihat Demo</a> </div> </div> </section>
/* Hero 1: Classic centered */ .hero1 { background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%); padding: 100px 0; }
// Add JavaScript here
Live Preview