Week 1, A-Thx (Copy 699)
✨ NATCHAPOL NUNTHASUNTI
<html> <head> <title>Let's Start </title> <style> body{ background:#eee; margin:2em; font-family:sans-serif; background: linear-gradient(to bottom right,#ff0000, #ffa500, #ffff00, #008000, #0000ff, #4b0082, #ee82ee); } .namecard{ width:30%; height:40%; margin:auto; text-align:center; background:black; padding:2em; border-radius:15px; transition: .5s; color:black; } .namecard:hover{ background:skyblue; transition: .5s; transform: rotatey(360deg); color:black; } p{ color:#eee; } a{ color:#eee; } a:hover{ color:red; } h3{ color:#eee; } .flex-container { display: flex; } .flex-container > div { margin: 10px; padding: 20px; } </style> </head> <body> <!-- ให้แนะนำตัวเองพร้อมใส่ลิงค์ไปเฟสบุ๊คพี่ๆ --> <div class="flex-container"> <div class="namecard" style="background:linear-gradient(#FF9999,#FF6600"> <h3> ทัช - ชุติพนธ์ </h3> <p> เด็กในตี้พี่แต้งค้าบบบ ยินดีที่ได้รู้จักค้าบชื่อเล่นชื่อ ทัชครับ </p> <p> เข้าเพราะตามเพื่อนครับ แต่เพื่อนไม่ตามมา ยินดีที่รู้จักครับทุกคน </p> <a href="https://www.facebook.com/yoyatad" target="_blank">Contact</a> </div> <div class="namecard" style="background:linear-gradient(#FFCC99,#FF6600)"> <h3> พี-ณัชพล </h3> <p> หวัดดีค้าบ ยินดีที่ได้รู้จักค้าบ ชื่อจริง ณัชพล ครับ ชอบนอนครับ </p> <a href="https://www.facebook.com/P.P.P.P.NAT" target="_blank">Contact</a> </div> <div class="namecard" style="background:linear-gradient(#FFCC00,#FF6600)"> <h3> เจ๋ง-ณัฐดนัย </h3> <p> สวัสดีครับพรี่ </p> <a href="https://www.facebook.com/profile.php?id=100006664304728" target="_blank">Contact</a> </div> <div class="namecard" style="background:linear-gradient(#66CC66,#FF6600)"> <h3> แพรว-เกษมณี </h3> <p> สวัสดีงับ </p> <a href="https://web.facebook.com/michiyo.oz" target="_blank">Contact</a> </div> </div> <div class="flex-container"> <div class="namecard" style="background:linear-gradient(#00CCCC,#FF6600)"> <h3> ก๊อบแก๊บ-จีรภัทร </h3> <p> ชื่อก๊อบแก๊บนะครับ (๑╹ᆺ╹) </p> <a href="https://www.facebook.com/Jeeraphat55" target="_blank">Contact</a> </div> <div class="namecard" style="background:linear-gradient(#00CCFF,#FF6600)"> <h3> เดี่ยว-จิรพัฒน์ </h3> <p> อยากไปนอนเเล้วครับ..ใครเล่นgenshinแอดได้นะครับจะไปโขมยดอกไม้ </p> <a href="https://www.facebook.com/jiraphat.wunpuan" target="_blank">Contact</a> </div> <div class="namecard" style="background:linear-gradient(#3399FF,#FF6600)"> <h3> ก้อง-ชนะพล </h3> <p> ยินดีที่ได้รู้จักครับ ไม่เก่งอะไรเป็นพิเศษ ทำได้แต่แบบธรรมดา </p> <a href="https://www.facebook.com/profile.php?id=100003386462426" target="_blank">Contact</a> </div> <div class="namecard" style="background:linear-gradient(#9933FF,#FF6600)"> <h3> โปรแกรม-ณัฐพัชร์ </h3> <p> ษวัษดลีร์ครั๊ผผฒชื่ฮโปรเเกรมน๊ครั๊ผ ญิร์ป์นดลีร์ธิ๊ฆ์ไฎ๊รุ๊ง์วจัซ์ขน๊ครั๊ผ </p> <a href="https://www.facebook.com/Lww.PG" target="_blank">Contact</a> </div> </div> </body> </html>