<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>