Bootstrap Snippet animate 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="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ---------->
                             <head> 
                             <link rel="stylesheet" href="css/animate.css">
                             </head>
                             
                             
                               <!--start courses menu-->
 <div class="what animate bounceInUp ">                              
<div class="container">
<div class="row">
<div class="box">
<div class="col-md-4 holder">
<div class="new holder">
<div class="new color">
<p>NEW</p>
</div>
<div class="yoga holder">
<h2>YOGA CLASS </h2>
</div>
<div class="yoga detalis">
<p>Duis convallis vel urna et vestibulum. Suspendisse gravida lacinia tellus in rhoncus. Proin rutrum pulvinar nulla, ut sollicitudin lectus ...</p>
</div>
<button class="btn-holder yoga" >RED MORE</button>
</div>
</div>
</div>
<div class="box">
<div class="col-md-4 holder">
<div class="new holder two">
<div class="new color two">
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
.new.color p {
    color: #00BC63;
    font-size: 16px;
    font-family: electrolize, sans-serif;
    margin-bottom: 2px;
}
.yoga.holder h2 {
    font-size: 24px;
    font-weight: bold;
    font-family: fira-sans, sans-serif;
    margin-top: auto;
    margin-bottom: 22px;
     color: #fff; 
}
.yoga.detalis p {
    word-spacing: 2px;
}
.yoga.detalis p {
    word-spacing: 2px;
     color: white; 
}
button.btn-holder.yoga {
     background: #0A9C3A; 
     color: white; 
    margin-top: 20px;
    padding: 8px 45px;
    border: 1px solid white;
    word-spacing: 2px;
    letter-spacing: 2px;
    font-size: 13px;
}
button.btn-holder.yoga:hover {
    color:  #0A9C3A; 
    background:white; 
     }
.new.holder {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"animate"
Bootstrap 3.0.0 Snippet by karimsharf12252

Related: See More

Questions / Comments:

"animate" Bootstrap 3.0.0 Snippet by karimsharf12252

Related: See More

Questions / Comments:

"animate"
Bootstrap 3.0.0 Snippet by karimsharf12252