Static Site Example

This is a basic static site example for the OneStack Portal. It demonstrates how to deploy a simple website using plain HTML, CSS, and JavaScript.

Overview

This example includes:

• index.html - Main HTML structure with semantic markup
• style.css - Modern CSS styling with animations and responsive design
• script.js - Interactive JavaScript functionality

Features

• 🎨 Modern gradient design
• 📱 Fully responsive layout
• ⚡ Interactive elements
• 🎭 Smooth animations
• 🎯 Clean, semantic HTML
• 💅 CSS flexbox and custom properties

Local Development

1. Clone this repository
2. Navigate to the examples/static-site directory
3. Open index.html in your browser

Deployment to OneStack Portal

1. Ensure all files are in the same directory
2. Deploy the entire folder to OneStack Portal
3. Your site will be live instantly!

File Structure

static-site/
├── index.html      # Main HTML file
├── style.css       # Stylesheet
├── script.js       # JavaScript functionality
└── README.md       # This file

Customization

Feel free to modify:

• Colors in style.css (search for gradient values)
• Content in index.html
• Interactive behavior in script.js
• Add more pages by creating additional HTML files

Learn More

• HTML Documentation
• CSS Documentation
• JavaScript Documentation

---

Note: This is an example project for the OneStack Portal. For production use, consider adding meta tags for SEO, favicon, and other optimizations.