shivam-dave/my-portfolio

This is my personal portfolio website showcasing my work as a software developer, programmer, and web developer. The website features a modern design with smooth navigation and interactive elements, created using a combination of HTML, CSS, and JavaScript.

Shivam Dave's Portfolio Website

Welcome to my portfolio website repository! This project is a showcase of my work as a software developer, programmer, and web developer. It features my skills, projects, and contact information in a user-friendly and interactive format.

Table of Contents

• Description
• Technologies Used
• File Structure
• How to Run
• Features
• Contact
• License

Description

This personal portfolio website is designed to showcase my work, skills, and projects. It features a modern design, smooth navigation, and interactive elements for an engaging user experience.

Technologies Used

• HTML5: For structuring the website.
• CSS3: For styling and layout design.
• JavaScript: For interactive elements and effects.
• Particles.js: For adding particle effects to the hero and navbar sections.
• Google Fonts: For custom fonts and text styling.

File Structure

• index.html: The main HTML file for the website.
• scripts.js: JavaScript file for interactive elements and particle effects.
• css/: Directory containing various CSS files for different sections of the website:
  • main.css: General styles.
  • hero.css: Styles for the hero section.
  • nav.css: Styles for the navigation bar.
  • about_me.css: Styles for the "About Me" section.
  • skills.css: Styles for the "Skills" section.
  • project.css: Styles for the "Projects" section.
  • contact_me.css: Styles for the "Contact Me" section.
• images/: Directory containing images used in the website.

How to Run

1. Clone the repository:

   git clone https://github.com/Shivam-Dave/portfolio-website.git

2. Open the project directory:

   cd portfolio-website

3. Open the index.html file in a web browser to view the portfolio website.

Features

• Hero Section: Features particle effects and interactive text animations.
• About Me: Provides information about my academic journey and skills.
• Skills Section: Highlights my technical and soft skills.
• Projects Section: Showcases various projects I've worked on, with links to GitHub repositories.
• Contact Section: Includes a contact form for easy communication.

Contact

You can contact me via:

• Email: [email protected]
• GitHub
• LinkedIn

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as needed.