🌟 Eka-PF - Personal Portfolio Website

A modern, responsive personal portfolio website built with HTML, CSS, and JavaScript. Features a beautiful design with smooth animations, portfolio carousel, and mobile-first responsive layout.

✨ Features

• 🎨 Modern Design - Clean, professional aesthetic with smooth transitions
• 📱 Fully Responsive - Optimized for all devices (desktop, tablet, mobile)
• 🔄 Portfolio Carousel - Interactive project showcase with auto-rotation
• 🌙 Dark/Light Mode - Toggle between themes for better user experience
• ⚡ Smooth Animations - CSS animations and transitions for engaging interactions
• 📊 Skills Showcase - Dynamic skills carousel with progress indicators
• 📧 Contact Section - Easy-to-use contact form and information display
• 🔍 SEO Optimized - Meta tags, structured data, and performance optimized

🚀 Live Demo

Visit the live website: [http://emmanuelapetsi.com]

🛠️ Technologies Used

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Styling: Custom CSS with modern design principles
• Icons: Custom icon fonts and SVG graphics
• Responsiveness: Mobile-first CSS approach
• Performance: Optimized assets and lazy loading

📁 Project Structure

eka-pf/
├── index.html          # Main HTML file
├── assets/
│   ├── css/            # Stylesheets
│   │   ├── style.css   # Main styles
│   │   ├── responsive.css
│   │   └── ...
│   ├── js/             # JavaScript files
│   │   ├── custom.js   # Custom functionality
│   │   └── ...
│   └── images/         # Images and icons
│       ├── logo.svg
│       ├── me-1.jpg
│       └── ...
└── README.md

🎯 Key Components

Portfolio Carousel

• Auto-rotating project showcase
• Navigation dots and arrows
• Pause on hover functionality
• Progress bar indicator
• Keyboard navigation support

Skills Section

• Dynamic skills display
• Progress indicators
• Responsive grid layout

Contact Information

• Professional contact details
• Social media links
• Contact form integration

🚀 Getting Started

Prerequisites

• A modern web browser
• Basic knowledge of HTML/CSS/JavaScript (for customization)

Installation

1. Clone the repository:

   git clone https://github.com/manuelapetsi/eka-pf.git
   cd eka-pf

2. Open index.html in your web browser

3. For local development, you can use a simple HTTP server:

   python3 -m http.server 8000
   # Then visit http://localhost:8000

🎨 Customization

Colors

• Edit assets/css/color.css to change the color scheme
• Modify CSS variables for easy theme customization

Content

• Update index.html with your personal information
• Replace images in assets/images/ with your own
• Modify the portfolio projects in the carousel section

Styling

• Customize assets/css/style.css for layout changes
• Adjust assets/css/responsive.css for responsive behavior

📱 Responsive Design

The website is built with a mobile-first approach and includes:

• Responsive grid layouts
• Flexible navigation
• Optimized images for different screen sizes
• Touch-friendly interactions

🌟 Performance Features

• Optimized image assets
• Minified CSS and JavaScript
• Efficient CSS animations
• Lazy loading for better performance

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

How to Contribute

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

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Manuel Apetsi

• GitHub: @manuelapetsi
• Portfolio: [https://emmanuelapetsi.com]

🙏 Acknowledgments

• Bootstrap for responsive framework inspiration
• Modern CSS techniques and best practices
• Open source community for inspiration and tools

📞 Support

If you have any questions or need help with customization, feel free to:

• Open an issue on GitHub
• Contact me through the website
• Reach out via email

---

⭐ Star this repository if you found it helpful!