<script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script class="cssdeck" src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<fieldset class="tags-cloud">
<legend class="tags-group-label">Joomla! version:</legend>
<span class="tag-switch">
<input type="checkbox" name="tag-joomla-1-0" id="tag-joomla-1-0" checked="checked"><label for="tag-joomla-1-0">Joomla! 1.0</label>
<span class="tag-switch">
<input type="checkbox" name="tag-joomla-1-5" id="tag-joomla-1-5" checked="checked"><label for="tag-joomla-1-5">Joomla! 1.5</label>
<span class="tag-switch">
<input type="checkbox" name="tag-joomla-2-5" id="tag-joomla-2-5" checked="checked"><label for="tag-joomla-2-5">Joomla! 2.5</label>
<span class="tag-switch">
<input type="checkbox" name="tag-joomla-3-0" id="tag-joomla-3-0" checked="checked"><label for="tag-joomla-3-0">Joomla! 3.0</label>
<fieldset class="tags-cloud">
<legend class="tags-group-label">by purpose:</legend>
<span class="tag-switch">
<input type="checkbox" name="tag-elearn" id="tag-elearn" checked="checked"><label for="tag-elearn">E-learning</label>
<span class="tag-switch">
<input type="checkbox" name="tag-popular" id="tag-popular" checked="checked"><label for="tag-popular">Popular</label>
<span class="tag-switch">
<input type="checkbox" name="tag-personal" id="tag-personal" checked="checked"><label for="tag-personal">Personal</label>
<span class="tag-switch">
<input type="checkbox" name="tag-commerse" id="tag-commerse" checked="checked"><label for="tag-commerse">Commerce</label>
<span class="tag-switch">
<input type="checkbox" name="tag-bridges" id="tag-bridges" checked="checked"><label for="tag-bridges">Bridges</label>
<span class="tag-switch">
<input type="checkbox" name="tag-administration" id="tag-administration" checked="checked"><label for="tag-administration">Administration</label>
<span class="tag-switch">
<input type="checkbox" name="tag-jomsocial" id="tag-jomsocial" checked="checked"><label for="tag-jomsocial">Jom Social</label>
<fieldset class="tags-cloud">
<legend class="tags-group-label">by price:</legend>
<span class="tag-switch">
<input type="checkbox" name="tag-free" id="tag-free" checked="checked"><label for="tag-free">Free</label>
<span class="tag-switch">
<input type="checkbox" name="tag-paid" id="tag-paid" checked="checked"><label for="tag-paid">Paid</label>
<span class="tag-switch">
<input type="checkbox" name="tag-discount" id="tag-discount" checked="checked"><label for="tag-discount">Discount</label>
<span class="tag-switch">
<input type="checkbox" name="tag-bundle" id="tag-bundle" checked="checked"><label for="tag-bundle">Bundle</label>
<fieldset class="tags-cloud">
<legend class="tags-group-label">by technology:</legend>
<span class="tag-switch">
<input type="checkbox" name="tag-flash" id="tag-flash" checked="checked"><label for="tag-flash">Flash</label>
<span class="tag-switch">
<input type="checkbox" name="tag-ui" id="tag-ui" checked="checked"><label for="tag-ui">UI</label>
<a href="#" class="product-card product-link tag-elearn">
<img src="http://www.joomplace.com/images/covers2/quiz.jpg" alt="JoomlaQuiz Deluxe" class="product-icon">
<h3 class="product-name">JoomlaQuiz Deluxe</h3>
<p class="product-descr">Create online Joomla quizzes</p>
<p class="product-price price"><span class="price-curr">$</span><span class="price-value">69</span></p>
<a href="#" class="product-card product-link tag-elearn">
<img src="http://www.joomplace.com/images/covers2/surveyforse.jpg" alt="Survey Force Deluxe" class="product-icon">
<h3 class="product-name">Survey Force Deluxe</h3>
<p class="product-descr">Make online Joomla survey with our survey extension</p>
<p class="product-price price"><span class="price-prefix">from</span> <span class="price-curr">$</span><span class="price-value">69</span></p>
<a href="#" class="product-card product-link tag-elearn tag-flash tag-free">
<img src="http://www.joomplace.com/images/covers2/flashquiz.jpg" alt="Online FlashQuiz" class="product-icon">
<h3 class="product-name">Online FlashQuiz</h3>
<p class="product-descr">Make online Flash quizzes and questionnaires</p>
<span class="product-price price-free"><span class="badge badge-free">free</span></span>
<a href="#" class="product-card product-link tag-elearn tag-flash">
<img src="http://www.joomplace.com/images/covers2/lifeconference.jpg" alt="Live Conference" class="product-icon">
<h3 class="product-name">Live Conference</h3>
<p class="product-descr">Meet online and record your sessions with our Joomla conference!</p>
<p class="product-price price"><span class="price-curr">$</span><span class="price-value">69</span></p>
<a href="#" class="product-card product-link">
<img src="http://www.joomplace.com/images/covers2/art.jpg" alt="Comparison Chart" class="product-icon">
<h3 class="product-name">Comparison Chart</h3>
<p class="product-descr">Create any comparison charts with this Joomla extension!</p>
<p class="product-price price"><span class="price-curr">$</span><span class="price-value">59</span></p>
<a href="#" class="product-card product-link tag-elearn">
<img src="http://www.joomplace.com/images/covers2/testimonials.jpg" alt="Testimonials" class="product-icon">
<h3 class="product-name">Testimonials</h3>
<p class="product-descr">Get your feedback noticed with our Joomla testimonials component!</p>
<p class="product-price price"><span class="price-curr">$</span><span class="price-value">69</span></p>
<a href="#" class="product-card product-link tag-elearn">
<img src="http://www.joomplace.com/images/covers2/magazine.jpg" alt="Flash Magazine Deluxe" class="product-icon">
<h3 class="product-name">Flash Magazine Deluxe</h3>
<p class="product-descr">Attract the attention of your visitors with our Joomla magazine. Present info on your Joomla site in an unusual way and make it even more alluring!</p>
<p class="product-price price"><span class="price-prefix">from</span> <span class="price-curr">$</span><span class="price-value">69</span></p>
<a href="#" class="product-card product-link tag-elearn tag-flash tag-free">
<img src="http://www.joomplace.com/images/covers2/portfolio.jpg" alt="JoomPortfolio" class="product-icon">
<h3 class="product-name">JoomPortfolio</h3>
<p class="product-descr">Let everyone see your achievements using this Joomla portfolio component! Or use this as simple catalogue with custom fields.</p>
<span class="product-price price-free"><span class="badge badge-free">free</span></span>
<a href="#" class="product-card product-link tag-elearn tag-flash">
<img src="http://www.joomplace.com/images/covers2/dragdrop.jpg" alt="Drag & Drop 2" class="product-icon">
<h3 class="product-name">Drag & Drop 2</h3>
<p class="product-descr">Let visitors of your site decide how to configure the page modules - each one will have a customized dashboard</p>
<p class="product-price price"><span class="price-curr">$</span><span class="price-value">69</span></p>
<a href="#" class="product-card product-link">
<img src="http://www.joomplace.com/images/covers2/eportfolio.jpg" alt="ePortfolio" class="product-icon">
<h3 class="product-name">ePortfolio</h3>
<p class="product-descr">With this Joomla portfolio component students, employees and others can create their online portfolio!</p>
<p class="product-price price"><span class="price-curr">$</span><span class="price-value">59</span></p>