The saito-menu class is used to create menu lists,
saito-menu:
<div class="saito-menu">
<ul>
<li>
<span> BlackJack </span>
</li>
<li>
<span> Chess</span>
</li>
<li>
<span> Red Imperium</span>
</li>
<li>
<span> Poker</span>
</li>
<li>
<span> Settlers of Saitoa</span>
</li>
<li>
<span> Solitrio</span>
</li>
</ul>
</div>
ICONS: Certain times, descriptive icons are necessary on menu list items, the saito-menu class already supports this out of the box. Simply insert the icon required inside the <li> </li> of the menu list item:
<div class="saito-menu">
<ul>
<li>
<i class="far fa-address-card "> </i>
<span> BlackJack </span>
</li>
<li>
<span> Chess</span>
</li>
<li>
<span> Red Imperium</span>
</li>
<li>
<span> Poker</span>
</li>
<li>
<span> Settlers of Saitoa</span>
</li>
<li>
<span> Solitrio</span>
</li>
</ul>
</div>
ALIGNMENT: By default, saito-menu is left aligned, for right alignment, it should be updated with the right class:
<div class="saito-menu right">
<ul>
<li>
<span> BlackJack </span>
</li>
<li>
<span> Chess</span>
</li>
<li>
<span> Red Imperium</span>
</li>
<li>
<span> Poker</span>
</li>
<li>
<span> Settlers of Saitoa</span>
</li>
<li>
<span> Solitrio</span>
</li>
</ul>
</div>