Hugging Face's logo

Spaces:
ntphuc149
/
info
Running

App Files Community
info / achievements.html
ntphuc149's picture
ntphuc149
Upload 3 files
6be2277 verified
Raw
History Blame Contribute Delete
17.1 kB
<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Achievements | Truong-Phuc Nguyen</title>
 <link rel="stylesheet" href="style.css" />
 <link
 href="https://cdn.jsdelivr.net/npm/remixicon@4.0.0/fonts/remixicon.css"
 rel="stylesheet"
 />
 </head>
 <body>
 <!-- Circuit traces background -->
 <svg
 style="
 position: fixed;
 inset: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
 pointer-events: none;
 "
 viewBox="0 0 1600 900"
 preserveAspectRatio="xMidYMid slice"
 aria-hidden="true"
 >
 <g stroke="rgba(245,166,35,.10)" stroke-width="1.5" fill="none">
 <path d="M0,120 H280 L320,160 H560" />
 <circle
 cx="560"
 cy="160"
 r="4"
 fill="rgba(245,166,35,.25)"
 stroke="none"
 />
 <path d="M1600,760 H1320 L1280,720 H980" />
 <circle
 cx="980"
 cy="720"
 r="4"
 fill="rgba(245,166,35,.25)"
 stroke="none"
 />
 <path d="M1600,260 H1460 L1420,300 V420" />
 <circle
 cx="1420"
 cy="420"
 r="4"
 fill="rgba(245,166,35,.25)"
 stroke="none"
 />
 <path d="M120,900 V700 L160,660 H300" />
 </g>
 </svg>
<!-- Navigation -->
 <nav>
 <div class="nav-container">
 <a href="index.html" class="logo"><i class="ri-star-fill"></i></a>
 <button class="mobile-menu-btn" onclick="toggleMenu()">
 <i class="ri-align-justify"></i>
 </button>
 <ul class="nav-links" id="navLinks">
 <li><a href="index.html#about">About</a></li>
 <li><a href="index.html#education">Education</a></li>
 <li><a href="publications.html">Publications</a></li>
 <li><a href="experience.html">Experience</a></li>
 <li>
 <a href="achievements.html" class="nav-active">Achievements</a>
 </li>
 <li><a href="index.html#contact">Contact</a></li>
 </ul>
 </div>
 </nav>
<div class="container" style="padding-top: 7rem">
 <div class="page-header">
 <a href="index.html" class="back-link"
 ><i class="ri-arrow-left-line"></i> Back</a
 >
 <h2 class="section-title">Achievements</h2>
 </div>
<!-- Academic Competitions -->
 <section>
 <div class="glass-card">
 <h3 style="color: var(--accent); margin-bottom: 1.5rem">
 <i class="ri-trophy-line"></i> Academic Competitions
 </h3>
 <div class="awards-grid">
 <div class="award-item">
 <div class="award-icon"><i class="ri-trophy-line"></i></div>
 <div class="award-info">
 <h4>ALQAC 2025 Competition</h4>
 <p class="award-date">July 2025</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 Top #4 in Legal Question Answering (0.9756 Accuracy) and Top
 #5 in Legal Information Retrieval (0.8482 F2-Score)
 </p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-trophy-line"></i></div>
 <div class="award-info">
 <h4>ALQAC 2024 Competition</h4>
 <p class="award-date">July 2024</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 Top #5 in Legal Question Answering task
 </p>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- Certifications -->
 <section>
 <div class="glass-card">
 <h3 style="color: var(--accent); margin-bottom: 1.5rem">
 <i class="ri-verified-badge-line"></i> Certifications
 </h3>
 <div class="timeline">
 <div class="timeline-item">
 <div class="timeline-date">November 2025</div>
 <h3>
 <a
 href="https://drive.google.com/file/d/1BChW5jv_c_w6l0zYkHbM7YcfNnBDhbOG"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 KSE 2025 Certification of Presentation <i class="ri-link"></i>
 </a>
 </h3>
 </div>
 <div class="timeline-item">
 <div class="timeline-date">July 2025</div>
 <h3>
 <a
 href="BLANK"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 TOEIC Reading &amp; Listening <i class="ri-link"></i>
 </a>
 </h3>
 </div>
 <div class="timeline-item">
 <div class="timeline-date">February 2025</div>
 <h3>
 <a
 href="https://drive.google.com/file/d/1hfjzTfOE7g5Z00r9lnCeiuCYvUAEQYqM"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 Hugging Face Agents Course <i class="ri-link"></i>
 </a>
 </h3>
 </div>
 <div class="timeline-item">
 <div class="timeline-date">December 2024</div>
 <h3>
 <a
 href="https://drive.google.com/file/d/1kLpV4UPiM5p35W19peId4IxBLU3ZOnNO"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 SOICT 2024 Presentation - Conference Presentation
 Certification <i class="ri-link"></i>
 </a>
 </h3>
 </div>
 <div class="timeline-item">
 <div class="timeline-date">February 2024</div>
 <h3>
 <a
 href="https://www.coursera.org/account/accomplishments/verify/WLBFF5JSP4KR"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 Stanford Machine Learning Specialization
 <i class="ri-link"></i>
 </a>
 </h3>
 </div>
 <div class="timeline-item">
 <div class="timeline-date">November 2022</div>
 <h3>
 <a
 href="https://www.coursera.org/account/accomplishments/professional-cert/A6Z4LZPH9QWB"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 Google Data Analytics Professional Certificate
 <i class="ri-link"></i>
 </a>
 </h3>
 </div>
 </div>
 </div>
 </section>
