File manager - Edit - /home/webapp68.cm.in.th/u68319090027/Portfolio/index.html
Back
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <title>เว็บไซต์แนะนำตัว - ณัฐดนัย อิ่นคำ</title> <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;600&display=swap" rel="stylesheet"> <style> body { margin: 0; padding: 0; font-family: 'Kanit', sans-serif; background: #f4f8fb; color: #333; text-align: center; } header { background: #d0e6f7; padding: 60px 20px; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); } header img { width: 200px; height: 200px; border-radius: 50%; border: 6px solid white; box-shadow: 0 6px 20px rgba(0,0,0,0.15); } h1 { font-size: 2.8rem; margin: 20px 0 10px; } p.tagline { font-size: 1.2rem; margin-bottom: 10px; } .highlight { color: #007acc; font-weight: bold; } .about { max-width: 700px; margin: 40px auto; padding: 20px; font-size: 1.1rem; } .hobbies { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; padding: 20px; max-width: 1000px; margin: auto; } .hobby { background: #ffffff; border-radius: 15px; padding: 25px; box-shadow: 0 3px 10px rgba(0,0,0,.08); transition: transform .2s; } .hobby:hover { transform: scale(1.02); } .hobby img { width: 120px; height: 120px; margin-bottom: 10px; } footer { margin-top: 40px; padding: 20px; font-size: 0.9rem; color: #555; background: #eaf3fa; clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%); } a { color: #0077cc; text-decoration: none; } a:hover { text-decoration: underline; } </style> </head> <body> <header> <img src="Pictures0/dd.jfif" alt="รูปโปรไฟล์"> <h1>สวัสดีครับผมชื่อ ณัฐดนัย อิ่นคำ <span class="highlight">(กล้า)</span></h1> <p class="tagline">จบการศึกษาระดับ ปวช ที่ เทคนิคลำพูน</p> </header> <section class="about"> <p> เว็บไซต์นี้จัดทำขึ้นเพื่อแนะนำตัวในรูปแบบที่สร้างสรรค์และเป็นกันเอง<br> ผมเป็นคนที่มีความสนใจด้านไอที ชอบทดลองเขียนโค้ด และใช้เวลาว่างไปกับกิจกรรมที่ช่วยพัฒนาทักษะด้านต่างๆ<br> นอกจากนี้ เป็นนักศึกษาอยู่ที่เทคนิคเชียงใหม่และมีความสนใจในการเขียนโค้ดและเขียนโปรแกรมเพื่อในอนาคตจะได้นำไปต่อยอดครับ </p> </section> <section> <h2>งานอดิเรกของผม</h2> <div class="hobbies"> <div class="hobby"> <img src="Pictures0/g.jfif" alt="แมว"> <h3>เล่นกีตาร์</h3> </div> <div class="hobby"> <img src="Pictures0/T.jfif" alt="อาหาร"> <h3>เที่ยวธรรมชาติ</h3> </div> </section> <footer> <p>📬 หากต้องการติดต่อเพิ่มเติม : <a href="https://www.facebook.com/dare.tongtemple">facebook.com</a></p> <p>© 2025 พัฒนาโดย ณัฐดนัย อิ่นคำ ด้วยความตั้งใจและความสนุกในการเรียนรู้</p> </footer> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.38 |
proxy
|
phpinfo
|
Settings