<div class="sub-list">
<div class="box">
  <ul>
    <li><a href="index.php?option=com_content&view=article&id=127:accordions-toggles&catid=36:html-elements&Itemid=138">[icon]fa fa-plus-square[/icon] Accordions &amp; Toggles</a></li>
    <li><a href="index.php?option=com_content&view=article&id=128:animations&catid=36:html-elements&Itemid=138">[icon]fa fa-money[/icon] Animations</a></li>
    <li><a href="index.php?option=com_content&view=article&id=129:buttons-social-icons&catid=36:html-elements&Itemid=138">[icon]fa fa-twitter[/icon] Buttons &amp; Social Icons</a></li>
    <li><a href="index.php?option=com_content&view=article&id=130:carousels-sliders&catid=36:html-elements&Itemid=138">[icon]fa fa-arrows-h[/icon] Carousels &amp; Sliders</a></li>
    <li><a href="index.php?option=com_content&view=article&id=131:charts&catid=36:html-elements&Itemid=138">[icon]fa fa-bar-chart-o[/icon] Charts</a></li>
    <li><a href="index.php?option=com_content&view=article&id=132:container&catid=36:html-elements&Itemid=138">[icon]fa fa-archive[/icon] Container</a></li>
    <li><a href="index.php?option=com_content&view=article&id=133:dividers-gaps&catid=36:html-elements&Itemid=138">[icon]fa fa-ellipsis-h[/icon] Dividers &amp; Gaps</a></li>
    <li><a href="index.php?option=com_content&view=article&id=134:featured-box&catid=36:html-elements&Itemid=138">[icon]fa fa-star[/icon] Featured Box</a></li>
    <li><a href="index.php?option=com_content&view=article&id=135:font-awesome-icons&catid=36:html-elements&Itemid=138">[icon]fa fa-rocket[/icon] Font Awesome Icons</a></li>
    <li><a href="index.php?option=com_content&view=article&id=136:frames&catid=36:html-elements&Itemid=138">[icon]fa fa-square-o[/icon] Frames</a></li>
    <li><a href="index.php?option=com_content&view=article&id=137:maps&catid=36:html-elements&Itemid=138">[icon]fa fa-map-marker[/icon] Google Maps</a></li>
    <li><a href="index.php?option=com_content&view=article&id=138:livicons&catid=36:html-elements&Itemid=138">[icon]livicon block" data-n="rocket" data-s="16" data-c="#1e1e1e" data-hc="0[/icon] LivIcons</a></li>
    <li><a href="index.php?option=com_content&view=article&id=139:notification&catid=36:html-elements&Itemid=138">[icon]fa fa-info-circle[/icon] Notification</a></li>
  </ul>
</div><!-- .box -->
<div class="box">
  <ul>
    <li><a href="index.php?option=com_content&view=article&id=140:person&catid=36:html-elements&Itemid=138">[icon]fa fa-user[/icon] Person</a></li>
    <li><a href="index.php?option=com_content&view=article&id=141:posts-sliders&catid=36:html-elements&Itemid=138">[icon]fa fa-th-list[/icon] Posts Sliders</a></li>
    <li><a href="index.php?option=com_content&view=article&id=142:pricing-and-data-tables&catid=36:html-elements&Itemid=138">[icon]fa fa-list-alt[/icon] Pricing and Data Tables</a></li>
    <li><a href="index.php?option=com_content&view=article&id=143:progress-bar&catid=36:html-elements&Itemid=138">[icon]fa fa-tasks[/icon] Progress Bars</a></li>
    <li><a href="index.php?option=com_content&view=article&id=144:promo-panel&catid=36:html-elements&Itemid=138">[icon]fa fa-tasks[/icon] Promo Panel<span class="item-new">New</span></a></li>
    <li><a href="index.php?option=com_content&view=article&id=145:recent-posts&catid=36:html-elements&Itemid=138">[icon]fa fa-flash[/icon] Recent Posts</a></li>
    <li><a href="index.php?option=com_content&view=article&id=146:sequence&catid=36:html-elements&Itemid=138">[icon]fa fa-sort-numeric-asc[/icon] Sequence</a></li>
    <li><a href="index.php?option=com_content&view=article&id=147:tabs&catid=36:html-elements&Itemid=138">[icon]fa fa-folder-open[/icon] Tabs</a></li>
    <li><a href="index.php?option=com_content&view=article&id=148:testimonials&catid=36:html-elements&Itemid=138">[icon]fa fa-comment[/icon] Testimonials<span class="item-new">New</span></a></li>
    <li><a href="index.php?option=com_content&view=article&id=149:text-rotation&catid=36:html-elements&Itemid=138">[icon]fa fa-rotate-right[/icon] Text Rotation<span class="item-new">New</span></a></li>
    <li><a href="index.php?option=com_content&view=article&id=150:timeline&catid=36&Itemid=138">[icon]fa fa-clock-o[/icon] Timeline<span class="item-new">New</span></a></li>
    <li><a href="index.php?option=com_content&view=article&id=151:works&catid=36&Itemid=138">[icon]fa fa-picture-o[/icon] Works</a></li>
  </ul>
</div><!-- .box -->
</div><!-- .sub-list -->

<div class="promo-block bg">
	<a href="#">
	  <img src="images/menu-elements.png" width="272" height="373" alt="" style="margin:0 20px">
	</a>
  </div><!-- .promo-block -->