Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

6 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“– 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.

About

๐ŸŒ A responsive personal portfolio website showcasing my skills, projects, certifications, and achievements using HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages