<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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">
<div class="site-title">
<h3>Site-title h3</h3>
</div>
</div>
</div>
<div class="row ">
<div class="col-md-8">
<div class="card-box-view body-padding-15">
<h3>h3 Bootstrap heading (24px)</h3>
<h4>h4 Bootstrap heading (18px)</h4>
<p>It’s no secret that the digital industry is booming. From exciting startups to global brands, out to digital agencies, responding to the new possibilities available. However, the industry overcrowded, heaving with agencies offering similar services — on the surface, at least. projects is the key to standing out. Unique side projects are the best place to innovate, but creatively lucrative work is tricky. So, this article looks at …</p>
</div>
</div>
<div class="col-md-4 card-box-view">
<h3>h3 Bootstrap heading (24px)</h3>
<h4>h4 Bootstrap heading (18px)</h4>
<p>It’s no secret that the digital industry is booming. From exciting startups to global brands, out to digital agencies, responding to the new possibilities available. However, the industry overcrowded, heaving with agencies offering similar services — on the surface, at least. projects is the key to standing out. Unique side projects are the best place to innovate, but creatively lucrative work is tricky. So, this article looks at …</p>
</div>
</div>
</div>
body {background:#e2e2e2;}
.card-box-view {background:#fff;border:1px solid #d6d6d6;margin-bottom:15px;}
.body-padding-15 {padding:15px;}
container
row
column
card-box-view
card-padding
& then type content here