Mahipal Portfolio Website

Click to Check Live

This repository contains the source code for Mahipal's personal portfolio website, showcasing projects, skills, and contact information. The website is built with HTML, CSS, and JavaScript.

Table of Contents

• Project Overview
• Features
• Technologies Used
• Getting Started
• Usage
• Contributing
• License
• Contact

Project Overview

This portfolio website is designed to highlight Mahipal's expertise in front-end development and cybersecurity. It features sections for About Me, Works, Skills, Research, and Contact information. The site is fully responsive and includes interactive elements to enhance user experience.

Features

• Responsive Design: Adapts to different screen sizes for optimal viewing on any device.
• Interactive Elements: Dynamic content display using JavaScript.
• Animated Greeting: Multilingual greeting text animates each word with Anime.js.
• Announcement Banner: Highlights important announcements at the top of the page.
• Project Showcase: Displays latest projects with detailed descriptions.
• Skills Section: Lists technical skills and expertise.
• Contact Form: Allows visitors to send messages directly through the website.
• Research Section: Explore research projects and related work in a dedicated section.
• CSS Refactor: Redundant style declarations for .cards and .design-card in the #introduction section were removed from style.css, improving maintainability.

Technologies Used

• HTML: Structure and content of the website.
• CSS: Styling and layout, including animations and transitions.
• JavaScript: Interactive elements and dynamic content display.
• Google Fonts: Custom fonts for enhanced typography.
• FontAwesome: Icons for social media links and other elements.
• Anime.js: Lightweight animation library for the greeting effect.

Getting Started

To get a local copy of this project up and running on your machine, follow these steps:

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• Code editor (VS Code, Sublime Text, etc.)

Installation

1. Clone the repository:

   git clone https://github.com/mukul975/Portfolio-v2.git

2. Navigate to the project directory:

   cd Portfolio-v2

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

   open index.html

Usage

The website is structured into several sections:

1. Header: Contains the navigation menu and social media links.
2. Announcement Banner: Displays important announcements.
3. Content Body:
   • Introduction: Brief introduction and greeting message.
   • About Me: Detailed biography and background information.
   • Projects: Showcases latest projects with descriptions.
   • Skills: Lists technical skills and areas of expertise.
   • Research: Explore research projects and related work.
4. Footer: Includes a contact form and additional navigation links.

Navigation

• About: Learn more about Mahipal's background and journey.
• Works: Explore recent projects and achievements.
• Skills: View a comprehensive list of technical skills.
• Contacts: Get in touch through the contact form or social media links.

Contributing

Contributions are welcome! If you have any suggestions or improvements, please submit a pull request or open an issue.

Contribution Guidelines

• Fork the repository and create your branch from main.
• Describe your changes clearly in the pull request.
• Ensure your code follows the existing style and passes any checks.
• For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

Mahipal Jangra
Email: mukuljangra5@gmail.com
LinkedIn: Mahipal
GitHub: mukul975

---

Thank you for visiting the portfolio website. If you like the design, please follow and share!

Let's connect and create something amazing together!