<aside class="side-bar">
    <button class="side-bar-toggle">
        <i class="fa-regular fa-chevron-right arrow-ct"></i>
    </button>
    <div class="side-top">
        <div class="side-logo">
            <a href="" target="_blank">
                <img src="assets/images/logo.png" class="img-fluid thumb-xl" alt="img">
            </a>
        </div>
    </div>
    <div class="menu-main">
        <div class="menu-area">
            <ul class="main-ul">
                <li class="mn-item">
                    <a href="dashboard" class="mn-link">
                        <span class="icons">
                            <img src="assets/images/icon1.png" class="img-fluid" alt="">
                        </span>
                        <span class="link-txt">Dashboard</span>
                    </a>
                </li>
                <li class="mn-item">
                    <a href="javascript:;" target="_blank" class="mn-link">
                        <span class="icons">
                            <img src="assets/images/icon2.png" class="img-fluid" alt="">
                        </span>
                        <span class="link-txt">Visit Website</span>
                    </a>
                </li>
                <li class="mn-item">
                    <a href="lesson" class="mn-link">
                        <span class="icons">
                            <img src="assets/images/icon8.png" class="img-fluid" alt="">
                        </span>
                        <span class="link-txt">Courses</span>
                    </a>
                </li>
                <li class="mn-item">
                    <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingOne">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    <a class="mn-link">
                                        <span class="icons">
                                            <img src="assets/images/icon8.png" class="img-fluid" alt="">
                                        </span>
                                        <span class="link-txt">Support / Help</span>
                                    </a>
                                </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <ul class="main-ul">
                                        <li class="mn-item">
                                            <a href="contact-support" class="mn-link">
                                                <span class="icons">
                                                    <img src="assets/images/icon1.png" class="img-fluid" alt="">
                                                </span>
                                                <span class="link-txt">Contact support form</span>
                                            </a>
                                        </li>
                                        <li class="mn-item">
                                            <a href="faq" class="mn-link">
                                                <span class="icons">
                                                    <img src="assets/images/icon1.png" class="img-fluid" alt="">
                                                </span>
                                                <span class="link-txt">FAQs</span>
                                            </a>
                                        </li>
                                        <li class="mn-item">
                                            <a href="emergency" class="mn-link">
                                                <span class="icons">
                                                    <img src="assets/images/icon1.png" class="img-fluid" alt="">
                                                </span>
                                                <span class="link-txt">Emergency disclaimer</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="mn-item">
                    <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingtwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsetwo" aria-expanded="true" aria-controls="collapsetwo">
                                    <a class="mn-link">
                                        <span class="icons">
                                            <img src="assets/images/icon8.png" class="img-fluid" alt="">
                                        </span>
                                        <span class="link-txt">Billing / Orders</span>
                                    </a>
                                </button>
                            </h2>
                            <div id="collapsetwo" class="accordion-collapse collapse" aria-labelledby="headingtwo" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <ul class="main-ul">
                                        <li class="mn-item">
                                            <a href="payment-history" class="mn-link">
                                                <span class="icons">
                                                    <img src="assets/images/icon1.png" class="img-fluid" alt="">
                                                </span>
                                                <span class="link-txt">Payment history</span>
                                            </a>
                                        </li>
                                        <li class="mn-item">
                                            <a href="invoices-receipts" class="mn-link">
                                                <span class="icons">
                                                    <img src="assets/images/icon1.png" class="img-fluid" alt="">
                                                </span>
                                                <span class="link-txt">Invoices / receipts</span>
                                            </a>
                                        </li>
                                        <li class="mn-item">
                                            <a href="subscription" class="mn-link">
                                                <span class="icons">
                                                    <img src="assets/images/icon1.png" class="img-fluid" alt="">
                                                </span>
                                                <span class="link-txt">Emergency disclaimer</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="mn-item">
                    <a href="setting" class="mn-link">
                        <span class="icons">
                            <img src="assets/images/icon3.png" class="img-fluid" alt="">
                        </span>
                        <span class="link-txt">Profile</span>
                    </a>
                </li>
            </ul>
        </div>
        <ul class="main-ul">
            <li class="logout">
                <a href="javascript:;" class="mn-link">
                    <span class="icons">
                        <img src="assets/images/icon4.png" class="img-fluid" alt="">
                    </span>
                    <span class="link-txt">Logout</span>
                </a>
            </li>
        </ul>
    </div>
</aside>