Macro Html Category ID
[accordion]{content}[/accordion] <div class="panel-group" id="accordion">{content}</div> Basic 22
[acc_panel title="{title}" panel_id="{panel_id}" panel_class="{panel_class}" icon="{icon}"]{content}[/acc_panel] <div class="panel panel-default"> <div class="panel-heading"><h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#{panel_id}" class=""><i class="fa fa-{icon}"></i>{title}</a></h4></div> <div id="{panel_id}" class="panel-collapse collapse {panel_class}"><div class="panel-body">{content}</div></div> </div> Basic 23
[price special="{special}" type="{type}" price="{price}" currency="{currency}" psub="{psub}" link="{link}" btn="{btn}"]{content}[/price] <div class="priceBox {special} text-center"><div class="inner"><h3>{type}</h3><div><sup>{currency}</sup><em>{price}</em><sub>{psub}</sub></div><a href="{link}" class="btn btn-primary">{btn}</a></div>{content} </div> Basic 26
[nav_tabs class="{class}"]{content}[/nav_tabs] <ul class="nav nav-tabs {class}">{content}</ul> Basic 36
[tab_content class="{class}"]{content}[/tab_content] <div class="tab-content {class}">{content}</div> Basic 37
[nav_tab class="{class}" target="{target}"]{content}[/nav_tab] <li class="{class}" data-target="#{target}"><a href="#{target}">{content}</a></li> Basic 38
[tab_pane class="{class}" target="{target}"]{content}[/tab_pane] <div id="{target}" class="tab-pane {class}">{content}</div> Basic 39
[b]{text}[/b] <strong>{text}</strong> Basic 27
[testi text="{text}" name="{name}" from="{from}"]{image}[/testi] <blockquote class="clearfix"><p>{text}</p><div class="testi-author"><span>{image}</span><div class="media-body"><h4 class="media-heading">{name}<span>{from}</span></h4></div></div></blockquote> Basic 35
[btn class="{class}" link="{link}"]{text}[/btn] <a href="{link}" class="btn {class}">{text}</a> Basic 28
[sec_head align="{align}" title="{title}" subtitle="{subtitle}"]{text}[/sec_head] <header class="section-head text-{align}"><div><h2>{title}</h2><p class="lead">{subtitle}</p></div><p>{text}</p></header> Basic 32
[row class="{class}"]{text}[/row] <div class="row {class}">{text}</code> Basic 29
[col_md md_size="{md_size}" sm_size="{sm_size}"]{text}[/col_md] <div class="col-md-{md_size} col-sm-{sm_size}">{text}</div> Basic 21
[col sm_size="{sm_size}"]{text}[/col] <div class="col-sm-{sm_size}">{text}</div> Basic 31
[col_m m_size="{m_size}"]{text}[/col_m] <div class="col-md-{m_size}">{text}</div> Basic 40
[i]{icon}[/i] <i class="fa fa-{icon}"></i> Basic 33
[circle]{icon}[/circle] <span class="circle"><i class="fa fa-{icon}"></i></span> Basic 34
[square]{icon}[/square] <span class="square"><i class="fa fa-{icon}"></i></span> Basic 47
[big-circle]{icon}[/big-circle] <span class="circle big-circle"><i class="fa fa-{icon}"></i></span> Basic 48
[box_type3 fe_title="{fe_title}" icon="{icon}"]{text}[/box_type3] <div class="icon-left"><div class="type3 shortc">{icon}<h4>{fe_title}</h4><p>{text}</p></div></div> Basic 41
[box_type4 position="{position}" fe_title="{fe_title}" icon="{icon}"]{text}[/box_type4] <div class="icon-{position} box_type4">{icon}<h4>{fe_title}</h4><p>{text}</p></div> Basic 42
[counter from="{from}" to="{to}" speed="{speed}" sup="{sup}"]{text}[/counter] <div class="timerCounter"><span class="timerVal" data-from="{from}" data-to="{to}" data-speed="{speed}" data-refresh-interval="50"></span><sup>{sup}</sup><span class="timerDesc">{text}</span></div> Basic 43
[progress skill="{skill}" level="{level}" percentage="{percentage}"][/progress] <div class="progress"><span class="pro-skill pull-left">{skill}</span><span class="pro-level pull-right" >{level}</span> <div class="progress-bar animating" data-percentage="{percentage}"></div> </div> Basic 44
[box_type1 class="{class}" fe_title="{fe_title}" img="{img}"]{text}[/box_type1] <div class="box-type {class}"><div class="iconimage">{img}</div><div class="titletext"><div class="vMiddle"><h4>{fe_title}</h4><p>{text}</p></div></div></div> Basic 45
[boxtype2 fe_title="{fe_title}" icon="{icon}"]{text}[/boxtype2] <div class="box-type2">{icon}<h4>{fe_title}</h4><p>{text}</p></div> Basic 46
[box_type5 fe_title="{fe_title}" icon="{icon}" link="{link}"]{text}[/box_type5] <div class="icon-left"><div class="type5 shortc"><a href="{link}">{icon}</a><h4>{fe_title}</h4><p>{text}</p></div></div> Basic 49