Spaces:
Running
Running
| <html lang="en" class="scroll-smooth"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Kent Vuong | Full-Stack & DevOps Engineer</title> | |
| <meta name="description" content="Portfolio of Kent Vuong - Full-Stack & DevOps Engineer specializing in scalable web applications and cloud infrastructure."> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <!-- Google Fonts --> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| brand: { | |
| yellow: '#EAB308', // Yellow 500 | |
| black: '#0a0a0a', // Deep Black | |
| dark: '#171717', // Neutral 900 | |
| gray: '#262626', // Neutral 800 | |
| } | |
| }, | |
| fontFamily: { | |
| sans: ['Inter', 'sans-serif'], | |
| mono: ['Fira Code', 'monospace'], | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body class="bg-brand-black text-gray-200 font-sans antialiased overflow-x-hidden selection:bg-brand-yellow selection:text-brand-black"> | |
| <!-- Preloader --> | |
| <custom-preloader></custom-preloader> | |
| <script src="components/preloader.js"></script> | |
| <!-- Scroll Progress --> | |
| <custom-scroll-progress></custom-scroll-progress> | |
| <script src="components/scroll-progress.js"></script> | |
| <!-- Back to Top --> | |
| <custom-back-to-top></custom-back-to-top> | |
| <script src="components/back-to-top.js"></script> | |
| <!-- Components --> | |
| <script src="components/navbar.js"></script> | |
| <custom-navbar></custom-navbar> | |
| <main class="relative z-10"> | |
| <!-- Hero Section --> | |
| <script src="components/hero.js"></script> | |
| <custom-hero></custom-hero> | |
| <!-- Terminal Section --> | |
| <script src="components/terminal.js"></script> | |
| <custom-terminal></custom-terminal> | |
| <!-- Skills Section --> | |
| <script src="components/skills.js"></script> | |
| <custom-skills></custom-skills> | |
| <!-- Projects Section --> | |
| <script src="components/projects.js"></script> | |
| <custom-projects></custom-projects> | |
| <!-- Contact Section --> | |
| <script src="components/contact.js"></script> | |
| <custom-contact></custom-contact> | |
| </main> | |
| <!-- Footer --> | |
| <script src="components/footer.js"></script> | |
| <custom-footer></custom-footer> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |