Skip to content

README.md

Latest commit

 

History

History
150 lines (104 loc) · 3.95 KB

README.md

File metadata and controls

150 lines (104 loc) · 3.95 KB
Raw

📖 Portfolio Book

An interactive digital portfolio designed as a flip-book using HTML, CSS, and JavaScript.


🌟 Overview

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.

🚀 Key Features

  • 📖 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

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript

📁 Project Structure

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

⚙️ Installation & Usage

1️⃣ Clone the Repository

git clone https://github.com/HimanshuKumarRout/PORTFOLIO-BOOK.git
cd portfolio-book

2️⃣ Run the Project

Open the file directly in your browser:

index.html

Or use VS Code Live Server:

  • Open the project in VS Code
  • Right-click on index.html
  • Select Open with Live Server

🖥️ Portfolio Sections

  • 🏠 Home / Introduction
  • 👤 Profile Information
  • 📞 Contact Details
  • 🎓 Education
  • 💼 Internship Experience
  • 🛠️ Skills & Services
  • 🚀 Projects Showcase
  • 📄 Resume Download

🎨 Customization

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

🔮 Future Enhancements

  • 🌙 Dark / Light Mode
  • 📧 Contact Form Integration
  • 🔗 Social Media Integration
  • 🎞️ Enhanced Flip Animations
  • 📊 Skills Progress Visualization
  • 🌐 Portfolio Deployment on GitHub Pages

🤝 Contributing

Contributions are welcome!

  1. Fork the repository
  2. Create a branch (feature/new-feature)
  3. Commit your changes
  4. Push to your branch
  5. Open a Pull Request

👨‍💻 Author

Himanshu Kumar Rout

⭐ Support

If you like this project, please star ⭐ the repository and share it!

Designed with ❤️ to showcase creativity, skills, and achievements.