Project: Simple WebAppUI

1. Modal Window
2. Login modal window
3. Folding List
4. Glide button for switching the theme

Description

This project includes:

1. A simple modal window test using HTML, CSS, and JavaScript.
2. A simple folding list.
3. A glide button for switching the theme

Project Structure

• index.html: The main HTML file.
• styles.css: The CSS file for styling.
• about.js: The JavaScript file for about modal window functionality .
• login.js: The JavaScript file for login modal window functionality.
• folding.js: The JavaScript file for folding list functionality.
• switch_theme.js: The JavaScript file for glide button for switching the theme functionality.

Usage Instructions

1. Open index.html in your browser.
2. Click the button to open the modal window.
3. Use the folding list to view more information.

Code Examples

<!-- HTML Code Example -->
<div class="modal">
  <div class="modal-content">
    <span class="close-button">&times;</span>
    <p>This is an example of a modal window.</p>
  </div>
</div>