<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 ---------->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<div class="Financial_part">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="Financial_img">
<img src="http://jpdesignstudio.co.in/assets/img/lady.png" class="img-responsive">
</div>
</div>
<div class="col-md-8">
<div class="Financial_sect">
<div class="row">
<div class="col-md-4">
<div class="Financial-box">
<img src="http://jpdesignstudio.co.in/assets/img/investment.png">
<h3>Financial Planning ?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="col-md-4">
<div class="Financial-box">
<img src="http://jpdesignstudio.co.in/assets/img/investment.png">
<h3>Financial Importance</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="col-md-4">
<div class="Financial-box">
<img src="http://jpdesignstudio.co.in/assets/img/investment.png">
<h3>Financial Process ?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="col-md-4">
<div class="Financial-box">
<img src="http://jpdesignstudio.co.in/assets/img/investment.png">
<h3>Financial CheckList</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="col-md-4">
<div class="Financial-box">
<img src="http://jpdesignstudio.co.in/assets/img/investment.png">
<h3>Financial Benefits</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="col-md-4">
<div class="Financial-box">
<img src="http://jpdesignstudio.co.in/assets/img/investment.png">
<h3>Financial Building </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
body{
font-family: 'Open Sans', sans-serif;
}
.Financial_part{
background-color: #fff;
padding: 50px 0px;
}
.Financial_img img{
margin: 40px 0px;
width:350px;
}
.Financial-box{
border-radius: 5px;
padding: 9px;
text-align: center;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
margin-bottom: 30px;
}
.Financial-box img{
background: #ff6600;
padding: 8px;
border-radius: 8px;
margin-bottom: 5px;
width: 55px;
}
.Financial-box h3 {
margin: 10px 0px;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
color: #f60;
}
.Financial-box p {
margin: 10px 0px 0px;
font-size: 13px;
font-weight: 400;
line-height: 22px;
}
