<<<<<<< HEAD

Personal Portfolio Website

A modern, responsive portfolio website showcasing my projects, skills, and achievements as an AI Engineer and Penetration Tester.

🌟 Features

• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• Dark/Light Theme: Toggle between dark and light modes with smooth transitions
• Bilingual Support: Switch between English and Vietnamese (EN/VI)
• Modern UI: Clean, professional design with smooth animations
• Interactive Elements: Hover effects and transitions for better user experience

🛠️ Technologies Used

• HTML5: Semantic markup
• CSS3: Custom styling with gradients and animations
• Bootstrap 5.3: Responsive grid system and components
• JavaScript: Dynamic theme switching and language translation
• Material Icons: Modern iconography

📂 Sections

1. About Me: Introduction and contact information
2. Skills: Programming languages and tools
3. Projects: Featured projects with descriptions and tech stacks
4. Awards: Achievements and recognitions
5. Contact: Get in touch via email

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, or Edge)
• A text editor (VS Code, Sublime Text, etc.) for customization

Installation

1. Clone the repository:

git clone https://github.com/yourusername/portfolio.git

2. Navigate to the project directory:

cd portfolio

3. Open MyPortfolio.html in your browser:

# On Windows
start MyPortfolio.html

# On macOS
open MyPortfolio.html

# On Linux
xdg-open MyPortfolio.html

Or simply double-click the MyPortfolio.html file.

🎨 Customization

Update Personal Information

1. Hero Section: Edit lines 460-480 in MyPortfolio.html
2. Skills: Modify the skills section (lines 485-530)
3. Projects: Update project details (lines 535-585)
4. Awards: Add your awards (lines 595-645)

Change Theme Colors

Edit the CSS gradient in the <style> section:

.hero-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

Add Translations

Update the translations object in the JavaScript section (around line 700) to add or modify translations.

📸 Screenshots

Light Mode

Dark Mode

🌐 Live Demo

View Live Demo

📝 To-Do

• Add project images
• Implement contact form backend
• Add blog section
• Create project detail pages
• Add animations on scroll

🤝 Contributing

Contributions, issues, and feature requests are welcome!

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

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

👤 Author

Do Dang Hieu Trung

• Email: 2im.junnn@gmail.com
• GitHub: @tsuk1shima-cs

⭐ Show Your Support

Give a ⭐️ if you like this project!

📞 Contact

Feel free to reach out if you have any questions or suggestions!

---

Note: Remember to replace placeholder images and update links before deploying.

Personal Portfolio Website

A modern, responsive portfolio website showcasing my projects, skills, and achievements as an AI Engineer and Penetration Tester.

🌟 Features

• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• Dark/Light Theme: Toggle between dark and light modes with smooth transitions
• Bilingual Support: Switch between English and Vietnamese (EN/VI)
• Modern UI: Clean, professional design with smooth animations
• Interactive Elements: Hover effects and transitions for better user experience

🛠️ Technologies Used

• HTML5: Semantic markup
• CSS3: Custom styling with gradients and animations
• Bootstrap 5.3: Responsive grid system and components
• JavaScript: Dynamic theme switching and language translation
• Material Icons: Modern iconography

📂 Sections

1. About Me: Introduction and contact information
2. Skills: Programming languages and tools
3. Projects: Featured projects with descriptions and tech stacks
4. Awards: Achievements and recognitions
5. Contact: Get in touch via email

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, or Edge)
• A text editor (VS Code, Sublime Text, etc.) for customization

Installation

1. Clone the repository:

git clone https://github.com/yourusername/portfolio.git

2. Navigate to the project directory:

cd portfolio

3. Open MyPortfolio.html in your browser:

# On Windows
start MyPortfolio.html

# On macOS
open MyPortfolio.html

# On Linux
xdg-open MyPortfolio.html

Or simply double-click the MyPortfolio.html file.

🎨 Customization

Update Personal Information

1. Hero Section: Edit lines 460-480 in MyPortfolio.html
2. Skills: Modify the skills section (lines 485-530)
3. Projects: Update project details (lines 535-585)
4. Awards: Add your awards (lines 595-645)

Change Theme Colors

Edit the CSS gradient in the <style> section:

.hero-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

Add Translations

Update the translations object in the JavaScript section (around line 700) to add or modify translations.

📸 Screenshots

Light Mode

Dark Mode

🌐 Live Demo

View Live Demo

📝 To-Do

• Add project images
• Implement contact form backend
• Add blog section
• Create project detail pages
• Add animations on scroll

🤝 Contributing

Contributions, issues, and feature requests are welcome!

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

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

👤 Author

Do Dang Hieu Trung

• Email: 2im.junnn@gmail.com
• GitHub: @tsuk1shima-cs

⭐ Show Your Support

Give a ⭐️ if you like this project!

📞 Contact

Feel free to reach out if you have any questions or suggestions!

---

Note: Remember to replace placeholder images and update links before deploying.

ee62a0de63b4283775278fd2791e27f9bda154a5