Bootstrap Snippet Services Section using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
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;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Services Section"
Bootstrap 3.3.0 Snippet by Patel Jayesh

Related: See More

Questions / Comments:

"Services Section" Bootstrap 3.3.0 Snippet by Patel Jayesh

Related: See More

Questions / Comments:

"Services Section"
Bootstrap 3.3.0 Snippet by Patel Jayesh