"designbyhumans"
Bootstrap 3.3.0 Snippet by janine

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 ---------->
<ul class="dbh-shop-listings listings products">
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/bane-shirt/9753/" title="BANE">
<span class="photo">
<img src="http://cdn3.designbyhumans.com/product/199/bane-womens-front-190x285-b-p.jpg" alt="BANE" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$22</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/bane-shirt/9753/">BANE</a> by <a href="http://www.designbyhumans.com/shop/nicolonimor">MR-NICOLO</a>
</li>
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/concentric-downpour-retro-color-shirt/3889/" title="Concentric Downpour">
<span class="photo">
<img src="http://cdn.designbyhumans.com/product/6/553-190x285-b-p.jpg" alt="Concentric Downpour" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price">$15—$25</span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/concentric-downpour-retro-color-shirt/3889/">Concentric Downpour</a> by <a href="http://www.designbyhumans.com/profile/ohbarrett">ohbarrett</a>
</li>
<li class="dbh-shop-listing listing product">
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
.dbh-shop-listings {
margin: 0 -5px;
}
.listings {
margin: 0 -10px;
font-size: 0;
}
.dbh-shop-listing {
padding: 0 5px 20px;
}
.listing {
display: -moz-inline-stack;
display: inline-block;
position: relative;
width: 190px;
padding: 0 10px 10px;
overflow: hidden;
font-weight: 400;
font-size: 10px;
line-height: 15px;
vertical-align: top;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, hr, p, a, img, applet, object, iframe, embed, canvas, pre, blockquote, abbr, acronym, address, cite, code, strike, sub, sup, strong, em, ins, del, q, s, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, section, aside, footer, header, menu, nav, details, figure, figcaption, hgroup, output, ruby, summary, time, mark, audio, video, dfn, kbd, samp, tt, var {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: top;
outline: none;
}
.listings .trigger {
display: block;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: