"basic static banner"
Bootstrap 4.0.0 Snippet by SANTANU CHOWDHURY

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="banner" style="background-image:url('https://via.placeholder.com/1349x600');"> <div class="overlay"></div> <div class="content"> <div class="container"> <div class="col-md-8"> <h2>RAJ ENGINEERING VIBRATORS</h2> <p>We are supplier of Construction Vibrator, Construction Rammer, Concrete Mixer, Mini Lift, Steel Bar Cutter, Material Handling Equipment, Lab Testing Equipment and others.</p> <a href="#" class="btn btn-primary">Our Products</a> </div> </div> </div> </div>
.banner { padding-top: 110px; padding-bottom: 110px; background-position: center center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; position: relative; overflow: hidden; } .banner .content h2 { font-size: 60px; font-weight: 700; margin-bottom: 20px; letter-spacing: 1.6px; line-height: 1.2; } .banner .content p { font-family: 'Roboto', sans-serif; font-weight: 400; margin-bottom: 30px; font-size: 19px; line-height: 1.5; }

Related: See More


Questions / Comments: