Week1 – แนะนำตัว Team SSPIM (Branch 680)
✨ PARANEENIPA SONGMUANG
<!DOCTYPE html> <html> <head> <style> .grid-container { display: grid; grid-template-columns: auto auto auto; background-color: #2196F3; padding: 10px; } .grid-item { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.8); padding: 20px; font-size: 30px; text-align: center; } </style> </head> <body> <div class="grid-container"> <div class="grid-item"> <img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> <div class="grid-item"><img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> <div class="grid-item"><img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> <div class="grid-item"><img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> <div class="grid-item"><img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> <div class="grid-item"><img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> <div class="grid-item"><img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> <div class="grid-item"><img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> <div class="grid-item"><img class="card-img-top" src="https://www.schoolonline4u.com/wp-content/uploads/2019/06/2089-Square-512x458.png"/> <h1 class="title"> SSPIM </h1> <p> 63070XXX </p> <a href="https://www.facebook.com/pimwaree.kromsuriyasak/">My Facebook</a> </div> </body> </html>