Portfolio Website

This portfolio website showcases previous mock-up works and provides information about the portfolio owner. It is designed to be accessible, responsive, and interactive.

Project Structure

portfolio-website
├── index.html          # Main entry point of the portfolio website
├── about.html          # Information about the portfolio owner
├── projects.html       # Showcase of previous mock-up works
├── contact.html        # Contact form for visitors
├── assets
│   ├── css
│   │   ├── style.css   # Main styles for the website
│   │   ├── normalize.css # Reset default browser styles
│   │   └── responsive.css # Styles for responsive design
│   ├── js
│   │   ├── main.js      # Main JavaScript functionality
│   │   └── animations.js # JavaScript for animations and transitions
│   └── fonts
│       └── webfonts    # Custom web fonts
├── images
│   ├── projects
│   │   ├── project1    # Placeholder images for project 1
│   │   ├── project2    # Placeholder images for project 2
│   │   └── project3    # Placeholder images for project 3
│   ├── profile         # Profile image of the portfolio owner
│   └── icons           # Icon images used throughout the website
├── resume.pdf          # Downloadable resume of the portfolio owner
└── README.md           # Documentation for the project

Features

• Responsive Design: The website adapts to various screen sizes using media queries.
• Accessibility: All images have appropriate alt text, and forms are designed with accessibility in mind.
• Interactivity: JavaScript is used to enhance user experience with event listeners and animations.

Setup Instructions

1. Clone the repository to your local machine.
2. Open the index.html file in your web browser to view the portfolio.
3. Customize the content in the HTML files and update the images in the images directory as needed.

Technologies Used

• HTML5
• CSS3
• JavaScript
• Web Fonts

License

This project is licensed under the MIT License.