"designbyhumans"
Bootstrap 3.3.0 Snippet by janine

<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"> <a class="trigger" href="http://www.designbyhumans.com/shop/women/the-rising-shadow-bane-batman-shirt/9751/" title="The Rising Shadow"> <span class="photo"> <img src="http://cdn.designbyhumans.com/product/198/therisingshadow-women-front-190x285-b-p.jpg" alt="The Rising Shadow" 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>$24</del> <ins>$15</ins></span> </a> <a class="title" href="http://www.designbyhumans.com/shop/women/the-rising-shadow-bane-batman-shirt/9751/">The Rising Shadow</a> by <a href="http://www.designbyhumans.com/shop/Studio8Worx">Studio8Worx</a> </li> <li class="dbh-shop-listing listing product endrow"> <a class="trigger" href="http://www.designbyhumans.com/shop/women/wonderless-lion-all-over-print-tee/7883/" title="Wonderless"> <span class="photo"> <img src="http://cdn3.designbyhumans.com/product/17/di6-190x285-b-p.jpg" alt="Wonderless" 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>$24</del> <ins>$15</ins></span> </a> <a class="title" href="http://www.designbyhumans.com/shop/women/wonderless-lion-all-over-print-tee/7883/">Wonderless</a> by <a href="http://www.designbyhumans.com/profile/sheviper">SheViper</a> </li> <li class="dbh-shop-listing listing product"> <a class="trigger" href="http://www.designbyhumans.com/shop/women/the-rhythm-of-the-rising-sun-samurai-guitar-s/11937/" title="The Rhythm of Rising Sun"> <span class="photo"> <img src="http://cdn.designbyhumans.com/product/294/rhythm-of-rising-sun-womens-front-190x285-b-p.jpg" alt="The Rhythm of Rising Sun" 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>$24</del> <ins>$15</ins></span> </a> <a class="title" href="http://www.designbyhumans.com/shop/women/the-rhythm-of-the-rising-sun-samurai-guitar-s/11937/">The Rhythm of Rising Sun</a> by <a href="http://www.designbyhumans.com/shop/rejagalu">rejagalu</a> </li> <li class="dbh-shop-listing listing product"> <a class="trigger" href="http://www.designbyhumans.com/shop/women/cthulhu-hp-lovecraft-t-shirt/10595/" title="Cthulhu Rises"> <span class="photo"> <img src="http://cdn1.designbyhumans.com/product/253/cthulhurise-womens-front-190x285-b-p.jpg" alt="Cthulhu Rises" 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/cthulhu-hp-lovecraft-t-shirt/10595/">Cthulhu Rises</a> by <a href="http://www.designbyhumans.com/shop/Rafahu">Rafahu</a> </li> <li class="dbh-shop-listing listing product"> <a class="trigger" href="http://www.designbyhumans.com/shop/women/the-faded-doodle-drawing-shirt/9517/" title="The Faded Doodle"> <span class="photo"> <img src="http://cdn2.designbyhumans.com/product/130/2sr3_6ex-190x285-b-p.jpg" alt="The Faded Doodle" 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/the-faded-doodle-drawing-shirt/9517/">The Faded Doodle</a> by <a href="http://www.designbyhumans.com/shop/wotto">wotto</a> </li> <li class="dbh-shop-listing listing product endrow"> <a class="trigger" href="http://www.designbyhumans.com/shop/women/rebuild-the-forest-retro-t-shirt/9474/" title="Rebuild the Forest"> <span class="photo"> <img src="http://cdn.designbyhumans.com/product/123/2ng4_zl1-190x285-b-p.jpg" alt="Rebuild the Forest" 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>$12</ins></span> </a> <a class="title" href="http://www.designbyhumans.com/shop/women/rebuild-the-forest-retro-t-shirt/9474/">Rebuild the Forest</a> by <a href="http://www.designbyhumans.com/shop/free_agent08">free_agent08</a> </li> <li class="dbh-shop-listing listing product"> <a class="trigger" href="http://www.designbyhumans.com/shop/women/cosmonaut-astranaut-monkey-space-shirt/6011/" title="Cosmonaut"> <span class="photo"> <img src="http://cdn2.designbyhumans.com/product/261/cosmonaut-womens-front-190x285-b-p.jpg" alt="Cosmonaut" 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/cosmonaut-astranaut-monkey-space-shirt/6011/">Cosmonaut</a> by <a href="http://www.designbyhumans.com/shop/TheMightytiki">TheMightytiki</a> </li> <li class="dbh-shop-listing listing product"> <a class="trigger" href="http://www.designbyhumans.com/shop/women/ppp-perversion-of-paranoid-populace-surveilla/3936/" title="PPP (perversion of paranoid populace)"> <span class="photo"> <img src="http://cdn.designbyhumans.com/product/251/ppp-womens-front-190x285-b-p.jpg" alt="PPP (perversion of paranoid populace)" 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>$24</del> <ins>$15</ins></span> </a> <a class="title" href="http://www.designbyhumans.com/shop/women/ppp-perversion-of-paranoid-populace-surveilla/3936/">PPP (perversion of paranoid populace)</a> by <a href="http://www.designbyhumans.com/shop/radiomode">radiomode</a> </li> </ul>
.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; position: relative; width: 100%; font-weight: 700; line-height: 25px; overflow: hidden; color: #888; text-decoration: none; } #shop-main .sale-flag { padding: 10px 0; background: #e66; font-size: 14px; line-height: 10px; color: #fff; } #shop-main .browse-flag { position: absolute; top: 0; right: 5px; width: 30px; text-align: center; text-transform: uppercase; overflow: visible; } #shop-main .sale-flag .arrow { border-style: dotted dotted solid; border-width: 0 15px 10px; border-color: transparent #e66; } #shop-main .browse-flag .arrow { position: absolute; top: 100%; left: 0; width: 0; height: 0; } .listings .price del { text-decoration: line-through; } .listings .price ins { color: #ee6666; text-decoration: none; padding: 0 5px 0 0; } .listings .title { display: block; padding: 0; font-weight: 700; font-size: 1.2em; line-height: 1.3em; color: #333; } #shop-main .sale-flag { padding: 10px 0; background: #e66; font-size: 14px; line-height: 10px; color: #fff; } #shop-main .browse-flag { position: absolute; top: 0; right: 5px; width: 30px; text-align: center; text-transform: uppercase; overflow: visible; }

Related: See More


Questions / Comments: