"Untitled"
Bootstrap 4.1.1 Snippet by Shivamsemisetia

Post to Facebook Tweet this

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ---------->
<div class="pxl-grid-item col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12" style="position: absolute; left: 0%; top: 0px;">
<div class="pxl-item--inner" data-wow-duration="1.2s">
<div class="pxl-item--featured hover-imge-effect3">
<img decoding="async" class="" src="https://demo.casethemes.net/savour/wp-content/uploads/2023/04/theme-05-600x800.jpg" width="600" height="800" alt="theme-05" title="theme-05" />
</div>
<div class="pxl-item--front">
<div class="pxl-item--overlay"><img decoding="async" class="" src="https://demo.casethemes.net/savour/wp-content/uploads/2023/04/theme-05-600x800.jpg" width="600" height="800" alt="theme-05" title="theme-05" /></div>
<h3 class="pxl-item--title">Fast Delivery</h3>
<div class="pxl-item--content">We brew delicious, award-winning beers and fry up the crispiest,…</div>
</div>
<div class="pxl-item--back">
<div class="pxl-item--overlay"><img decoding="async" class="" src="https://demo.casethemes.net/savour/wp-content/uploads/2023/04/theme-05-600x800.jpg" width="600" height="800" alt="theme-05" title="theme-05" /></div>
<div class="pxl-item--holder">
<div class="pxl-item--icon"><i class="flaticon flaticon-express-delivery"></i></div>
<h3 class="pxl-item--title"><a href="https://demo.casethemes.net/savour/service/fast-delivery/">Fast Delivery</a></h3>
<div class="pxl-item--content">We brew delicious, award-winning beers and fry up the crispiest, juiciest hot chicken around. We serve it with our kitchen’s take on vegetarian and seafood dishes, fresh salads.</div>
<div class="pxl-item--readmore">
<a class="btn btn-default" href="https://demo.casethemes.net/savour/service/fast-delivery/"> <span>More Details</span> </a>
</div>
</div>
</div>
</div>
</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
36
37
.pxl-item--image {
margin: -40px -40px 0;
border-radius: 5px 5px 0 0;
position: relative
}
.pxl-item--image img {
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms
}
.pxl-item--title {
margin-bottom: 0;
font-size: 18px;
line-height: 1.11111;
color: #fff;
min-height: 40px;
flex-grow: 1
}
.pxl-item--details {
display: inline-block;
width: 43px;
min-width: 43px;
height: 35px;
font-size: 24px;
color: #fff;
background-color: var(--primary-color);
border-radius: 5px;
text-align: center;
line-height: 35px
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Dashboard 2 PRO

Questions / Comments: