Siddhant Sathe - Personal Portfolio Website

This repository contains the code for a personal portfolio website for Siddhant Sathe, a third-year engineering student and a senior member at the VESLang Circle. The website showcases Siddhant's academic projects, interests, skills, and contact information.

Table of Contents

• Project Overview
• Features
• Technologies Used
• Setup
• Usage
• Folder Structure
• Acknowledgments
• Contact

Project Overview

The purpose of this website is to serve as an online portfolio for Siddhant Sathe, where visitors can learn about his background, skills, projects, and interests. The website is a single-page application with navigation links to various sections: Home, About, Projects, and Contact.

Features

• Home Section: Introduction and links to Siddhant's social media profiles.
• About Section: Description of Siddhant's academic background, technical skills, and extracurricular interests.
• Projects Section: Highlights projects such as the Smart India Hackathon (SIH) and an academic project management system.
• Contact Section: Contact information, including email and social media links.

Technologies Used

• HTML: Markup language for structuring the webpage content.
• CSS: Styling for the layout, design, and responsiveness.
• Google Fonts: Custom fonts from Google Fonts for improved typography.
• Boxicons: Icons for social media and contact information.
• Google Translate: A translation widget to allow visitors to translate the page.

Setup

To set up this project on your local machine:

1. Clone this repository:

   git clone https://github.com/SiddhantSathe/portfolio-website.git

2. Navigate to the project folder:

   cd portfolio-website

3. Open the index.html file in your preferred web browser.

Image and Asset Setup

For the images and assets in the project to work correctly, place the following in the same directory as the index.html file:

• Profilepic.jpeg: Profile picture for the Home section.
• ggcoverpage.jpg, portfoliocoverpage.jpg, and td coverpage.jpg: Project images in the Projects section.
• You can replace these images with your own by keeping the filenames the same or updating the HTML accordingly.

Usage

Navigate through the website by clicking the links in the navigation bar or scrolling. You can click on the project links to view more details or check out Siddhant’s social media profiles through the icons provided.

Folder Structure

├── index.html              # Main HTML file
├── asd.css                 # Custom CSS file for styling
├── Profilepic.jpeg         # Profile image
├── ggcoverpage.jpg         # Project image for Green Gadget
├── portfoliocoverpage.jpg  # Project image for Portfolio Website
├── td coverpage.jpg        # Project image for Technical Documentation
└── README.md               # Documentation for the project

Acknowledgments

Special thanks to:

• Google Fonts for providing the free custom fonts used on this site.
• Boxicons for the icon set used for social media and contact links.
• Google Translate for making the page accessible to a wider audience.

Contact

For any inquiries or to get in touch with Siddhant Sathe, feel free to reach out through email or social media:

• Email: [email protected]
• LinkedIn: Siddhant Sathe
• GitHub: SiddhantSathe