Skip to content

Kumarjit-Pathak/kumarjit-pathak.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kumarjit Pathak - Website

A modern, responsive website built with HTML, CSS, and JavaScript. This website showcases professional information in a clean, mobile-friendly design.

Features

  • Responsive Design: Fully responsive layout that works on all devices
  • Modern UI/UX: Clean, professional design with smooth animations
  • Interactive Elements: Smooth scrolling, hover effects, and form validation
  • Mobile-First: Optimized for mobile devices with hamburger navigation
  • Fast Loading: Optimized for performance and quick loading times
  • SEO Friendly: Semantic HTML structure for better search engine visibility

Sections

  1. Hero Section: Introduction with profile photo and call-to-action buttons
  2. About: Personal information and key statistics
  3. Experience: Work experience timeline with detailed descriptions
  4. Education: Educational background and certifications
  5. Skills: Technical and soft skills organized by category
  6. Contact: Contact form and social media links

Technologies Used

  • HTML5: Semantic markup structure
  • CSS3: Modern styling with Flexbox and Grid
  • JavaScript: Interactive functionality and animations
  • Font Awesome: Icons for enhanced visual appeal
  • Google Fonts: Inter font family for typography

Getting Started

Prerequisites

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

Installation

  1. Clone or download this repository
  2. Open index.html in your web browser
  3. Customize the content with your personal information

Customization

  1. Personal Information: Update the content in index.html with your details
  2. Profile Photo: Replace Kumarjit Pathak Photo.jpg with your photo
  3. Colors: Modify the CSS variables in styles.css to match your brand
  4. Content: Update experience, education, and skills sections

Deployment on GitHub Pages

Method 1: Using GitHub Web Interface

  1. Create a new repository on GitHub
  2. Upload all files to the repository
  3. Go to repository Settings
  4. Scroll down to "Pages" section
  5. Select "Deploy from a branch"
  6. Choose "main" branch and "/ (root)" folder
  7. Click "Save"
  8. Your site will be available at https://yourusername.github.io/repository-name

Method 2: Using Git Command Line

# Initialize git repository
git init

# Add all files
git add .

# Commit changes
git commit -m "Initial commit: My website"

# Add remote repository
git remote add origin https://github.com/yourusername/your-repo-name.git

# Push to GitHub
git push -u origin main

Then follow steps 3-8 from Method 1.

File Structure

my-website/
├── index.html          # Main HTML file
├── styles.css          # CSS styles
├── script.js           # JavaScript functionality
├── Kumarjit Pathak Photo.jpg  # Profile photo
├── Kumarjit Pathak CV.pdf     # Original CV (for reference)
└── README.md           # This file

Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)
  • Mobile browsers (iOS Safari, Chrome Mobile)

Performance

  • Optimized images
  • Minified CSS and JavaScript (for production)
  • Fast loading times
  • Mobile-optimized

Contributing

Feel free to fork this project and customize it for your own use. If you make improvements, consider submitting a pull request.

License

This project is open source and available under the MIT License.

Contact

For questions or suggestions, please contact:


Note: Remember to update all placeholder information with your actual details before deploying!

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors