Bootstrap Snippet OVERVIEW PAGE FINAL 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 href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<div class="overview well">
    <div class="container">
        <div class="row ">
            <div class="overview-box ">
                <div class="col-md-6">
                  <div class="overview-img">
                    <img class="img-responsive" src="https://media.zigcdn.com/media/model/2018/Jan/audi-q5-right_600x300.jpg">
                  </div>
                  <div class="overview-links pull-right">
                      <ul class=list-inline>
                          <li><a href="#">Exterior Images</a></li>
                          <li><a href="#">Interior Images</a></li>
                          <li><a href="#">Insurance</a></li>
                          <li><a href="#">Loans</a></li>
                      </ul>
                  </div>
                </div>
                <div class="col-md-6">
                    <div class="overview-title">
                        <h2>Audi Q5</h2>
                        
                    </div>
                    <div class="overview-rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                    </div>
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
/*************** CONTENT CSS *************/
body {background:#e2e2e2;}
.row [class*='col-']:not(:first-child),
.row [class*='col-']:not(:last-child) {
 padding:0px 10px 0px 10px;
}
.well {background: #fff; min-height: 50px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);position: relative;margin-bottom: 30px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;    border-radius: 2px;}
hr {border-color:#ed1c24;}
.margin-t-20 {margin-top:20px;}
/************ CAR VARIANTS ***********/
.table-responsive {
    max-height:300px;
}
/******************* CAR COLOR BOX CSS ***************/
.car-color-box i {font-size:48px;}
.red {color:#dd0000;}
.blue {color:#219ace;}
.brown {color:#a8845c;}
.silver {color:#c9c9c9;}
.black {color:#000;}
/************ Overview Area CSS *******************/
.overview-pricing h3 {color:#ed1c24}
.content-wrap {padding:15px;background: #fff; min-height: 50px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);position: relative;margin-bottom: 30px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;    border-radius: 2px;}
/* Social Icons */
.social-icons{margin-top:15px;padding: 0;font-size : 9px;}
.social {margin:7px 7px 7px 0px;color:#696969;}
#social-fb:hover {color: #3B5998;transition:all .25s;}
#social-tw:hover {color: #4099FF;transition:all .25s;}
 #social-gp:hover {color: #d34836; transition:all .25s;}
 #social-em:hover {color: #f39c12;transition:all .25s;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"OVERVIEW PAGE FINAL"
Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"OVERVIEW PAGE FINAL" Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"OVERVIEW PAGE FINAL"
Bootstrap 3.3.0 Snippet by jeevan123456