BootComponent
My Components
New Component
Edit Component
Run
Save
HTML
CSS
JS
<section class="hero2"> <div class="container text-center"> <h1 class="display-3 fw-bold mb-3">Direktori Bisnis Batam</h1> <p class="lead col-lg-6 mx-auto mb-4 opacity-75"> Temukan dan promosikan UMKM lokal Anda di satu tempat. Daftar sekarang dan jangkau lebih banyak pelanggan. </p> <a href="#" class="btn btn-light btn-lg px-4 me-2">Daftar Bisnis</a> <a href="#" class="btn btn-outline-light btn-lg px-4">Jelajahi Kategori</a> </div> </section>
/* Add custom CSS here */ /* Hero 2: Bold gradient */ .hero2 { background: linear-gradient(135deg, #6610f2 0%, #6f42c1 50%, #d63384 100%); padding: 110px 0; color: #fff; } .hero2 .btn-light { font-weight: 600; }
// Add JavaScript here
Live Preview