<div class="settings">
    <div class="settings-icon-wrapper">
        <div class="settings-icon">
            <i class="ti ti-settings"></i>
        </div>
    </div>
    <div class="settings-content">
        <ul>
            <li class="fix-header">
                <div class="fix-header-wrapper">
                    <div class="form-check form-switch lg">
                        <label class="form-check-label" for="settingsFixHeader">Fixed Header</label>
                        <input class="form-check-input toggle-settings" name="Header" type="checkbox"
                            id="settingsFixHeader">
                    </div>

                </div>
            </li>
            <li class="fix-footer">
                <div class="fix-footer-wrapper">
                    <div class="form-check form-switch lg">
                        <label class="form-check-label" for="settingsFixFooter">Fixed Footer</label>
                        <input class="form-check-input toggle-settings" name="Footer" type="checkbox"
                            id="settingsFixFooter">
                    </div>
                </div>
            </li>
            <li>
                <div class="theme-switch">
                    <label for="">Theme Color</label>
                    <div>
                        <div class="form-check form-check-inline lg">
                            <input class="form-check-input lg theme-color" type="radio" name="ThemeColor" id="light"
                                value="light">
                            <label class="form-check-label" for="light">Light</label>
                        </div>
                        <div class="form-check form-check-inline lg">
                            <input class="form-check-input lg theme-color" type="radio" name="ThemeColor" id="dark"
                                value="dark">
                            <label class="form-check-label" for="dark">Dark</label>
                        </div>

                    </div>
                </div>
            </li>
            <li>
                <div class="fix-footer-wrapper">
                    <div class="form-check form-switch lg">
                        <label class="form-check-label" for="settingsFixFooter">Collapse Sidebar</label>
                        <input class="form-check-input toggle-settings" name="Sidebar" type="checkbox"
                            id="settingsFixFooter">
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>