Group B SS’Pim
✨ elzaphaN TV
<html> <head> <title>Let's Start</title> <style> body{ background:black; font-family:sans-serif; margin: 0; } svg{ background: #eee; height: 100vh; width: 100vw; } } } </style> </head> <body> <!--1 ฟลุ๊ค--> <svg viewBox="0 0 450 400"> <text x=120 y="60"> นายชัยรวิชญ์ เอี่ยมขจรชัย 63070034</text> <circle cx="235" cy="220" r="150" fill="rgb(252, 194, 27)"stroke="black" stroke-width="7"/> <path d="M 170,280 l 130, 0" stroke="black" stroke-width="13"/> <ellipse fill = "#1dd1f5" cx = "160" cy = "210" rx = "30" ry = "30" stroke="black" stroke-width="5">> <animate attributeName="rx" values="25" dur="5s" repeatCount="indefinite" /> <animate attributeName="ry" values="30;30;36;28;30" dur="4s" repeatCount="indefinite" /> </ellipse> <ellipse fill = "#0c0cb0" cx = "310" cy = "210" rx = "30" ry = "30" stroke="black" stroke-width="5">> <animate attributeName="rx" values="30;30;40;30;30" dur="5s" repeatCount="indefinite" /> <animate attributeName="ry" values="25" dur="4s" repeatCount="indefinite" /> </ellipse> <path d="M 120,180 l 80, 0" class="svg-1" stroke="black" stroke-width="15"/> <path d="M 270,180 l 80, 0" class="svg-1" stroke="black" stroke-width="15"/> </svg> <!--1 ฟลุ๊ค--> <!--2 จุ๋งจิ๋ง--> <svg viewBox="0 0 40 40"> <text x=13 y="4" style="font-size: 2px;"> นางสาวณัฐวลี จำปาสด 63070061</text> <circle fill = "rgb(252, 194, 27)" stroke="black" stroke-width="0.7" cx = "20" cy = "21" r = "16"> </circle> <ellipse fill = "#42330f" cx = "14" cy = "19" rx = "2" ry = "2.5"> </ellipse> <ellipse fill = "#42330f" cx = "26" cy = "19" rx = "2" ry = "2.5"> </ellipse> <ellipse fill = "#42330f" cx = "20" cy = "25" rx = "4" ry = "3"> </ellipse> <ellipse fill = "rgb(252, 194, 27)" cx = "20" cy = "26" rx = "4" ry = "3"> </ellipse> <path d="M10,16 L15,17.6" stroke="#42330f" stroke-width="1.5" fill="none"/> <path d="M25,17.6 L30,16" stroke="#42330f" stroke-width="1.5" fill="none"/> </svg> <!--2 จุ๋งจิ๋ง--> <!--3 มิ้ง--> <svg viewBox="0 0 40 40"> <text x=10 y="5" style="font-size: 2px;"> นางสาวชนกนันท์ นุ่มน้อย 63070027</text> <svg x="20"></svg> <ellipse cx="20" cy="22" rx="16" ry="16" fill="rgb(252, 194, 27)" stroke="black" stroke-width="0.7"/> <svg> <ellipse cx="14" cy="17" rx="3" ry="3" fill="#42330f"/> </svg> <svg x="11"> <ellipse cx="15" cy="17" rx="3" ry="3" fill="#42330f" /> </svg> <svg y="11"> <ellipse cx="20" cy="18" rx="4" ry="4" fill="#42330f"> <animate attributeName="ry" values="4;4;5;4;4" dur="4s" repeatCount="indefinite" /> </ellipse> </svg> </svg> <!--3 มิ้ง--> <!--4 เฟรม--> <svg viewBox="0 0 40 40" > <text x="22" y="3" style="font-size: 1.5px"> นางสาวกุลนิษฐ์ จูงาม 63070011</text> <svg x="20" ></svg> <ellipse cx="20" cy="22" rx="16.1" ry="16.1" fill="gray" stroke="black" stroke-width="1.5"/> <ellipse cx="20" cy="22" rx="16.075" ry="16.075" fill="#fdb102" /> <ellipse cx="20" cy="22" rx="16.05" ry="16.05" fill="#fdd402" /> <ellipse cx="20" cy="22" rx="16" ry="16" fill="rgb(252, 194, 27)" /> <path d="M 12.75 33 q 9.4 -8.8 13.8 0" stroke="#402b00" stroke-width="0.75" fill="none"/> <svg y="3" > <ellipse cx="12" cy="23" rx="5" ry="2" fill="#fee6ef" ><animate attributeName="rx" values="2;2;3;2;2" dur="3s" repeatCount="indefinite" /> <animate attributeName="ry" values="1;1;2;1;1" dur="5s" repeatCount="indefinite" /> </ellipse> <ellipse cx="28" cy="23" rx="5" ry="2" fill="#fee6ef" ><animate attributeName="rx" values="2;2;3;2;2" dur="3s" repeatCount="indefinite" /> <animate attributeName="ry" values="1;1;2;1;1" dur="5s" repeatCount="indefinite" /> </ellipse> </svg> <svg > <ellipse cx="15" cy="21" rx="4.35" ry="4.35" fill="#ffb6a6" /> <ellipse cx="15" cy="21" rx="4" ry="4" fill="#FBFBFB" /> <circle cx="15" cy="21" fill="grey" r="2.2"></circle> <circle cx="15" cy="21" fill="#490d00" r="2.1"></circle> <circle cx="14.5" cy="20" fill="#f5f6f4" r=".95"></circle> <circle cx="15.5" cy="22" fill="#f5f6f4" r=".5"></circle> <path d="M 7 15q 10.6 5 10 0" stroke="#490d00" stroke-width="1.25" fill="none"/> </svg> <svg x="10" > <ellipse cx="15" cy="21" rx="4.35" ry="4.35" fill="#ffb6a6" /> <ellipse cx="15" cy="21" rx="4" ry="4" fill="#FBFBFB" /> <circle cx="15" cy="21" fill="grey" r="2.2"></circle> <circle cx="15" cy="21" fill="#490d00" r="2.1"></circle> <circle cx="14.5" cy="20" fill="#f5f6f4" r=".95"></circle> <circle cx="15.5" cy="22" fill="#f5f6f4" r=".5"></circle> <path d="M 12 15q -0.1 5 11 0" stroke="#490d00" stroke-width="1.25" fill="none"/> </svg> </svg> <!--4 เฟรม--> <!--5 เวฟ--> <svg viewBox="0 0 100 100"> <text x="50" y="5" style="font-size: 4px"> นายณัฐพงษ์ ปทุมสูตร 63070054</text> <circle cx="50" cy="50" r="40" fill="rgb(252, 194, 27)" stroke="black" stroke-width="1.5"></circle> <polygon points="25,40 45,50 20,60 40,50" stroke-width="0.5" stroke="black" fill="black"></polygon> <polygon points="75,40 55,50 80,60 60,50" stroke-width="0.5" stroke="black" fill="black"></polygon> <polygon points="27,72 29,74 39,64 50,76 61,64 71,74 73,72 71,76 61,66 50,78 39,66 29,76" fill="black"></polygon> </svg> <!--5 เวฟ--> <!--6 อ๊อฟ--> <svg viewbox = "0 0 50 50"> <text x="25" y="3" style="font-size: 2px"> นายธีรภพ โพธิ์เกิ 63070086</text> <rect fill = "rgb(252, 194, 27)" width = "40" height = "40" rx="15" x = "5" y = "5" stroke="black" stroke-width="0.8"> </rect> <#line stroke = "black" x1 = "25" y1 = "25" x2 = 25 y2 = "5" stroke-width = "10"></line> <circle fill = "white" r = "5" cx = "15" cy = "15" stroke="black" stroke-width = "1"> </circle> <circle fill = "white" r = "5" cx = "35" cy = "15" stroke="black" stroke-width = "1"> </circle> <#ellipse fill = "yellow" cx = "10" cy = "15" rx = "2" ry = "4" stroke = "black" transform = "rotate(-30 18 15)"></ellipse> <#ellipse fill = "yellow" cx = "40" cy = "15" rx = "2" ry = "4" stroke = "black" transform = "rotate(30 32 15)"></ellipse> <#ellipse fill = "yellow" cx = "8" cy = "20" rx = "1" ry = "2" stroke = "black" transform = "rotate(-30 25 15)"></ellipse> <#ellipse fill = "yellow" cx = "42" cy = "20" rx = "1" ry = "2" stroke = "black" transform = "rotate(30 25 15)"></ellipse> <rect fill = "#D63F1F" width = "25" height = "10" rx="3" x = "12.5" y = "30"> </rect> <polygon fill = "white" points = "12, 30 15,30 16,34 17,30 20,30 21,34 22,30 25,30 26,34 27,30 30,30 31,34 32,30"></polygon> <#line stroke = "black" x1 = "25" y1 = "45" x2 = 25 y2 = "40" stroke-width = "10"></line> </svg> <!--6 อ๊อฟ--> <!--7 เติ้ล--> <svg viewbox="0 0 50 50"> <text x="28" y="3" style="font-size: 2px"> นายนพณัฐ คำเมือง 63070090</text> <polygon fill="#56f0d1" points="25,3 23,10 19,13 13,30 15,32 25,38 35,32 37,30 31,13 27,10" stroke="black" stroke-width="0.3px"/> <polygon fill="#22d6b2" points="19,13 25,14 25,17 19,16 15,32 13,30 " stroke="black" stroke-width="0.3px"/> <polygon fill="#22d6b2" points="31,13 25,14 25,17 31,16 35,32 37,30" stroke="black" stroke-width="0.3px"/> <polygon fill="#22d6b2" points="17.8, 21 19,22 20,21 19.5,26 18,28 16.5,26" stroke="black" stroke-width="0.3px"/> <polygon fill="#22d6b2" points="32.2, 21 31,22 30,21 30.5,26 32,28 33.5,26" stroke="black" stroke-width="0.3px"/> <polygon fill="#56f0d1" points="20,21 30,21 30.5, 26 25,30 19.5,26" stroke="black" stroke-width="0.3px"/> <polygon fill="#0cad8d" points="30.5, 26 25,30 19.5,26 18,28 25,34 32,28" stroke="black" stroke-width="0.3px"/> <polygon fill="#0cad8d" points="19,16 19.5,16.1 18.5,20 19.5,21.5 19,22 17.8,21" stroke="black" stroke-width="0.3px"/> <polygon fill="#0cad8d" points="31,16 30.5,16.1 31.5,20 30.5,21.5 31,22 32.2,21" stroke="black" stroke-width="0.3px"/> <polygon fill="#88eb1e" points="20,16.2 23,16.7 21,17.3" stroke="black" stroke-width="0.3px"/> <polygon fill="#88eb1e" points="30.8,16.1 27,16.7 29,17.3" stroke="black" stroke-width="0.3px"/> <polygon fill="black" points="20,16.2 21,17.3 23,16.7 23.2,16.7 21,17.6 19.7,16.2" stroke="black" stroke-width="0px"/> <polygon fill="black" points="30.8,16.1 29,17.3 27,16.7 26.8,16.8 29,17.6 31,16" stroke="black" stroke-width="0.3px"/> <!--7 เติ้ล--> <!--8 อั่งเปา--> </svg> <svg viewBox="0 0 100 100"> <rect width="100" height="0" fill="#3a3"> <animate attributeName="height" values="0;100;0" dur="10s" repeatCount="indefinite"/> <animate attributeName="height" values="0;100;0" dur="10s" repeatCount="indefinite"/> </rect> <circle cx="50" cy="50" r="46.5"/> <circle cx="50" cy="50" r="45" fill="#ec5"/> <svg y="30"> <svg x="20"> <polygon points="2,0 20,18 18,20 0,2"/> <polygon points="18,0 20,2 2,20 0,18"/> </svg> <svg x="60"> <polygon points="2,0 20,18 18,20 0,2"/> <polygon points="18,0 20,2 2,20 0,18"/> </svg> </svg> <svg y="13"> <svg x="20"> <rect width="20" height="10" rx="10"/> </svg> <svg x="60"> <rect width="20" height="10" rx="10"/> </svg> </svg> <svg y="17"> <svg x="20"> <rect width="20" height="10" fill="#ec5" rx="10"/> </svg> <svg x="60"> <rect width="20" height="10" fill="#ec5" rx="10"/> </svg> </svg> <svg y="50" x="40"> <rect width="20" height="25" rx="20"> <animate attributeName="height" values="25;30;25" dur="4s" repeatCount="indefinite"/> </rect> </svg> <text x="50" y="3" style="font-size: 4px"> นางสาวนฤมล ทองเชื้อ 63070094</text> </svg> <!--8 อั่งเปา--> <!--9 บูม--> <svg viewBox="0 0 50 50"> <text x="25" y="3" style="font-size: 2px"> นายภานุพงศ์ เฉลยรัตน์ 63070134</text> <ellipse cx="25" cy="25" rx="20" ry="20" fill="rgb(252, 194, 27)" stroke="black" stroke-width="0.7"/> <polygon points="5.4,21 20,30 20,32 5,23" style="fill:white;"/> <polygon points="44.6,21 30,30 30,32 45,23" style="fill:white;"/> <polygon points="7.1,34 20,36 20,38 8.2,36" style="fill:white;"/> <polygon points="42.9,34 30,36 30,38 41.8,36" style="fill:white;"/> <svg x="14" y="23"> <rect rx="3" ry="3" width="22" height="17"style="fill:white;" /> </svg> <path d="M 13,17 Q 18,14 22,15" stroke=rgb(101,69,4) stroke-width="1.5" fill="transparent"/> <path d="M 28,15 Q 33,14 37,17" stroke=rgb(101,69,4) stroke-width="1.5" fill="transparent"/> </svg> <!--9 บูม--> <!--10 เคม--> <svg viewBox="0 0 50 50"> <text x="25" y="3" style="font-size: 2px">นายธนโชติ ลีหล้าน้อย 63070071 </text> <ellipse cx="25" cy="25" rx="20" ry="20" fill="rgb(252, 194, 27)" stroke="black" stroke-width="0.7"/> <ellipse cx="17" cy="19" rx="2" ry="2.5" fill="rgb(101,69,4)"></ellipse> <ellipse cx="33" cy="19" rx="2" ry="2.5" fill="rgb(101,69,4)"></ellipse> <rect x="12.7" y="27" width="25" height="10" rx=4 fill="white" stroke="rgb(101,69,4)"></rect> <line stroke="rgb(101,69,4)" x1="12.7" y1="32" x2="38" y2="32"></line> <line stroke="rgb(101,69,4)" x1="17.2" y1="27" x2="17" y2="37"></line> <line stroke="rgb(101,69,4)" x1="22.4" y1="27" x2="22.4" y2="37"></line> <line stroke="rgb(101,69,4)" x1="27.6" y1="27" x2="27.6" y2="37"></line> <line stroke="rgb(101,69,4)" x1="32.8" y1="27" x2="32.8" y2="37"></line> </svg> <!--10 เคม--> </body> </html>