Portfolio Website

A single-page portfolio website built with vanilla HTML, CSS, and JavaScript. This is a showcase of my software development projects and skills.

Features

• Responsive Design — Works on desktop, tablet, and mobile devices
• Smooth Page Transitions — CSS animations between home and contact pages
• Real-time Date Display — Shows current day and month
• Interactive Elements — Marquee animation on hover, smooth navigation

Technologies

• HTML5 — Semantic markup
• CSS3 — Variables, animations, flexbox, media queries
• JavaScript — DOM manipulation, event handling

Project Structure

my-portfolio/
├── index.html          # Main HTML file
├── src/
│   ├── style.css       # All CSS styles with design system
│   └── main.js         # Navigation and date logic
└── public/
    └── images/         # Background image

How to Use

1. Click "contact" in the navigation to go to the contact page
2. Click "take me home" to return to the home page
3. Hover over the contact button to see the marquee animation

Updates

This portfolio is regularly updated with new projects as I continue to develop my software development skills.

Live Site

View on GitHub Pages