🌟 Features Responsive Design: Optimized for all devices (desktop, tablet, mobile)

Dark/Light Mode: Toggle between themes with persistent preferences

Interactive Navigation: Smooth scrolling and section highlighting

Project Showcase: Carousel display of projects with descriptions

Certifications Gallery: Multi-slide certification display with color coding

Skills Matrix: Organized technical skills with interactive elements

Education Timeline: Academic background with honors and achievements

Contact Integration: Social media links and contact information

Accessibility: ARIA labels and keyboard navigation support

🛠️ Technologies Used Frontend: HTML5, CSS3, JavaScript (ES6+)

Styling: Custom CSS with CSS Grid and Flexbox

Icons: Font Awesome 6.5.0

Animations: AOS (Animate On Scroll) library

Responsive: Mobile-first design approach

📱 Sections Personal Information - Background and professional details

Education - Academic journey with interactive cards

About Me - Professional introduction and mission statement

Projects - Interactive carousel showcasing development work

Skills - Technical expertise organized by category

Certifications - Multi-slide certification gallery

Contact - Social links and contact methods

🎨 Design Features Color Scheme: Professional blue theme with dark mode support

Typography: Segoe UI font family for readability

Animations: Smooth transitions and hover effects

Layout: Grid-based responsive layout

Navigation: Sticky navigation with smooth scrolling

🚀 Getting Started Prerequisites Modern web browser with JavaScript enabled

Internet connection (for CDN resources)

Installation Clone the repository:

bash git clone https://github.com/Seanscript-dev/portfolio.git Open index.html in your web browser

Deployment The site can be deployed on any static hosting service:

GitHub Pages

Netlify

Vercel

Any web server

📁 File Structure text portfolio/ ├── index.html ├── styles/ │ └── main.css ├── scripts/ │ └── main.js ├── assets/ │ ├── images/ │ │ ├── dp3.jpg │ │ └── logos.svg │ └── certificates/ └── README.md 🔧 Customization Personal Information Update the personal details in the "Personal Information" section:

Name, location, birthday

Professional interests

Contact information

Projects Add your projects to the projects carousel:

Update project titles and descriptions

Add project links

Include relevant images

Certifications Modify the certifications section:

Add certificate files to the certificates folder

Update certification links and descriptions

Use color coding (blue for minor, green for major certificates)

🌙 Dark Mode The website includes a persistent dark mode toggle that saves user preferences in localStorage.

📱 Responsive Breakpoints Desktop: 1024px and above

Tablet: 768px - 1023px

Mobile: 320px - 767px

🔍 SEO & Performance Semantic HTML structure

Optimized images

Lazy loading for better performance

Meta tags for social sharing

📄 License This project is open source and available under the MIT License.

🤝 Contributing Contributions, issues, and feature requests are welcome! Feel free to check issues page.

📞 Contact Sean Script - seanlansangtungcol1126@gmail.com

Project Link: https://github.com/Seanscript-dev/portfolio

🙏 Acknowledgments Font Awesome for icons

AOS library for scroll animations

Google Fonts for typography

All contributors and testers