An interactive digital portfolio designed as a flip-book using HTML, CSS, and JavaScript.
Portfolio Book is a creative and interactive personal portfolio website designed as a digital flip book. It provides an engaging way to showcase your profile, education, internships, skills, projects, and resume in a modern and visually appealing format.
Built using HTML, CSS, and JavaScript, the project demonstrates responsive design, smooth animations, and interactive navigation, making it perfect for personal branding and portfolio presentation.
- ๐ Flip-Book Interface โ Interactive page-turning experience
- ๐จโ๐ป Personal Profile Section โ Showcase your introduction and achievements
- ๐ Resume Download โ Download CV directly from the portfolio
- ๐ Education Section โ Display academic qualifications
- ๐ผ Internship Experience โ Highlight professional experience
- ๐ ๏ธ Skills & Services โ Present technical and professional skills
- ๐ Project Showcase โ Feature your latest projects
- ๐ฑ Responsive Design โ Optimized for desktop and mobile devices
- HTML5
- CSS3
- JavaScript
PORTFOLIO-BOOK/
โโโ index.html # Main portfolio structure
โโโ style.css # Styling and animations
โโโ script.js # Interactive page navigation
โโโ logo.png # Profile image
โโโ website 3.png # Project preview image
โโโ Himanshu Kumar Rout (RESUME).pdf # Downloadable resume
โโโ README.md # Documentation
git clone https://github.com/HimanshuKumarRout/PORTFOLIO-BOOK.git
cd portfolio-bookOpen the file directly in your browser:
index.htmlOr use VS Code Live Server:
- Open the project in VS Code
- Right-click on
index.html - Select Open with Live Server
- ๐ Home / Introduction
- ๐ค Profile Information
- ๐ Contact Details
- ๐ Education
- ๐ผ Internship Experience
- ๐ ๏ธ Skills & Services
- ๐ Projects Showcase
- ๐ Resume Download
You can easily personalize the portfolio by:
- Updating content in
index.html - Modifying styles in
style.css - Adding animations in
script.js - Replacing images with your own assets
- Adding GitHub, LinkedIn, or social media links
- ๐ Dark / Light Mode
- ๐ง Contact Form Integration
- ๐ Social Media Integration
- ๐๏ธ Enhanced Flip Animations
- ๐ Skills Progress Visualization
- ๐ Portfolio Deployment on GitHub Pages
Contributions are welcome!
- Fork the repository
- Create a branch (
feature/new-feature) - Commit your changes
- Push to your branch
- Open a Pull Request
Himanshu Kumar Rout
- GitHub: https://github.com/HimanshuKumarRout
- Email: himanshurout136@gmail.com
If you like this project, please star โญ the repository and share it!
Designed with โค๏ธ to showcase creativity, skills, and achievements.