P faii<3
✨ Chaowat Intarapanit
<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"> <defs> <pattern id="texture" viewBox="0 0 10 10" width="10%" height="10%"> <circle cx="19 " cy="15" r="10" fill="red"></circle> <circle cx="5 " cy="5" r="10"fill="brown"></circle> <circle cx="40" cy="15" r="2"fill="blue"></circle> <circle cx="60 " cy="20" r="10"fill="green"></circle> <circle cx="60 " cy="40" r="5"fill="black"></circle> <circle cx="39 " cy="30" r="6"fill="pink"></circle> <circle cx="79 " cy="95" r="2"fill="brown"></circle> <circle cx="49 " cy="80" r="7"fill="white"></circle> </pattern> </defs> <rect width="100" height="100" fill="url(#texture)"/> </svg> <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="#093" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0,60 l100,0 v60 h-100 v-60 "/> <path fill="#c00" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M50,50 h20 v20 h-20 v-20 l10,-10 l10 10 h20 l-10,-10 h-20 "/> <path fill="#c00" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M90,50 v20 h-20 v-20 z "/> <path></path> </svg> </body> </html>