Top Color:
Main Color:
Bottom Color:
Features  >>  Short Codes  >>  Accordions
Friday , March , 29 2024

Text/HTML

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.

SOURCE CODE
<div class="accordion accordion_3" id="accordion3">
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a href="#item1" class="accordion-toggle actived" data-toggle="collapse" data-parent="#accordion3"><span class="glyphicons  accordion_icon"></span> DNN Design &amp; Skin </a> 
        </div>
        <div class="accordion-body collapse in" id="item1">
            <div class="accordion-inner"> Content text 1 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a href="#item2" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3"><span class="glyphicons  accordion_icon"></span> Module Development </a> 
        </div>
        <div class="accordion-body collapse" id="item2">
            <div class="accordion-inner"> Content text 2 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a href="#item3" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3"><span class="glyphicons  accordion_icon"></span> Unlimited-colors Skin </a> 
        </div>
        <div class="accordion-body collapse" id="item3">
            <div class="accordion-inner"> Content text 3 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a href="#item4" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3"><span class="glyphicons  accordion_icon"></span> Create Dnn Website </a> 
        </div>
        <div class="accordion-body collapse" id="item4">
            <div class="accordion-inner"> Content text 4 ... </div>
        </div>
    </div>
</div>

Text/HTML

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.

SOURCE CODE
<div id="accordion4" class="accordion accordion_4">
    <div class="accordion-group">
        <div class="accordion-heading"> 
    	    <a data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle actived" href="#item4_1"><span class="accordion_icon"></span>Dnn Design &amp; Skin </a> 
        </div>
        <div id="item4_1" class="accordion-body collapse in">
        	<div class="accordion-inner"> Content text 1 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
  	      <a data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle" href="#item4_2"><span class="accordion_icon"></span>Modules Development </a> 
        </div>
        <div id="item4_2" class="accordion-body collapse">
        	<div class="accordion-inner"> Content text 2 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
    	    <a data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle" href="#item4_3"><span class="accordion_icon"></span>Unlimited-colors Skin </a> 
        </div>
        <div id="item4_3" class="accordion-body collapse">
        	<div class="accordion-inner"> Content text 3 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
     	   <a data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle" href="#item4_4"><span class="accordion_icon"></span>Create Dnn Website </a> 
        </div>
        <div id="item4_4" class="accordion-body collapse">
        	<div class="accordion-inner"> Content text 4 ... </div>
        </div>
    </div>
</div>

Enter Title

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.

SOURCE CODE
<div id="accordion5" class="accordion accordion_5">
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle actived" href="#item5_1"><span class="glyphicons  accordion_icon"></span> Dnn Design &amp; Skin </a> 
        </div>
        <div id="item5_1" class="accordion-body collapse in">
            <div class="accordion-inner"> Content text 1 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle" href="#item5_2"><span class="glyphicons  accordion_icon"></span> Modules Development </a> 
        </div>
        <div id="item5_2" class="accordion-body collapse">
            <div class="accordion-inner"> Content text 2 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle" href="#item5_3"><span class="glyphicons  accordion_icon"></span> Unlimited-colors Skin </a> 
        </div>
        <div id="item5_3" class="accordion-body collapse">
            <div class="accordion-inner"> Content text 3 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle" href="#item5_4"><span class="glyphicons  accordion_icon"></span> Create Dnn Website </a> 
        </div>
        <div id="item5_4" class="accordion-body collapse">
            <div class="accordion-inner"> Content text 4 ... </div>
        </div>
    </div>
</div>

Text/HTML

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum.

SOURCE CODE
<div id="accordion6" class="accordion accordion_6">
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle actived" href="#item6_1"><span class="accordion_icon"></span>Dnn Design &amp; Skin </a> 
        </div>
        <div id="item6_1" class="accordion-body collapse in">
            <div class="accordion-inner"> Content text 1 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle" href="#item6_2"><span class="accordion_icon"></span>Modules Development </a> 
        </div>
        <div id="item6_2" class="accordion-body collapse">
            <div class="accordion-inner"> Content text 2 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle" href="#item6_3"><span class="accordion_icon"></span>Unlimited-colors Skin </a> 
        </div>
        <div id="item6_3" class="accordion-body collapse">
            <div class="accordion-inner"> Content text 3 ... </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading"> 
            <a data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle" href="#item6_4"><span class="accordion_icon"></span>Create Dnn Website </a> 
        </div>
        <div id="item6_4" class="accordion-body collapse">
            <div class="accordion-inner"> Content text 4 ... </div>
        </div>
    </div>
</div>

Text/HTML

Button

  1. <a href="#button" data-toggle="collapse" class="btn btn-danger">Button</a>
  2. <div class="accordion-body collapse" id="button">...</div>