A modern, responsive portfolio website showcasing professional background, projects, and contact information.
Visit the live site: https://drgnnatsu.github.io
- Home — hero, quick intro and theme toggle
- About — biography, skills, and resume link
- Projects — project cards with links, tech stack and screenshots
- Timeline — interactive career / project timeline
- Policy / Privacy — GDPR / privacy notice and cookie policy
- Contact — contact form with validation and social links
- Footer — copyright, credits and quick links
- Responsive design for all devices
- Dark / Light theme toggle with saved preference
- Interactive timeline with animations
- Project showcase with modal/detail view
- Form validation and client-side error handling
- Google Maps integration on contact page
- Smooth CSS transitions and accessibility improvements
- Images optimized and lazy-loaded for performance
- HTML5
- CSS3 (custom properties, flexbox, grid)
- JavaScript (Vanilla)
- Google Maps API
- Clone the repository:
- Open
index.htmlin a browser, or serve locally: - Edit files in the root or
assets/folders and refresh the browser.
index.html— main entryassets/— stylesheetsJS/— JavaScript filespublic/— images and screenshotspages/— additional HTML pagesREADME.md— this file
- Use semantic HTML and ARIA where appropriate
- Optimize images (use WebP / properly sized images)
- Ensure focus styles and keyboard navigation work for interactive elements
- Author: DrGnNatsu — https://github.com/DrGnNatsu
- Map integration: Google Maps Platform
- Icons & fonts: use whichever open-source set you included (e.g., Font Awesome, Google Fonts)
- Icons: https://www.google.com/url?sa=i&url=https%3A%2F%2Fstock.adobe.com%2Fsearch%3Fk%3Ddragon%2Blogo&psig=AOvVaw13kLT7GjPeVpK3_C9E_3C1&ust=1761319427206000&source=images&cd=vfe&opi=89978449&ved=0CBUQjhxqFwoTCOjHhqjQupADFQAAAAAdAAAAABAE
- Images: sourced from public/free providers (e.g., Unsplash) or created by the author
- Inspiration and templates: community open-source projects and tutorials
This project is provided under the MIT License (if desired, add LICENSE file).