README.md

# RSK World Portfolio Website

Professional portfolio website showcasing modern web development techniques and creative digital solutions. Features responsive design, interactive animations, payment integration, project showcases, and comprehensive documentation. Built with HTML5, CSS3, JavaScript, PHP, and modern web technologies for creative digital presence.

## 🚀 Features

- **Modern Web Design** - Professional portfolio with cutting-edge design techniques
- **Responsive Layout** - Mobile-first approach with Bootstrap framework
- **Interactive Animations** - Advanced CSS animations and JavaScript effects
- **Multi-Page Architecture** - Complete website with Home, About, Projects, and Contact pages
- **Payment Integration** - Razorpay and UPI payment systems for donations
- **Project Showcase** - Dedicated sections for featured projects and work samples
- **Contact Forms** - Functional contact forms with email integration
- **SEO Optimization** - Search engine friendly with structured data
- **File Browser** - GitHub-style code viewer with syntax highlighting
- **Modern CSS Techniques** - Glassmorphism, gradients, and advanced styling
- **JavaScript Interactions** - Dynamic content loading and user interactions
- **PHP Backend** - Server-side functionality for forms and data processing
- **Cross-browser Compatibility** - Works across all modern browsers
- **Performance Optimized** - Fast loading with optimized assets and code
- **Accessibility Features** - WCAG compliant design and navigation
- **Professional Documentation** - Complete technical documentation
- **Open Source Ready** - MIT licensed for educational and commercial use
- **Modern Development Practices** - Clean code with best practices

## 🛠️ Technologies Used

- **HTML5** - Semantic markup and web structure
- **CSS3** - Advanced styling with animations and responsive design
- **JavaScript ES6+** - Interactive functionality and DOM manipulation
- **PHP 8+** - Server-side scripting for dynamic content
- **Bootstrap 5** - Responsive CSS framework for modern web design
- **Font Awesome** - Icon library for web interfaces
- **Google Fonts** - Typography for modern web design
- **Razorpay** - Payment gateway integration for donations
- **Prism.js** - Syntax highlighting for code display
- **jQuery** - JavaScript library for enhanced interactions

## 📁 Project Structure

```
simple-portfolio/
├── index.html # Main portfolio homepage with hero section
├── about.html # About page showcasing team information
├── projects.html # Projects showcase page with interactive cards
├── contact.html # Contact page with functional forms
├── style.css # Advanced CSS with animations (2800+ lines)
├── script.js # JavaScript for interactive features
├── var.php # PHP configuration file with site settings
├── browser.php # File browser with GitHub-style code viewer
├── thank-you.php # Thank you page for downloads and payments
├── README.md # Comprehensive project documentation
├── LICENSE # MIT license for open source use
├── images/ # Portfolio screenshots and project images
├── screenshots/ # Additional project screenshots
└── assets/ # Additional assets and resources
```

## 🚀 Getting Started

### Prerequisites

- Modern web browser (Chrome, Firefox, Safari, Edge)
- PHP 8.0+ (for backend functionality)
- Web server (Apache/Nginx) or local development server

### Installation

1. **Clone or download** the project files to your local machine

2. **Set up a local server**:
```bash
# Using PHP built-in server
cd simple-portfolio
php -S localhost:8000

# Or using Apache/Nginx
# Copy files to your web server document root
```

3. **Open in browser**:
```
Visit http://localhost:8000 (or your server URL)
```

## 📖 Usage

### Website Features

1. **Hero Section** - Animated introduction with call-to-action buttons
2. **About Section** - Team information and company overview
3. **Projects Section** - Interactive project showcase with cards
4. **Contact Section** - Functional contact forms with validation
5. **Payment Integration** - Razorpay and UPI payment systems
6. **File Browser** - GitHub-style code viewer for source files
7. **Responsive Design** - Mobile-first approach for all devices
8. **Interactive Animations** - CSS keyframes and JavaScript effects
9. **SEO Optimization** - Search engine friendly content
10. **Accessibility** - WCAG compliant design and navigation

### Customization

#### Changing Content
1. Edit HTML files (`index.html`, `about.html`, etc.) to modify content
2. Update `var.php` to change configuration and settings
3. Modify `style.css` to adjust styling and colors

#### Adding New Pages
1. Create new HTML file following existing structure
2. Add navigation links in header sections
3. Update PHP configuration if needed

#### Changing Colors/Themes
The main brand color is `#00ff88` (green). To change it:
1. Search for `#00ff88` in CSS files
2. Replace with your desired color code
3. Update color variables in `var.php` if needed

## 🎨 Customization Guide

### Colors
- Primary: `#00ff88` (Green accent)
- Background: `#fff` (White)
- Text: `#333` (Dark gray)
- Secondary: `#f9f9f9` (Light gray)

### Fonts
- Primary: 'Outfit' (Google Fonts)
- Fallback: sans-serif

### Responsive Breakpoints
- Mobile: < 768px
- Tablet: 768px - 992px
- Desktop: > 992px

## 🤝 Contributing

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request

## 📄 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## 🚀 Deployment

### Option 1: GitHub Pages (Free)
1. Upload your project to a GitHub repository
2. Go to Settings → Pages
3. Select "main" branch as source
4. Your site will be live at `https://yourusername.github.io/repository-name`

### Option 2: Netlify (Free)
1. Go to [netlify.com](https://netlify.com)
2. Drag and drop your project folder
3. Site is live instantly with HTTPS

### Option 3: Vercel (Free)
1. Go to [vercel.com](https://vercel.com)
2. Import your GitHub repository
3. Deploy automatically with custom domain support

### Option 4: Traditional Hosting
Upload all files to any web hosting service that supports HTML/CSS/JS/PHP.

## 📞 Contact

**RSK World**
- **Email:** help@rskworld.in
- **Phone:** +91 93305 39277
- **Location:** Nuthathat, West Bengal, India

**Team:**
- **Molla Samser** - Founder & Lead Developer
- **Rima Khatun** - Creative Director & Designer

## 🔄 Version History

- **v1.0.0** - Initial release with comprehensive portfolio website

---

**Built with ❤️ by RSK World**