Add three new HTML project templates with Tailwind CSS

[nhatvy142]

Summary

This PR adds three new standalone HTML project templates built with Tailwind CSS and modern web design patterns. Each template is a complete, self-contained single-page application ready for use or customization.

Changes Made

New Templates Added

1. Healthcare Dashboard (projects/healthcare-dashboard/index.html)

   • Comprehensive analytics dashboard for hospital/healthcare management
   • Features include KPI cards, patient admission trends chart, department distribution pie chart, and recent patients table
   • Includes sidebar navigation, search functionality, and notification badge
   • Uses Chart.js for data visualization
   • Custom color scheme with medical/healthcare branding

2. Portfolio - Dark Theme (projects/portfolio-dark/index.html)

   • Professional dark-themed portfolio website for a full-stack developer
   • Sections: hero with gradient text, featured projects grid, skills/technologies, about section, and contact CTA
   • Includes floating navbar, social media links, and project cards with hover effects
   • Custom gradient effects and glassmorphism design patterns
   • Responsive layout with mobile-first approach

3. SaaS Landing Page (projects/saas-landing/index.html)

   • Modern landing page template for a SaaS product (SaaSify)
   • Sections: hero with social proof stats, logo cloud, features grid, testimonials, pricing table, and CTA
   • Includes floating navbar with smooth transitions
   • Star ratings and customer testimonials with avatars
   • Pricing comparison table with feature highlights

Implementation Details

• All templates use Tailwind CSS via CDN with custom theme configuration
• Custom color palettes defined in each template's Tailwind config
• Google Fonts integration for typography (Fira Sans/Code, Space Grotesk, Archivo, Poppins, Open Sans)
• Accessibility features: ARIA labels, semantic HTML, reduced motion preferences
• Responsive design with mobile-first approach using Tailwind's grid system
• Interactive elements with hover states and smooth transitions
• No external JavaScript dependencies (except Chart.js for healthcare dashboard)
• Self-contained HTML files with inline styles and configuration

https://claude.ai/code/session_01E4rdBvf1LWqQ1XMTic7NrU

[mrgoonie]

@claude review

[claude]

Claude Code is working…

I'll analyze this and get back to you.

View job run