A professional website for the EvoAFuture Private Foundation showcasing their programs in STEM education, women's entrepreneurship, and mental health awareness.

evoafuture/ │ ├── index.html # Main homepage │ ├── css/ │ └── styles.css # Main stylesheet with responsive design │ ├── js/ │ └── script.js # Interactive functionality and form handling │ ├── img/ │ ├── README.md # Image assets documentation │ └── placeholder.svg # Generic placeholder image │ ├── event_past/ # Past events detail pages │ ├── summer-stem-camp.html # Summer STEM Camp 2024 details │ ├── women-business-accelerator.html # Women's Business Accelerator details │ └── mental-health-awareness.html # Mental Health Awareness Week details │ ├── event_upcoming/ # Upcoming events detail pages │ └── stem-workshop.html # STEM Youth Workshop details │ └── README.md # This file 

• Header & Navigation: Fixed header with smooth scrolling navigation
• Hero Section: Foundation mission and call-to-action buttons
• Programs Section: Three main programs with detailed descriptions
• Upcoming Events: Event cards with sign-up functionality
• Past Events: Previous events with impact statistics and links to detail pages
• Contact Section: Contact form and organization information
• Footer: Additional links and foundation information

• STEM Youth Program: AI, Robotics, and 3D Printing education
• Women Entrepreneurs Support Network: Business mentorship and training
• Public Education on Mental Health: Community wellness initiatives

• Mobile-responsive design
• Event sign-up modal forms
• Contact form with validation
• Smooth scrolling navigation
• Animated statistics counters
• Form submission notifications

• Mobile-first approach
• Hamburger menu for mobile devices
• Flexible grid layouts
• Optimized images and content

• Semantic HTML structure
• Proper ARIA labels
• Keyboard navigation support
• High contrast colors
• Screen reader friendly

• Optimized CSS and JavaScript
• Minimal external dependencies
• Efficient image handling
• Fast loading times

• HTML5: Semantic markup and structure
• CSS3: Modern styling with Flexbox and Grid
• JavaScript (ES6+): Interactive functionality
• Font Awesome: Icon library
• Google Fonts: Inter font family

1. Clone or download the project files
2. Open index.html in a web browser to view the site
3. For local development: Use a local web server (Python's http.server, Live Server extension, etc.)
4. File organization: All assets are properly organized in their respective folders

1. Create new HTML files in event_past/ or event_upcoming/ folders
2. Update the main index.html to link to new events
3. Add event details to JavaScript event handlers if needed

• Programs: Edit the programs section in index.html
• Styling: Modify css/styles.css
• Interactive features: Update js/script.js

1. Place images in the img/ folder
2. Update HTML files to reference new images
3. Follow the naming convention described in img/README.md

• Modern browsers (Chrome, Firefox, Safari, Edge)
• Mobile browsers (iOS Safari, Chrome Mobile)
• Progressive enhancement for older browsers

For questions about the website or EvoAFuture Private Foundation:

• Email: info@evoafuture.org
• Phone: (555) 123-4567