Bootstrap 5 Call to Action by Editorial Staff Output View Horizontal Vertical HTML CSS JS Tidy <div class="mlc23" style="background-image:url(https://images.unsplash.com/photo-1523289333742-be1143f6b766?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-repeat:no-repeat"> <div class="container"> <!-- Row --> <div class="row justify-content-center"> <div class="col-lg-6 col-md-7 text-center both-space"> <div class="card bg-info-gradiant"> <div class="card-body"> <div class="text-box"> <h5 class="mb-3 text-white font-italic">Machine Learning Crash Course</h5> <h6 class="subtitle font-weight-normal text-white op-5">practical introduction to machine learning, featuring a series of lessons with video lectures, real-world case studies, and hands-on practice exercises.</h6> <a class="btn bg-white rounded-pill btn-md mt-3" href="#"><span>Enroll Now </span></a> </div> </div> </div> </div> <!-- Column --> </div> </div> </div> HTML CSS JS Tidy @import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500); .mlc23 { font-family: "Montserrat", sans-serif; color: #8d97ad; font-weight: 300; } .mlc23 h1, .mlc23 h2, .mlc23 h3, .mlc23 h4, .mlc23 h5, .mlc23 h6 { color: #3e4555; } .mlc23 .subtitle { line-height: 24px; } .mlc23 .bg-info-gradiant { background: linear-gradient(to right, #7ca3a3 0%, #30483f 100%);or: #3e4555; } .mlc23 .both-space { margin: 80px 0; } .mlc23 .btn-md { padding: 15px 45px; font-size: 16px; } .mlc23.text-box { padding: 30px 20px; } .mlc23 .op-5 { opacity: 0.5; } HTML CSS JS Tidy >_Console Clear Console >_Console File Setting HTML Code Playground Setting Title Description Bootstrap 5 Call to Action hero section snippet. feature banner with call to action button. Catagory Bootstrap Tags Call To Action CSS Button CSS Card Resource Add External Stylesheets and Script <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" /> <script src= "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"> </script>
