"Estilo inmueble item"
Bootstrap 3.3.0 Snippet by gbg933

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
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 ---------->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="propertyItem">
<div class="propertyContent">
<a class="propertyType" href="#">FAMILY HOME</a>
<a href="property_single.html" class="propertyImgLink"><img class="propertyImg" src="http://rypecreative.com/easy-living/images/home4.jpg" alt=""></a>
<h4><a href="property_single.html">587 Smith Avenue</a></h4>
<p>Baltimore, MD</p>
<div class="divider thin"></div>
<p class="forSale">FOR SALE</p>
<p class="price">$687,000</p>
</div>
<table border="1" class="propertyDetails">
<tbody><tr>
<td><i class="fa fa-arrows-alt" style="margin-right:7px;"></i>2,412m</td>
<td><i class="fa fa-bed" style="margin-right:7px;"></i>6 Beds</td>
<td><i class="fa fa-tint" style="margin-right:7px;"></i>3 Baths</td>
</tr>
</tbody></table>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="propertyItem">
<div class="propertyContent row">
<div class="col-lg-4 col-md-4 col-sm-4">
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
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
.propertyItem {
font-family: 'Open Sans', sans-serif;
background-color:white;
box-shadow: 0px 1px 3px #d4d4d4;
margin-bottom:30px;
}
.propertyContent { padding:9px; }
.propertyContent a { color:#2a2a2a; }
.propertyContent a:hover { color:#4a4786; }
.propertyImg {
max-width:100%;
margin-bottom:15px;
}
.propertyImgLink {
-webkit-transition: opacity 0.3s linear;
-moz-transition: copacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.propertyImgLink:hover { opacity:0.8; }
.propertyType {
position:absolute;
font-family: 'Open Sans', sans-serif;
font-size:12px;
background-color:#4a4786;
color:white !important;
padding:7px;
z-index:1;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Get Shit Done Kit

Questions / Comments: