<div id="accordion" class="panel-group">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a href="#collapseOne" data-parent="#accordion" data-toggle="collapse"><span class="glyphicon glyphicon-folder-close">
                </span>Content</a>
            </h4>
        </div>
        <div class="panel-collapse collapse in" id="collapseOne">
            <div class="panel-body">
                <table class="table">
                    <tbody><tr>
                        <td>
                            <span class="glyphicon glyphicon-pencil text-primary"></span><a href="http://www.jquery2dotnet.com/">Articles</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="glyphicon glyphicon-flash text-success"></span><a href="http://www.jquery2dotnet.com/">News</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="glyphicon glyphicon-file text-info"></span><a href="http://www.jquery2dotnet.com/">Newsletters</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="glyphicon glyphicon-comment text-success"></span><a href="http://www.jquery2dotnet.com/">Comments</a>
                            <span class="badge">42</span>
                        </td>
                    </tr>
                </tbody></table>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a href="#collapseTwo" data-parent="#accordion" data-toggle="collapse"><span class="glyphicon glyphicon-th">
                </span>Modules</a>
            </h4>
        </div>
        <div class="panel-collapse collapse" id="collapseTwo">
            <div class="panel-body">
                <table class="table">
                    <tbody><tr>
                        <td>
                            <a href="http://www.jquery2dotnet.com/">Orders</a> <span class="label label-success">$ 320</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="http://www.jquery2dotnet.com/">Invoices</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="http://www.jquery2dotnet.com/">Shipments</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="http://www.jquery2dotnet.com/">Tex</a>
                        </td>
                    </tr>
                </tbody></table>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a href="#collapseThree" data-parent="#accordion" data-toggle="collapse"><span class="glyphicon glyphicon-user">
                </span>Account</a>
            </h4>
        </div>
        <div class="panel-collapse collapse" id="collapseThree">
            <div class="panel-body">
                <table class="table">
                    <tbody><tr>
                        <td>
                            <a href="http://www.jquery2dotnet.com/">Change Password</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="http://www.jquery2dotnet.com/">Notifications</a> <span class="label label-info">5</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="http://www.jquery2dotnet.com/">Import/Export</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="glyphicon glyphicon-trash text-danger"></span><a class="text-danger" href="http://www.jquery2dotnet.com/">
                                Delete Account</a>
                        </td>
                    </tr>
                </tbody></table>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a href="#collapseFour" data-parent="#accordion" data-toggle="collapse"><span class="glyphicon glyphicon-file">
                </span>Reports</a>
            </h4>
        </div>
        <div class="panel-collapse collapse" id="collapseFour">
            <div class="panel-body">
                <table class="table">
                    <tbody><tr>
                        <td>
                            <span class="glyphicon glyphicon-usd"></span><a href="http://www.jquery2dotnet.com/">Sales</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="glyphicon glyphicon-user"></span><a href="http://www.jquery2dotnet.com/">Customers</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="glyphicon glyphicon-tasks"></span><a href="http://www.jquery2dotnet.com/">Products</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="glyphicon glyphicon-shopping-cart"></span><a href="http://www.jquery2dotnet.com/">Shopping Cart</a>
                        </td>
                    </tr>
                </tbody></table>
            </div>
        </div>
    </div>
</div>
