TripleDNN

Current Directory: /home/webapp68.cm.in.th/u68319090018/Portfolio

File Name	Size	Actions
IMG_4030.JPG	132136 bytes	Edit \| Delete \| Rename \| Download
Untitled-1.html	2253 bytes	Edit \| Delete \| Rename \| Download

<!DOCTYPE html>
<html lang="th">
<head>
  <meta charset="UTF-8">
  <title>แนะนำตัว - บัดดี้</title>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      background-color: #f2f2f2;
      color: #333;
      text-align: center;
      padding: 50px;
    }
    .card {
      background-color: #fff;
      border-radius: 15px;
      padding: 40px;
      max-width: 600px;
      margin: auto;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    img {
      width: 150px;
      border-radius: 50%;
      margin-bottom: 20px;
    }
    h1 {
      font-size: 32px;
      margin-bottom: 10px;
    }
    h2 {
      font-size: 24px;
      margin-top: 30px;
      margin-bottom: 10px;
      color: #555;
    }
    p {
      font-size: 18px;
      line-height: 1.6;
    }
    ul {
      list-style: none;
      padding: 0;
      font-size: 18px;
    }
    li::before {
      content: "• ";
      color: #0077cc;
    }
    .contact {
      margin-top: 20px;
    }
    .contact a {
      text-decoration: none;
      color: #0077cc;
    }
  </style>
</head>
<body>
  <div class="card">
    
    <img src="IMG_4030.jpg" alt="รูปของบัดดี้">
    
    <h1>สวัสดีครับ ผมชื่อบัดดี้</h1>
    <p>
      ยินดีที่ได้รู้จักครับ!<br>
      ขณะนี้กำลังศึกษาอยู่ในระดับ<br>วิทยาลัยเทคนิกเชียงใหม่ ระดับชั้น ปวส.1 สาขาคอทพิวเตอร์เครือข่าย
      กำลังพัฒนาทักษะเพื่อเป็นนักพัฒนาเว็บมืออาชีพครับ 
    </p>

<h2>งานอดิเรกของผม</h2>
    <ul>
      <li>ฟังเพลง</li> 
      <li>ดูหนัง/ซีรีส์</li>
      <li>เล่นเกม</li>
    </ul>

<div class="contact">
      <p>ติดต่อผมได้ที่: <a href="mailto:buddyteeraphat@gmail.com">buddyteeraphat@gmail.com</a></p>
    </div>
  </div>
</body>
</html>