Bootstrap Snippet cool responsive pricing table 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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>subscribe</title>
    <link href='http://fonts.googleapis.com/css?family=Roboto:300italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/style.css">
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    
</head>
<body>
    <div class="jumbotron">
        <div class="container text-center">
             <h1 class="page-header">PRICING PLANS</h1>
        <p class="lead">choose from our simple and clear plans</p>
        </div>
       
    </div>
    
    <div class="container ">
        <div class="row">
<!--
            <div class="col-md-3 well pricing-table" >
                 <div class="pricing-table-holder">
                    <center>
                        <img src="http://www.placehold.it/100X100" class="img-responsive img-circle" alt="">
                        <h3>PLAN A</h3>
                        <p class="caption">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                        </p>
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: 'Roboto', sans-serif;
}
        center>img{
           
            position: relative;
margin-top: -24%;
             transition: all 1.5s ease-out;
        }
p.caption{
    letter-spacing: 0.15em;
}
        .well{
            background: #fff;
            box-shadow: 0 0 0 0;
            border: 0px;
        }
        .jumbotron{
            background: #fff;
        }
        
        .base-padding{
            padding: 3% 0;
        }
        .well.pricing-table{
/*            padding: 3%;*/
            background: #fff;
            transition:all 0.4s ease-in;
        }
          .well.pricing-table:hover{
                box-shadow:-22px 17px 6px rgba(178, 171, 171, 0.39);
                  transition:all 1s ease-in;
                
              }
        
        .pricing-feature-list{
            padding: 10%;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"cool responsive pricing table "
Bootstrap 3.3.0 Snippet by shihab - Being Zero

Related: See More

Questions / Comments:

"cool responsive pricing table " Bootstrap 3.3.0 Snippet by shihab - Being Zero

Related: See More

Questions / Comments:

"cool responsive pricing table "
Bootstrap 3.3.0 Snippet by shihab - Being Zero