Groub B P Arin
✨ JAKARIN YENSUK
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:#c00; box-shadow:0 0 20px #0002; width:80%; } </style> </head> <body> <svg viewBox="0 0 100 100"> <circle r="1" fill="#fc0" cx="50" cy="50"/> <circle stroke="#fc0" stroke-width="2" r="15" fill="#fc08" cx="20" cy="20"/> <path fill="green" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M90,90 v50 h-20 v-50 z "/> <path fill="green" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M50,85 v20 h-20 v-20 z "/> </svg> <br><br> <svg viewBox="0 0 100 100"> <defs> <pattern id="grass" viewBox="0 0 10 10" patternUnits="userSpaceOnUse" x="0" y="0" width="10" height="10" > <rect width="100" height="100" fill="#C6FF00"/> <path stroke="black" fill="gray" stroke-linejoin="square" d="m1,5 h3 v-4 h4 v4 h3 z " /> </pattern> <pattern id="sea" viewBox="0 0 10 10" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse" > <rect width="100" height="100" fill="#4FC3F7"/> <circle r="1" cx="3" cy="3" fill="red"/> <circle r="1" cx="1" cy="1" fill="red"/> <circle r="1" cx="3" cy="1" fill="blue"/> <circle r="1" cx="1" cy="3" fill="blue"/> <circle r="1" cx="2" cy="2" fill="pink"/> </pattern> </defs> <rect fill="url(#grass)" width="100" height="100"/> <path fill="url(#sea)" d="M0,0 h100 L0,100 "/> <rect fill="url(#grass)" width="100" height="40" y="60"/> </svg> </body> </html>