A modern, responsive portfolio website built with HTML, CSS, and JavaScript.
- Clean, modern design with Tailwind CSS
- Fully responsive layout for all devices
- Project showcase with filtering capability
- Skills and expertise section
- About/Bio page with personal journey
- Component-based architecture for easy maintenance
- SEO optimized with proper meta tags and structured data
- HTML5
- CSS3 with Tailwind CSS via CDN
- JavaScript (ES6+)
- Font Awesome for icons
This project uses a simple HTML include system to maintain consistent header and footer components across all pages:
- HTML fragments are stored in the
/includesdirectory - The
includes.jsscript loads these fragments into pages - Each page has placeholder divs with
data-includeattributes - Navigation highlighting is handled automatically based on current page
- Any modern web browser
- Basic knowledge of HTML, CSS, and JavaScript
- Text editor (VS Code, Sublime Text, etc.)
- Clone this repository
- Open any HTML file in your browser to view it
- For the includes system to work properly, you'll need to run a local server:
- Using Python:
python -m http.server - Using Node.js:
npx serve - Using VS Code: Install "Live Server" extension
- Using Python:
- Content Changes: Edit the HTML files directly
- Style Changes: Modify
assets/css/style.css - Project Data: Update the projects array in
assets/js/projects.js - Skills Data: Update the skills array in
assets/js/skills.js
This site can be deployed to any static hosting service:
- Upload all files to your web server
- Ensure the server is configured to serve HTML files
- No build step is required
- Proper meta tags for all pages
- Open Graph and Twitter Card support
- Structured data (JSON-LD)
- XML sitemap
- Robots.txt file
- Canonical URLs
- Semantic HTML structure
This project is licensed under the MIT License - see the LICENSE file for details.
See FOR_CLIENT.md for detailed information specifically for the client who ordered this website.