File manager - Edit - /home/webapp69.cm.in.th/u69319090026/portfolio/69319090026/includes/header.php
Back
<?php /** * Header Template for Han Portfolio * Contains SEO Meta Tags, CDNs for Stylesheets, and Navigation Bar. */ ?> <!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- SEO Friendly Meta Tags --> <title>นายหาญ (Han) | Portfolio - YouTuber, Streamer & Digital Artist</title> <meta name="description" content="พอร์ตโฟลิโอส่วนตัวของ นายหาญ (Han) เด็กหนุ่มไทยใหญ่ผู้มีความฝันในการเป็น YouTuber, Streamer, Digital Artist, และ Content Creator ค้นหาทักษะ ประวัติการศึกษา และผลงานทั้งหมดที่นี่"> <meta name="keywords" content="หาญ, นายหาญ, Han, Portfolio, พอร์ตโฟลิโอ, YouTuber, Streamer, Digital Artist, วาดภาพดิจิทัล, แม่แจ่ม, เชียงใหม่, ไทยใหญ่, ฉาน"> <meta name="author" content="Han"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="http://localhost/portfolio/"> <meta property="og:title" content="นายหาญ (Han) | Portfolio - YouTuber, Streamer & Digital Artist"> <meta property="og:description" content="พอร์ตโฟลิโอส่วนตัวของ นายหาญ (Han) เด็กหนุ่มไทยใหญ่ผู้มีความฝันในการเป็น YouTuber, Streamer, Digital Artist, และ Content Creator"> <meta property="og:image" content="assets/images/profile.jpg"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:title" content="นายหาญ (Han) | Portfolio - YouTuber, Streamer & Digital Artist"> <meta property="twitter:description" content="พอร์ตโฟลิโอส่วนตัวของ นายหาญ (Han) เด็กหนุ่มไทยใหญ่ผู้มีความฝันในการเป็น YouTuber, Streamer, Digital Artist, และ Content Creator"> <meta property="twitter:image" content="assets/images/profile.jpg"> <!-- Favicon (Premium Gold H inline SVG) --> <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%2222%22 fill=%22%230F172A%22/><text x=%2250%%22 y=%2254%%22 dominant-baseline=%22central%22 text-anchor=%22middle%22 font-size=%2260%22 font-weight=%22800%22 fill=%22%23F59E0B%22 font-family=%22Poppins, sans-serif%22>H</text></svg>"> <!-- Google Fonts: Poppins (English) & Prompt (Thai) --> <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=Poppins:wght@300;400;500;600;700;800&family=Prompt:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <!-- Bootstrap 5 CSS CDN --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <!-- Font Awesome Icons CDN --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!-- AOS (Animate on Scroll) CSS CDN --> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <!-- Custom CSS --> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <!-- Loading Screen --> <div id="loader" class="loader-wrapper"> <div class="loader-inner"> <div class="loader-circle"></div> <div class="loader-logo">H</div> </div> </div> <!-- Sticky Navigation Bar --> <nav class="navbar navbar-expand-lg fixed-top" id="mainNavbar"> <div class="container"> <a class="navbar-brand" href="#hero"> <span class="brand-text">HAN<span class="dot">.</span></span> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon-custom"> <span></span> <span></span> <span></span> </span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto align-items-center"> <li class="nav-item"> <a class="nav-link active" href="#hero">หน้าแรก</a> </li> <li class="nav-item"> <a class="nav-link" href="#about">เกี่ยวกับฉัน</a> </li> <li class="nav-item"> <a class="nav-link" href="#education">การศึกษา</a> </li> <li class="nav-item"> <a class="nav-link" href="#skills">ทักษะ</a> </li> <li class="nav-item"> <a class="nav-link" href="#dreams">ความฝัน</a> </li> <li class="nav-item"> <a class="nav-link" href="#portfolio">ผลงาน</a> </li> <li class="nav-item"> <a class="nav-link" href="#contact">ติดต่อ</a> </li> <!-- Light/Dark Mode Switch --> <li class="nav-item ms-lg-3"> <button id="themeToggle" class="theme-toggle-btn" aria-label="Toggle Dark/Light Mode"> <i class="fa-solid fa-moon theme-icon-dark"></i> <i class="fa-solid fa-sun theme-icon-light d-none"></i> </button> </li> </ul> </div> </div> </nav>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.22 |
proxy
|
phpinfo
|
Settings