Mrityunjay Pathak

Features

CSS Backgrounds

• The stylish dotted patterns are created using CSS Backgrounds.
• It has editable background pattern presets made entirely by CSS.
• You can copy it as CSS or download PNG image of the pattern.
• It adds a modern and professional aesthetic to the website.

---

Visual

• The hero section illustration is downloaded from Visual.
• They offer high quality free illustrations for different theme and style.
• Available for download in PNG or SVG format with transparent backgrounds.

---

Google Fonts

• I used Google Fonts to enhance the readability and visual appearance of the website.
• It ensures a clean and professional look across all devices and screen sizes.

---

Font Awesome

• I use Font Awesome icons to make the website more interactive and dynamic.
• Icons paired with text make buttons, links and sections easier to understand.
• They give a visual sense for actions like Email, GitHub, or Social links.
• They can react with hover effects or animations, making the website feel alive.
• Also easy to customize size, colors and style to match the website theme.

---

Formspree

• Built a contact form powered by Formspree, without the need for complex backend technologies like PHP.
• Makes it simple for users to get in touch without complex server setups.

---

Installation

• First, you need to download the project from GitHub to your local system.

git clone https://github.com/TheMrityunjayPathak/TheMrityunjayPathak.github.io.git

• Then, navigate into the project directory.

cd TheMrityunjayPathak.github.io

---

Setup

• After cloning, you can view and test the portfolio locally.

Option 1 - Open Directly in Browser

• Simply double-click the index.html file to open it in your default browser.

Option 2 - Run a Local Development Server

• For better testing, use VS Code Live Server.
• Open the project folder in Visual Studio Code.
• Install the Live Server extension (if not already installed).
• Right-click on index.html → Open with Live Server.
• The site will open at http://localhost:5500/ (or a similar port).

---

Folder Structure

TheMrityunjayPathak.github.io/
│
├── Assets/                  
│   ├── Blogs/               # Blog Images
│   ├── Certificates/        # Certificate Images     
│   ├── Icons/               # Website Icons
│   ├── Projects/            # Project Images
│   └── Skills/              # Skill Images
│
├── index.html               # Main HTML File
├── style.css                # CSS Style File
├── script.js                # JavaScript File
├── README.md                # Documentaion of the Portfolio
└── LICENSE                  # Specifying Permissions and Usage Rights

---

Usage

Important

If you want to fork or copy this repository to use for your own portfolio.

Please be a decent human being and give proper credit by linking back to my website : Mrityunjay Pathak

You can also check out this Quora post to understand why giving credit matters.

---

^ Scroll to Top ^