Personal Portfolio Website

A modern, responsive personal portfolio website built with HTML, CSS, and JavaScript. Features a clean, minimalistic design with a turquoise theme and smooth animations.

Features

• Responsive design that works on all devices
• Smooth scroll animations
• Fade-in effects on scroll
• Section-based layout including:
  • Home/Introduction
  • Experience Timeline
  • Projects Showcase
  • Education History
  • Skills Overview
  • Publications
• Modern turquoise color scheme
• Interactive hover effects
• Clean and professional typography

Technologies Used

• HTML5
• CSS3 (with CSS Variables)
• JavaScript (Vanilla)
• Font Awesome Icons
• Google Fonts (Poppins)

Setup

1. Clone the repository:

git clone https://github.com/monashat77/personal-portfolio

2. Open index.html in your web browser to view the website.

3. Customize the content:

   • Replace the placeholder text in index.html with your personal information
   • Modify the color scheme in styles.css by updating the CSS variables in the :root selector
   • Add your own images and adjust styling as needed

Customization

Colors

The color scheme can be customized by modifying the CSS variables in styles.css:

:root {
    --primary-color: #40E0D0;
    --primary-light: #7FFFD4;
    --primary-dark: #20B2AA;
    --text-color: #333;
    --background-color: #fff;
    --section-bg: #f8f9fa;
}

License

MIT License - feel free to use this template for your personal portfolio!