My Portfolio ✅

Welcome to my personal portfolio website! This project showcases my skills, education, experience, projects, certifications, and leadership roles. Built with HTML and CSS, it’s a reflection of my journey in programming, finance, and design.

Features

• Responsive Design: Adapts seamlessly to desktop and mobile screens.
• Interactive Hover Effects:
  • Skill icons scale up on hover.
  • Education, experience, and leadership items lift with a shadow.
  • Project GIFs and certificate images scale slightly when hovered.
• Clickable Images: Project and certificate images link to live demos or verification pages.
• Sections:
  • Hero: Introduction with contact links (Email, GitHub, LinkedIn).
  • Details: Education, experience, skills, and leadership in a side-by-side layout.
  • Projects & Certifications: Grid display of projects with GIFs and certificates with images.
  • Footer: Centered credit to "Dibyanshu aka Luci".
• Consistent Styling: Gradient background, rounded elements, and a cohesive color scheme.

Technologies Used

• HTML5: Structure and content.
• CSS3: Styling, layout (Flexbox, Grid), and animations (transitions).
• Font Awesome: Icons for contact links.
• External Resources: Favicon and CDN for Font Awesome.

Setup Instructions

To run this portfolio locally or deploy it:

Clone the Repository:

git clone https://github.com/dkconnect/myportfolio.git

(Replace with your actual repo URL.)

Navigate to the Project Directory:

cd dibyanshu-portfolio

Open the Project:

• Open index.html in a web browser (e.g., Chrome, Firefox) directly, or
• Use a local server like VS Code’s Live Server extension for a better experience.

Dependencies:

• No additional installations are required.

Deploy (Optional):

• Host on GitHub Pages, Netlify, or any static hosting service by uploading the files.

File Structure

myportfolio/
├── images/                  # Profile, logos, and certificate images
│   ├── D-modified.png       # Favicon and profile image
│   ├── certificates/        # Certificate images
│   └── ...                  # Skill, education, experience, leadership logos
├── projects/                # Project GIFs
│   ├── Drive.gif
│   └── ...                  # Other project GIFs
├── index.html               # Main HTML file
├── styles.css               # All styling
└── README.md                # This file

Customization

To personalize this portfolio:

Update Content:

• Edit index.html to change text, links, or add new items in any section.
• Replace images in images/ and projects/ with your own (keep file names consistent or update paths).

Modify Styles:

• Adjust colors, sizes, or hover effects in styles.css.
• Example: Change the gradient in body or hover scale in .project-img:hover.

Add Sections:

• Duplicate a <section> in index.html and style it in styles.css.

Remove CDN:

• Download Font Awesome locally and update the <link> in index.html if offline use is needed.

Contact

Feel free to reach out or explore more of my work:

• Email: [email protected]
• LinkedIn: dibyanshu-kumar

---

Thanks for visiting!