<p>JSN Time provides <strong>5 menu styles </strong>to present your website navigation. The default Joomla! built-in menu module <strong>(mod_mainmenu)</strong> is utilized, so you don't need to install any external menu modules.</p>
<h3>Top Menu</h3>
<p class="content-center"><img src="images/content/template-details/design-features/menu-styles/menu-topmenu-icons.png" class="image-border" alt="Top Menu" width="600" height="175" /></p>
<p>Top Menu  allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.</p>
<p class="content-center"><a href="index.php?option=com_content&view=article&id=97&Itemid=478" class="link-button button-light"><span class="link-icon fa fa-display">See live demo of Top Menu</span></a></p>
<hr class="line-dots" />
<h3>Main Menu</h3>
<p class="content-center"><img src="images/content/template-details/design-features/menu-styles/menu-mainmenu-submenus.png"  class="image-border" alt="Main Menu" width="600" height="300" /></p>
<p>Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.</p>
<h4>Main Menu with icons</h4>
<p class="content-center"><img src="images/content/template-details/design-features/menu-styles/menu-mainmenu-icons.png"  class="image-border" alt="Main Menu with Icons" width="600" height="175" /></p>
<p>You can add icon to each menu item to make them much clearer and more  appealing. Icons are configured directly in menu item settings page, which is very convenient.</p>
<p class="content-center"><a class="link-button button-light" href="index.php?option=com_content&view=article&id=93&Itemid=479"><span class="link-icon fa fa-display">See live demo of Main Menu</span></a></p>
<hr class="line-dots" />
<h3>Side Menu</h3>
<p class="content-center"><img src="images/content/template-details/design-features/menu-styles/menu-sidemenu.png" class="image-border" alt="Side Menu" width="600" height="300" /></p>
<p>Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.</p>
<p class="content-center"><a class="link-button button-light" href="index.php?option=com_content&view=article&id=95&Itemid=480"><span class="link-icon fa fa-display">See live demo of Side Menu</span></a></p>
<hr class="line-dots" />
<h3>Tree Menu</h3>
<p class="content-center"><img src="images/content/template-details/design-features/menu-styles/menu-treemenu.png" class="image-border" width="600" height="300" /></p>
<p>Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.</p>
<p class="content-center"><a class="link-button button-light" href="index.php?option=com_content&view=article&id=98&Itemid=482"><span class="link-icon fa fa-display">See live demo of Tree Menu</span></a></p>
<hr class="line-dots" />
<h3>Div Menu</h3>
<p class="content-center"><img src="images/content/template-details/design-features/menu-styles/menu-divmenu.png" class="image-border" alt="Div Menu" width="600" height="175" /></p>
<p>Div Menu is simple yet nice menu bar with items separated by slightly visible dashes. This menu is very suitable for footer navigation presentation.</p>