Portfolio Website

Hello Everyone Myself Gopal Dutta. I am an Aspiring Data Scientist, Data Analyst, Python Developer, and Machine Learning Enthusiast and this is my Portfolio Website that showcase everything about my professional life: my projects, skills, experience, and provides ways to get in contact.

Project Structure

The project is organized as follows:

portfolio-website ├── src │ ├── index.html
│ ├── about_me.html
│ ├── projects.html
│ ├── contact.html
│ └── assets │ ├── css │ │ └── style.css │ ├── js │ │ └── script.js │ ├── images │ └── Gopal_Dutta_Resume.pdf └── README.md

Features

• Homepage (index.html):

  • Introduction and tagline in a hero section with a profile photo.
  • Overview of "About Me" and "Core Skills" sections with links to the full "About Me" page.
  • Call-to-action buttons to download the resume, view projects, and connect.

• About Me (about_me.html):

  • Download link for the resume.
  • Detailed profile summary.
  • Sections for Education, Professional Work Experience/Trainings, Skills (categorized), Certifications, Languages, and Hobbies.

• Projects (projects.html):

  • A dedicated page displaying various projects with descriptions, technologies used, outcomes, and links to GitHub repositories.

• Contact (contact.html):

  • A contact form (integrated with Formspree) for visitors to send messages.
  • Direct contact information including email, phone, LinkedIn, GitHub, and location, with Font Awesome icons.

Setup Instructions

1. Clone the repository:

   git clone <repository-url>

2. Navigate to the project directory:

   cd portfolio-website

3. Open src/index.html in a web browser to view the website. You can do this by double-clicking the file or right-clicking and choosing "Open with" your preferred browser.

Technologies Used

• HTML5: For the structure and content of the web pages.

• CSS3: For styling the website including:

  • Responsive design (media queries).
  • Flexbox for layout.
  • Custom fonts (Google Fonts - Roboto, Times New Roman).
  • AOS library for scroll animations.
  • Backdrop filter for blur effects.

• JavaScript (ES6+): For client-side interactivity including:

  • Auto-hiding header on scroll.
  • Digital clock and date display.
  • AOS library initialization.

• Formspree: For handling the contact form submissions.

• Font Awesome: For icons.

• Git: For version control (implied if cloned from a Git repository).

License

This project is licensed under the MIT License.