tets

<nav>
                    <ul>
                        <li class="c-main-nav c-main-nav__home">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_home"></use>
                                </svg>Home
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__dashboard">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_dashboard"></use>
                                </svg>Dashboard
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__inbox">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_inbox"></use>
                                </svg>Inbox
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__products">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_products"></use>
                                </svg>Products
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__invoices">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_Invoices"></use>
                                </svg>Invoices
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__customers">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_customers"></use>
                                </svg>Customers
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__chatroom">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-Chat-Icon"></use>
                                </svg>Chat Room
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__calendar">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_calendar"></use>
                                </svg>Calendar
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__helpcenter">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_help-center"></use>
                                </svg>Help Center
                            </a>
                        </li>
                        <li class="c-main-nav c-main-nav__settings">
                            <a href="#">
                                <svg class="c-main-nav__logo">
                                    <use xlink:href="#c-icon_setting"></use>
                                </svg>Settings
                            </a>
                        </li>
                    </ul>
                </nav>