<p>JSN Boot provides <strong>9 box designs</strong> for module background styling, which can be combined with <strong>14 predefined Christmas icons</strong> for module title styling. Take a look around to see how module styles are applied.</p>
<p>Module styles are configured by module's parameter <strong>Module Class Suffix</strong> with very simple syntax. To set up icons, you need to add string <strong>jsn-icon-xmas-xxx</strong> to module class suffix, where <strong>xxx</strong> is the icon name.</p>

<div class="grid-layout typography-article">
<div>
<ul class="list-nobullet">
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-mistletoe">jsn-icon-xmas-mistletoe</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-santa">jsn-icon-xmas-santa</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-candy">jsn-icon-xmas-candy</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-pinetree">jsn-icon-xmas-pinetree</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-gift">jsn-icon-xmas-gift</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-candle">jsn-icon-xmas-candle</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-mailbox">jsn-icon-xmas-mailbox</a></li>
</ul>
</div>
<div>
<ul class="list-nobullet">
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-bells">jsn-icon-xmas-bells</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-deer">jsn-icon-xmas-deer</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-gingerguy">jsn-icon-xmas-gingerguy</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-star">jsn-icon-xmas-star</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-globe">jsn-icon-xmas-globe</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-wreath">jsn-icon-xmas-wreath</a></li>
<li><a class="jsn-link-icon-xmas jsn-icon-xmas-snowman">jsn-icon-xmas-snowman</a></li>
</ul>
</div>
</div>