HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>tv-set</title>
<style>
body{
margin: 0;
}
div{
text-align: center;
}
</style></head>
<body>
<div>
<svg width=300px; height=450px >
<path id="test-path" fill="none" stroke="cyan" stroke-width="1" d="M3.858,58.607 c16.784-5.985,33.921-10.518,51.695-12.99c50.522-7.028,101.982,0.51,151.892,8.283c17.83,2.777,35.632,5.711,53.437,8.628 c51.69,8.469,103.241,11.438,155.3,3.794c53.714-7.887,106.383-20.968,159.374-32.228c11.166-2.373,27.644-7.155,39.231-4.449" />
<text x=0 y=70 fill=none stroke=red style='font-size: 45px' >
<textPath xlink:href='#test-path' startOffset=15px> Здесь интересный заголовок</textPath>
</text>
<rect x=90 y=380 width=20px height=40px rx=5 ry=5 fill=black></rect>
<rect x=450 y=380 width=20px height=40px rx=5 ry=5 fill=black></rect>
<rect x=20 y=90 width=550px height=300px rx=40 ry=40 fill=gray></rect>
<rect x=40 y=110 width=450px height=260px rx=40 ry=40 fill=lightblue></rect>
<rect x=500 y=130 width=55px height=90px rx=10 ry=10 fill=black></rect>
<rect x=510 y=140 width=35px height=15px rx=5 ry=5 fill=red></rect>
<rect x=510 y=165 width=35px height=15px rx=5 ry=5 fill=yellow></rect>
<rect x=510 y=190 width=35px height=15px rx=5 ry=5 fill=green></rect>
<circle cx=530 cy=350 r=15px fill=black></circle>
<circle cx=270 cy=240 r=80px fill=red></circle>
<circle cx=270 cy=240 r=65px fill=white></circle>
<circle cx=270 cy=240 r=50px fill=red></circle>
<circle cx=270 cy=240 r=35px fill=white></circle>
<circle cx=270 cy=240 r=20px fill=red></circle>
</svg>
</div>
</body>
</html>