<!-- Scholarships -->
 <section>
 <div class="glass-card">
 <h3 style="color: var(--accent); margin-bottom: 1.5rem">
 <i class="ri-hand-coin-line"></i> Scholarships
 </h3>
 <div class="awards-grid">
 <div class="award-item">
 <div class="award-icon"><i class="ri-star-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="https://drive.google.com/file/d/15Wkn5Zpp1qmXZShZHYFDYsWd9LmL8Q8J/view?usp=sharing"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 NCU Scholarship for Master Students <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">May 2026</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 Full tuition and credit fee waiver with 6.000 NT$/month
 stipend
 </p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-star-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="https://drive.google.com/file/d/15Wkn5Zpp1qmXZShZHYFDYsWd9LmL8Q8J/view?usp=sharing"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 TOYOTA Excellence Academic Scholarship
 <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">November 2024</p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-bard-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="BLANK"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 Academic Excellence Scholarships <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">2021–2025</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 4 Academic Excellence &amp; 8 Talented Program Scholarships —
 Consistently ranked #1 in CS program
 </p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-star-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="BLANK"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 Full Tuition Waiver <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">2021–2023</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 Two consecutive academic years
 </p>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- Awards -->
 <section>
 <div class="glass-card">
 <h3 style="color: var(--accent); margin-bottom: 1.5rem">
 <i class="ri-award-fill"></i> Awards
 </h3>
 <div class="awards-grid">
 <div class="award-item">
 <div class="award-icon"><i class="ri-honour-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="https://drive.google.com/file/d/1OmMmKChNj_oQIpmG4wS6k2ZjJf1YywAL"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 Second Prize - MOE-level Student Scientific Research
 <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">June 2025</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 <strong>Research project:</strong> Research on building
 question answering system for Vietnamese legal documents
 </p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-honour-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="https://www.facebook.com/reel/1962974367572405"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 Excellence Graduate Thesis Presentation
 <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">June 2025</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 <strong>Thesis title:</strong> A Study of Vietnamese Legal
 Question Answering with Pre-trained and Large Language Models
 </p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-honour-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="BLANK"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 First Prize - University-level Student Scientific Research
 <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">May 2025</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 <strong>Research project:</strong> Research on building
 question answering system for Vietnamese legal documents
 </p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-honour-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="BLANK"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 First Prize - Faculty-level Student Scientific Research
 <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">March 2025</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 <strong>Research project:</strong> Research on building
 question answering system for Vietnamese legal documents
 </p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-honour-line"></i></div>
 <div class="award-info">
 <h4>
 <a
 href="BLANK"
 target="_blank"
 rel="noopener noreferrer"
 class="cert-link"
 >
 Second Prize - Faculty-level Student Scientific Research
 <i class="ri-link"></i>
 </a>
 </h4>
 <p class="award-date">June 2024</p>
 <p style="color: var(--text-secondary); font-size: 0.9rem">
 <strong>Research project:</strong> Research on developing a
 student attendance system using facial recognition and
 detecting unusual behavior in the classroom
 </p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-honour-line"></i></div>
 <div class="award-info">
 <h4>Outstanding Student (5 Goods)</h4>
 <p class="award-date">April 2023</p>
 </div>
 </div>
 <div class="award-item">
 <div class="award-icon"><i class="ri-honour-line"></i></div>
 <div class="award-info">
 <h4>First Prize - University-level English Olympic</h4>
 <p class="award-date">February 2022</p>
 </div>
 </div>
 </div>
 </div>
 </section>
 </div>
<footer>
 <p>© 2026 Truong-Phuc Nguyen. All rights reserved.</p>
 </footer>
<button class="theme-toggle-fixed" onclick="toggleTheme()" title="Toggle light/dark mode">
 <i class="ri-sun-line" id="themeIcon"></i>
 </button>
<script>
 function toggleMenu() {
 document.getElementById("navLinks").classList.toggle("active");
 }
 (function() {
 const saved = localStorage.getItem('theme');
 if (saved === 'light') {
 document.documentElement.setAttribute('data-theme', 'light');
 document.getElementById('themeIcon').className = 'ri-moon-line';
 }
 })();
 function toggleTheme() {
 const isLight = document.documentElement.getAttribute('data-theme') === 'light';
 if (isLight) {
 document.documentElement.removeAttribute('data-theme');
 localStorage.setItem('theme', 'dark');
 document.getElementById('themeIcon').className = 'ri-sun-line';
 } else {
 document.documentElement.setAttribute('data-theme', 'light');
 localStorage.setItem('theme', 'light');
 document.getElementById('themeIcon').className = 'ri-moon-line';
 }
 }
 </script>
 </body>
</html>