File manager - Edit - /home/webapp68.cm.in.th/u68319090024/Portfolio/webapp.html
Back
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>แนะนำตัว - อารีรัตน์ ขัดยศ</title> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="bg-gray-50 text-gray-800 font-sans"> <!-- Header --> <header class="bg-blue-600 text-white text-center py-12"> <h1 class="text-4xl font-bold">สวัสดีค่ะ ฉันชื่อ อารีรัตน์ ขัดยศ</h1> </header> <!-- About Me --> <section class="max-w-4xl mx-auto px-6 py-10"> <h2 class="text-2xl font-semibold mb-4 border-b pb-2">เกี่ยวกับฉัน</h2> <div class="flex flex-col md:flex-row items-center md:items-start gap-6"> <!-- รูปภาพ --> <div class="flex-shrink-0 w-48 h-48 md:w-60 md:h-60 rounded-full overflow-hidden shadow-lg"> <img src="1234/1234.jpg" alt="รูปของฉัน" class="w-full h-full object-cover"> </div> <!-- ข้อความแนะนำตัว --> <div> <p> สวัสดีค่ะ ฉันชื่อ <strong>นางสาวอารีรัตน์ ขัดยศ</strong> อายุ <strong>18</strong> ปี<br /> ขณะนี้กำลังศึกษาอยู่ในระดับ <strong>วิทยาลัยเทคนิคเชียงใหม่ ระดับชั้น ปวส.1 สาขาคอมเครือข่าย</strong><br /> สนใจด้านเทคโนโลยี การพัฒนาตนเอง เป็นคนชอบสังเกต รู้จักวางแผน และมองโลกในแง่ดี </p> </div> </div> </section> <!-- Skills --> <section class="max-w-4xl mx-auto px-6 py-10 bg-white rounded-lg shadow"> <h2 class="text-2xl font-semibold mb-4 border-b pb-2">ทักษะ</h2> <div class="grid grid-cols-2 md:grid-cols-3 gap-4"> <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full">คิดสร้างสรรค์</span> <span class="bg-green-100 text-green-800 px-3 py-1 rounded-full">แก้ปัญหาเป็น</span> <span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full">รู้จักปรับตัว</span> <span class="bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full">Canva</span> <span class="bg-pink-100 text-pink-800 px-3 py-1 rounded-full">รู้จักเข้าสังคม</span> <span class="bg-gray-200 text-gray-700 px-3 py-1 rounded-full">การสื่อสาร</span> </div> </section> <!-- Hobbies --> <section class="max-w-4xl mx-auto px-6 py-10"> <h2 class="text-2xl font-semibold mb-4 border-b pb-2">งานอดิเรก</h2> <div class="grid md:grid-cols-2 gap-6"> <div class="bg-white rounded-lg shadow p-4"> <h3 class="text-xl font-bold">ถ่ายภาพ</h3> <p class="text-sm mt-1">ชอบเก็บภาพบรรยากาศระหว่างเดินทาง ทั้งวิวธรรมชาติและชีวิตประจำวัน</p> </div> <div class="bg-white rounded-lg shadow p-4"> <h3 class="text-xl font-bold">ฟังเพลง</h3> <p class="text-sm mt-1">เพื่อผ่อนคลายและแชร์ความรู้สึก</p> </div> <div class="bg-white rounded-lg shadow p-4"> <h3 class="text-xl font-bold">อ่านหนังสือ</h3> <p class="text-sm mt-1">ชอบอ่านหนังสือแนวพัฒนาตนเอง แรงบันดาลใจ</p> </div> <div class="bg-white rounded-lg shadow p-4"> <h3 class="text-xl font-bold">เดินทางท่องเที่ยว</h3> <p class="text-sm mt-1">หลงใหลในการค้นพบสถานที่ใหม่ๆ และได้เรียนรู้วัฒนธรรมที่หลากหลาย</p> </div> </div> </section> <!-- Contact --> <section class="max-w-4xl mx-auto px-6 py-10"> <h2 class="text-2xl font-semibold mb-4 border-b pb-2">ติดต่อฉัน</h2> <p>อีเมล: <a href="mailto:62.13185@wjd.ac.th" class="text-blue-600 underline">62.13185@wjd.ac.th</a></p> <p>โทร: 0809794189</p> <p>Facebook: <a href="https://www.facebook.com/?locale=th_TH" class="text-blue-600 underline">facebook.com</a></p> </section> <!-- Footer --> <footer class="text-center text-sm text-gray-500 py-6"> © 2025 นางสาวอารีรัตน์ ขัดยศ. สร้างด้วยใจและความตั้งใจ ❤ </footer> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.43 |
proxy
|
phpinfo
|
Settings