"https://www.templatemonster.com/demo/64361.html"
Bootstrap 4.0.0 Snippet by jeevan123456

<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="container"> <div class="row"> <div class="col-md-12"> text </div> </div> </div> <section class="bg-blue py-5 text-secondary"> <div class="container py-5"> <div class="row"> <div class="col-md-4"> <div class="row mb-3"> <div class="col-md-12"> <h4 class="text-white">About</h4> </div> </div> <div class="row mb-3"> <div class="col-md-12"> <p>We love extreme sports, racing, cars, bikes and everything that can be called ‘adrenaline’! </p> <p>We are looking forward joining new adrenalin-addicts, extreme people and daredevils to our community! We’ve made a great work to share with you our thoughts, crazy photos and interviews with xtreme legends! </p> </div> </div> </div> <div class="col-md-4"> <div class="row mb-3"> <div class="col-md-12"> <h4 class="text-white">Recent Post</h4> </div> </div> <div class="row mb-3"> <div class="row mb-3"> <div class="col-md-4 m-0 p-0"> <img src="https://ld-wp.template-help.com/wordpress_64361_v1/wp-content/uploads/2017/06/post_18-774x365.jpg"> </div> <div class="col-md-8"> <a href="#" class="text-white"><h6>What to take on the Underground Railroad Bike Trail</h6></a> <a href="#"><secondary>by admin on 13 June 2017</secondary></a> </div> </div> <div class="row mb-3"> <div class="col-md-4 m-0 p-0"> <img src="https://ld-wp.template-help.com/wordpress_64361_v1/wp-content/uploads/2017/06/post_18-774x365.jpg"> </div> <div class="col-md-8"> <a href="#" class="text-white"><h6>What to take on the Underground Railroad Bike Trail</h6></a> <a href="#"><secondary>by admin on 13 June 2017</secondary></a> </div> </div> <div class="row mb-3"> <div class="col-md-4 m-0 p-0"> <img src="https://ld-wp.template-help.com/wordpress_64361_v1/wp-content/uploads/2017/06/post_18-774x365.jpg"> </div> <div class="col-md-8"> <a href="#" class="text-white"><h6>What to take on the Underground Railroad Bike Trail</h6></a> <a href="#"><secondary>by admin on 13 June 2017</secondary></a> </div> </div> </div> </div> <div class="col-md-4"> <div class="row mb-3"> <div class="col-md-12"> <h4 class="text-white">Newsletter</h4> </div> </div> <div class="row mb-3"> <div class="col-md-12"> <p>Subscribe to receive the hottest news about extreme racing and our blog updates!</p> <input type="email" class="form-control mb-3" id="email" placeholder="Enter Email Address"> <button type="button" class="btn btn-orange btn-block ">SUBSCRIBE !</button> </div> </div> </div> </div> </div> </section>
img {width:100%;} .bg-blue {background:#15151e;} .btn-orange {background:#ff4f1e;color:#fff!important;} .btn-orange:hover {background:#fff;color:#ff4f1e!important;}

Related: See More


Questions / Comments: