<!-- Basic Toggle -->
                                        <div  class="gk-toggle">
                                            <input  type="checkbox"  class="gk-toggle-input">
                                            <label  class="gk-toggle-label">
                                                <span  class="gk-toggle-ball"></span>
                                            </label>
                                        </div>
                        
                                        <!-- Animated Toggle -->
                                        <div  class="gk-toggle" toggle-animated>
                                            <input  type="checkbox"  class="gk-toggle-input">
                                            <label  class="gk-toggle-label">
                                                <span  class="gk-toggle-ball"></span>
                                                <i  class="material-symbols-outlined">sunny</i>
                                                <i  class="material-symbols-outlined">dark_mode</i>
                                            </label>
                                        </div>
                        
                                        <!-- Colorful Toggle -->
                                         <div  class="gk-toggle"  toggle-color="#000">
                                            <input  type="checkbox"  class="gk-toggle-input">
                                            <label  class="gk-toggle-label">
                                                <span  class="gk-toggle-ball"></span>
                                            </label>
                                        </div>
                        
                                        <!-- Colorful Animated Toggle -->
                                        <div  class="gk-toggle"  toggle-color="#000">
                                            <input  type="checkbox"  class="gk-toggle-input">
                                            <label  class="gk-toggle-label">
                                                <span  class="gk-toggle-ball"></span>
                                                <i  class="material-symbols-outlined">sunny</i>
                                                <i  class="material-symbols-outlined">dark_mode</i>
                                            </label>
                                        </div>