Bootstrap Snippet to do https://www.rci.com/pre-rci-en_US/index.page using HTML CSS Bootstrap Javascript

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='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<div class="container">
    <div class="row ">
        <div class="col-md-3">
            <div class="card">
                <div class="card-img">
                   <img class="img-responsive" src="http://carspot.scriptsbundle.com/wp-content/uploads/2017/06/2-5-400x300.jpg">
                </div>
                <div class="card-block">
                    <div class="card-category">
                        <small><a href="#">LamborghiniGallardo</a> </small>
                    </div>
                    <div class="card-title">
                        <h3> 2013 Hummer H3 4dr SUV</h3>
                    </div>
                    <div class="card-location">
                        <small><i class="fa fa-map-marker"></i><a href="#">Downey, California, United States</a> </small>
                    </div>
                    <ul class="list-inline">
                    <li><i class="fa fa-clock-o"></i>2010</li>
                    <li><i class="fa fa-car"></i>Private</li>
                    <li><i class="fa fa-tint"></i>Diesel</li>
                    <li><i class="fa fa-tint"></i>Crossover</li>
                    <li><i class="fa fa-tint"></i>Bronze</li>
                </ul>
                </div>
                <div class="card-footer">
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: 'Poppins';font-size: 14px; background:#dd0000;
}
i {margin-right:5px;}
div[class*="col"]{padding-left:5px; padding-right:5px;}
/************** Ad info *****/
.card-footer {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}
.card-date {
    display: inline-block;
    margin-top: 8px;
    padding-left: 14px;
    margin-bottom: 0;
}
.card-footer ul li a {
    border-left: 1px solid #e5e5e5;
    display: block;
    height: inherit;
    margin-top: 8px;
    text-align: center;
    width: 30px;
}
/**************** card css ********/
.card {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
.card-footer ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.card-footer ul li {
    padding: 0;
    font-size: 16px;
}
       <div class="col-md-4  col-lg-4 col-sm-6 col-xs-12">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"to do https://www.rci.com/pre-rci-en_US/index.page"
Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"to do https://www.rci.com/pre-rci-en_US/index.page" Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"to do https://www.rci.com/pre-rci-en_US/index.page"
Bootstrap 3.3.0 Snippet by jeevan123456