HTML product pattern

dabblet.css

/**
 * HTML product pattern
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

dabblet.html

<article class="hproduct">
  <!-- Title -->
  <hgroup>
    <h1 class="fn">Product name</h1>
    <h2><a rel="category" class="category" href="#">Category 1</a> | <span class="category">Category 2</span></h2>
  </hgroup>
  6 jours, 5 nuits

  <!-- Price -->
  à partir de <abbr class="price" title="1299.95">
    <span class="int">1<span class="thMark">'</span>299</span><span style="decMark">,</span><span class="dec">95</span><abbr class="currency" title="EUR">€</abbr>
    <span class="tax">ttc</span>
  </abbr>
  
  <div class="description">
    <p>
      Product description
    </p>
  </div>
</article>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}