"Card view of offer"
Bootstrap 4.0.0 Snippet by rickclickbizz

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/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 ---------->
<div class="container">
<div class="row">
<div class="short-info col-sm-12 notouch">
<div class="auction-block col-sm-12">
<a class="auction" href="/hotels/hotels-aan-zee/carlton_beach.html">
<div class="elements-wrapper">
<span class="auction-image-wrapper">
<img class="auction-image" src="https://cdn2.vakantieveilingen.nl/images/products/857/99857/300/200/picture_113.jpg" alt="Overnachten aan de boulevard van Scheveningen">
</span>
<span class="auction-content">
<h2 class="auction-title">Overnachten aan de boulevard van Scheveningen</h2>
</span>
<span class="auction-time-bid">
<span class="auction-bid col-40">
<span></span><span>53</span></span>
<span class="col-60 auction-time">
<span class="timer jsDisplayedTimeValue">
<span class="time-value">00
<span class="time-title">:</span>
</span>
<span class="time-value">03
<span class="time-title">:</span>
</span>
<span class="time-value">52</span>
</span>
<span class="hidden">2018-02-25T23:38:00+01:00</span>
<span class="auction24635587 lotId hidden">24635587</span>
<span class="auction24635587 method hidden">SECOND_AUCTION</span>
</span>
<span class="btn btn-orange btn-outline-orange">Bekijk nu</span>
</span>
</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
.btn {
height: 44px;
line-height: 44px;
font-size: 15px;
color: #fff;
background-color: #5a96ff;
font-weight: 400;
display: block;
text-align: center;
cursor: pointer;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.btn.btn-radius {
border-radius: 3px
}
.wrapper-btn {
margin-top: 24px
}
.btn-iphone {
background-color: #33485f
}
.btn-android {
background-color: #475868
}
.btn-android:before, .btn-iphone:before {
content: '';
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: