Week 1 (Branch 554) (Copy 652) (Branch 693) (Copy ..
✨ Nest Nest
<html> <head> <title>Let's Start </title> <style> @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap'); body{ background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);; margin:2em; font-family:'Kanit', sans-serif; } p{ margin-top:-20px; font-family:'Kanit', sans-serif; font-size: 29px; color:#3e50bc; } .namecard{ width:50%; margin: 10px auto 50px auto ; text-align:center; background:white; padding: 2em; border-radius: 10%; box-shadow: above; } .title{ margin-top:-2px; color:deeppink; } .facebook_pic{ margin-top: 5px; margin-bottom: 30px; height: 200px; width: 200px; object-fit: cover; object-position: top center; border-radius: 50%; background: linear-gradient(to right, #FF6355, #FAE442, #8BD448); padding: 10px; /* box-shadow: 0 10px 50px hsl(260, 100%, 28%); */ } .border-gradient-purple { border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } .img-icon{ width: 60px; height: 60px; margin: 5px; border-radius:50%; transition: 0.25s; } .img-iconfb{ width: 60px; height: 60px; margin: 5px; border-radius:50%; transition: 0.25s; } .img-icon:hover{ width:70px; height:70px; box-shadow: 0 10px 30px hsl(278, 79%, 33%); } .img-iconfb:hover{ width:70px; height:70px; box-shadow: 0 10px 50px hsl(180, 80%, 50%); } a{ text-decoration:none; } </style> </head> <body> <!-- ให้แนะนำตัวเองพร้อมใส่ลิงค์ไปเฟสบุ๊คพี่ๆ --> <div class="namecard"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798830019240656896/jod.png" class="facebook_pic"> <h1 class="title"> Tanachot Lukvisaitdee </h1> <p> Oat , Chonburi </p> <a href="https://www.facebook.com/tanachot.lukvisaitdee/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798825223796555786/1200px-Facebook_Logo_28201929.png" class="img-iconfb"> </a> <a href="https://www.instagram.com/oat.tnc/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798855708408807494/1024px-Instagram_icon.png" class="img-icon"> </a> </div> <div class="namecard"> <img src="https://i.imgur.com/DPaYJFM.png" class="facebook_pic"> <h1 class="title"> Jirayu Torranathiti </h1> <p> Fench , Chonburi </p> <a href="https://web.facebook.com/vazilyr" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798825223796555786/1200px-Facebook_Logo_28201929.png" class="img-iconfb"> </a> <a href="https://www.instagram.com/_j1ra_/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798855708408807494/1024px-Instagram_icon.png" class="img-icon"> </a> </div> <div class="namecard"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798818464717864960/53577936_2238991449484996_2236622292614381568_o.jpg" class="facebook_pic"> <h1 class="title"> Kalyarak Choobpha </h1> <p> Miew , BKK </p> <a href="https://www.facebook.com/mwxk.225/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798825223796555786/1200px- Facebook_Logo_28201929.png" class="img-iconfb"> </a> <a href="https://www.instagram.com/zalmwxk/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798855708408807494/1024px-Instagram_icon.png" class="img-icon"> </a> </div> <div class="namecard"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798817684576796682/received_183728726204865.jpeg" class="facebook_pic"> <h1 class="title"> Jutamas Chanathitikul </h1> <p> Tal , BKK </p> <a href="https://www.facebook.com/sodera.miliko/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798825223796555786/1200px- Facebook_Logo_28201929.png" class="img-iconfb"> </a> <a href="https://www.instagram.com/oynachikata/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798855708408807494/1024px-Instagram_icon.png" class="img-icon"> </a> </div> <div class="namecard"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798817848037343232/image0.jpg" class="facebook_pic"> <h1 class="title"> Kotchakorn Kajonchai </h1> <p> Jen , Chonburi </p> <a href="https://www.facebook.com/jen.ol.37/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798825223796555786/1200px- Facebook_Logo_28201929.png" class="img-iconfb"> </a> <a href="https://www.instagram.com/_jjjennn_/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798855708408807494/1024px-Instagram_icon.png" class="img-icon"> </a> </div> <div class="namecard"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798818923575246848/07c6b77e33af938e.jpg" class="facebook_pic"> <h1 class="title"> Chanisara Watcharaponkul </h1> <p> Nest , Chonburi </p> <a href="https://web.facebook.com/chanissara.watcharaponkul" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798825223796555786/1200px- Facebook_Logo_28201929.png" class="img-iconfb"> </a> <a href="https://www.instagram.com/naninenest/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798855708408807494/1024px-Instagram_icon.png" class="img-icon"> </a> </div> <div class="namecard"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798819310252195860/image0.jpg" class="facebook_pic"> <h1 class="title"> Chanikarn Kamwong </h1> <p> Pae , Chonburi </p> <a href="https://www.facebook.com/nostale.momo/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798825223796555786/1200px- Facebook_Logo_28201929.png" class="img-iconfb"> </a> <a href="https://www.instagram.com/pe_4me/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798855708408807494/1024px-Instagram_icon.png" class="img-icon"> </a> </div> <div class="namecard"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798820094112169984/image0.jpg" class="facebook_pic"> <h1 class="title"> Chanika Preechaphonlakul </h1> <p> Parn , NKNY </p> <a href="https://www.facebook.com/chanika.preechapolakul.3" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798825223796555786/1200px- Facebook_Logo_28201929.png" class="img-iconfb"> </a> <a href="https://www.instagram.com/pp_chanika/" target="_blank"> <img src="https://cdn.discordapp.com/attachments/798210236095004682/798855708408807494/1024px-Instagram_icon.png" class="img-icon"> </a> </div> </body> </html>