File manager - Edit - /home/webapp68.cm.in.th/u68319090006/Portfolio/index.html
Back
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>เกี่ยวกับ | Portfolio</title> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap" rel="stylesheet"> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #0f1115, #1c1f26); color: #f5f5f5; overflow-x: hidden; animation: fadeIn 1s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } } nav { background-color: rgba(26, 29, 34, 0.95); padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 10px rgba(0, 188, 212, 0.1); } nav a { color: #f5f5f5; margin-left: 20px; text-decoration: none; font-weight: 600; position: relative; transition: color 0.3s ease; } nav a::after { content: ''; display: block; height: 2px; background: #00bcd4; width: 0; transition: width 0.3s ease; position: absolute; bottom: -5px; left: 0; } nav a:hover { color: #00bcd4; } nav a:hover::after { width: 100%; } section { max-width: 900px; margin: 80px auto; padding: 30px 20px; background-color: rgba(255, 255, 255, 0.02); border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 188, 212, 0.08); text-align: center; animation: fadeIn 1.5s ease-in; } h2 { color: #00bcd4; margin-bottom: 25px; font-size: 2.6em; font-weight: 700; letter-spacing: 1px; } .profile-img { width: 220px; /* ปรับให้ใหญ่ขึ้น */ height: 220px; border-radius: 50%; border: 4px solid #00bcd4; margin: 0 auto 25px; display: block; object-fit: cover; box-shadow: 0 8px 15px rgba(0, 188, 212, 0.4); transition: transform 0.3s ease, box-shadow 0.3s ease; } .profile-img:hover { transform: scale(1.05); box-shadow: 0 12px 25px rgba(0, 188, 212, 0.5); } p { font-size: 1.2em; line-height: 1.9; color: #cccccc; max-width: 720px; margin: 0 auto; } p strong { color: #00bcd4; font-weight: 600; } @media (max-width: 768px) { section { margin: 40px 20px; padding: 25px 15px; } h2 { font-size: 2em; } p { font-size: 1.1em; } .profile-img { width: 160px; /* ขยายจากเดิมเล็กน้อย */ height: 160px; margin-bottom: 20px; } } </style> </head> <body> <nav> <div><a href="index.html">วิชยุตม์</a></div> <div> <a href="about.html">เกี่ยวกับ</a> <a href="projects.html">งานอดิเรก</a> </div> </nav> <section> <img src="Pictures/2233.jpg" alt="รูปโปรไฟล์" class="profile-img" /> <h2>เกี่ยวกับฉัน</h2> <p> สวัสดีครับ ผมชื่อ <strong>นายวิชยุตม์ ธาตุทอง</strong> ปัจจุบันกำลังศึกษาอยู่ระดับชั้น ปวส.1 และมีประสบการณ์การทำเว็ปไซต์เล็กน้อยละจะพัฒนาต่อไปเรื่อยๆ </p> </section> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.37 |
proxy
|
phpinfo
|
Settings