mirror of https://github.com/kortix-ai/suna.git
57 lines
1.3 KiB
Markdown
57 lines
1.3 KiB
Markdown
|
# Modern Web Application Template
|
||
|
|
|
||
|
|
A clean, responsive web application template built with HTML, CSS, and JavaScript.
|
||
|
|
|
||
|
|
## Features
|
||
|
|
|
||
|
|
- Responsive design that works on all devices
|
||
|
|
- Light/dark theme toggle with local storage persistence
|
||
|
|
- Interactive demo section
|
||
|
|
- Modern UI with smooth animations
|
||
|
|
- Easy to customize and extend
|
||
|
|
|
||
|
|
## Getting Started
|
||
|
|
|
||
|
|
1. Clone or download this repository
|
||
|
|
2. Open `index.html` in your browser
|
||
|
|
3. Start customizing the template for your needs
|
||
|
|
|
||
|
|
## Structure
|
||
|
|
|
||
|
|
- `index.html` - Main HTML structure
|
||
|
|
- `styles.css` - All styling and responsive design
|
||
|
|
- `script.js` - JavaScript functionality
|
||
|
|
|
||
|
|
## Customization
|
||
|
|
|
||
|
|
### Colors
|
||
|
|
|
||
|
|
You can easily change the color scheme by modifying the CSS variables in the `:root` selector in `styles.css`:
|
||
|
|
|
||
|
|
```css
|
||
|
|
:root {
|
||
|
|
--primary-color: #3498db;
|
||
|
|
--secondary-color: #2ecc71;
|
||
|
|
/* other variables */
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
### Adding Pages
|
||
|
|
|
||
|
|
To add new pages, create additional HTML files following the same structure as `index.html`.
|
||
|
|
|
||
|
|
### Extending Functionality
|
||
|
|
|
||
|
|
The JavaScript file is organized to make it easy to add new features. Simply add your code to `script.js` or create new JS files and link them in the HTML.
|
||
|
|
|
||
|
|
## Browser Support
|
||
|
|
|
||
|
|
This template works in all modern browsers including:
|
||
|
|
- Chrome
|
||
|
|
- Firefox
|
||
|
|
- Safari
|
||
|
|
- Edge
|
||
|
|
|
||
|
|
## License
|
||
|
|
|
||
|
|
This template is available under the MIT License.
|