Week1 – แนะนำตัว Team SSPIM (Branch 672)
✨ นายสิทธิเจตน์ วานิชสรรพ์
<html> <head> <title>Let's Start </title> <style> body{ background:#f3eac2; margin:2em; font-family:"Helvetica"; } a{ cursor: url(https://i.imgur.com/TSvJMbv.png),auto; text-decoration:none; } .flex-container{ display: flex; flex-wrap: wrap; font-size: 30px; text-align: center; } .namecard{ width:50%; height:40%; margin:20; text-align:center; text-align:center; border-radius:35px; color: white; box-shadow:0px 0px 20px grey; text-shadow:0px 0px 7px black; flex: 23%; } .namecard:hover{ border-radius:60px; } </style> </head> <body> <!-- ให้แนะนำตัวเองพร้อมใส่ลิงค์ไปเฟสบุ๊คพี่ๆ --> <div class="flex-container"> <div class="namecard" style="background: linear-gradient(to bottom left, #9999ff 0%, #ff9933 100%);"> <h1 class="title"> KHAW </h1> <h3> 63070098 </h3> <a href="https://www.facebook.com/b.butsayamas"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/abutmad/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> <div class="namecard" style="background: linear-gradient(to right, #fca5f1 0%, #b5ffff 100%);"> <h1 class="title"> SUNTHORN </h1> <h3> 63070125 </h3> <a href="https://www.facebook.com/profile.php?id=100011382731124"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/ppphiraphat_/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> <div class="namecard" style="background: linear-gradient(to bottom right, #66ffcc 0%, #ffccff 100%);"> <h1 class="title"> MAMEAW </h1> <h3> 63070130 </h3> <a href="https://web.facebook.com/profile.php?id=100005698352093"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/meawpanipa/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> <div class="namecard" style="background: linear-gradient(to bottom, #ed4264 0%, #ffedbc 100%);"> <h1 class="title"> NOYNA </h1> <h3> 63070149 </h3> <a href="https://www.facebook.com/ratchanee.khantiwong/"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/noyna_rcn/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> <div class="namecard" style="background: linear-gradient(to bottom, #e0eee0 0%, #ffc1c1 100%);"> <h1 class="title"> AOM </h1> <h3> 63070152 </h3> <a href="https://www.facebook.com/Luksamee.Lunsiay/"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/luksamee.aom/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> <div class="namecard" style="background: linear-gradient(to right, #d74177 0%, #ffe98a 100%);"> <h1 class="title"> DISK </h1> <h3> 63070176 </h3> <a href="https://web.facebook.com/profile.php?id=100003029241606"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/diskzxc/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> <div class="namecard" style="background: linear-gradient(to bottom, #6a5acd 0%, #ff69b4 100%);"> <h1 class="title"> BANK </h1> <h3> 63070179 </h3> <a href="https://www.facebook.com/bank.suwannapong"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/banksuw__/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> <div class="namecard" style="background: linear-gradient(to right, #33ccff 0%, #99ff99 100%);"> <h1 class="title"> BK </h1> <h3> 63070184 </h3> <a href="https://www.facebook.com/Apibun.Somsri"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/__ceresz__/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> <div class="namecard" style="background: linear-gradient(to bottom, #3494e6 0%, #ec6ead 100%)"> <h1 class="title"> PU </h1> <h3> 63070191 </h3> <a href="https://www.facebook.com/intanon.taengtang"> <img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="51px" class="left icon"> </a> <a href="https://www.instagram.com/int_6.12/"> <img src="https://i.imgur.com/i4CIc04.png" width="51px" class="left icon"> </a> </div> </div> </body> </html>