Zh
<!DOCTYPE html>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none">
<symbol id="key" viewBox="0 0 200 200">
<circle class="fil0" cx="100" cy="100" r="90"/>
<rect class="fil1" width="200" height="200"/>
<path class="fil2" d="M142 47c4,3 8,7 11,11l-42 42 42 42c-3,4 -7,8 -11,11l-42 -42 -42 42c-4,-3 -8,-7 -11,-11l42 -42 -42 -42c3,-4 7,-8 11,-11l42 42 42 -42z"/>
</symbol>
<symbol id="wifi" viewBox="0 0 200 200">
<path class="fil0" d="M27 153c-14,-19 -20,-44 -16,-67 4,-24 17,-45 36,-59 19,-14 44,-20 67,-16 24,4 45,17 59,36 14,19 20,44 16,67 -4,24 -17,45 -36,59 -19,14 -44,20 -67,16 -24,-4 -45,-17 -59,-36z"/>
<line class="fil1" x1="151" y1="151" x2="151" y2= "151" />
<polyline class="fil1" points="151,49 151,49 151,49 151,49 "/>
<path class="fil2" d="M65 135l0 -70 0 0 70 0 0 0 0 70 0 0 -70 0zm-16 16l102 0 0 -102 -102 0 0 102z"/>
</symbol>
<symbol id="start" viewBox="0 0 200 200">
<path class="fil0" d="M43 170c19,15 43,22 66,20 24,-3 46,-15 61,-33l0 0c15,-19 22,-43 20,-66 -3,-24 -15,-46 -33,-61l0 0c-19,-15 -43,-22 -66,-20 -24,3 -46,15 -61,33l0 0c-15,19 -22,43 -20,66 3,24 15,46 33,61l0 0zm20 -25c-12,-9 -20,-23 -21,-39 -2,-15 3,-31 13,-43l0 0c9,-12 23,-20 39,-21 15,-2 31,3 43,13l0 0c12,9 20,23 21,39 2,15 -3,31 -13,43l0 0c-9,12 -23,20 -39,21 -15,2 -31,-3 -43,-13z"/>
<path id="1" class="fil1 str0" d="M43 170c19,15 43,22 66,20 24,-3 46,-15 61,-33l0 0c15,-19 22,-43 20,-66 -3,-24 -15,-46 -33,-61l0 0c-19,-15 -43,-22 -66,-20 -24,3 -46,15 -61,33l0 0c-15,19 -22,43 -20,66 3,24 15,46 33,61m20 -25c-12,-9 -20,-23 -21,-39 -2,-15 3,-31 13,-43l0 0c9,-12 23,-20 39,-21 15,-2 31,3 43,13l0 0c12,9 20,23 21,39 2,15 -3,31 -13,43l0 0c-9,12 -23,20 -39,21 -15,2 -31,-3 -43,-13z"/>
<path class="fil0 str0" d="M73 133c9,7 20,11 31,10 12,-2 22,-7 29,-16l0 0c7,-9 11,-20 10,-31 -2,-12 -7,-22 -16,-29l0 0c-9,-7 -20,-11 -31,-10 -12,2 -22,7 -29,16l0 0c-7,9 -11,20 -10,31 2,12 7,22 16,29z"/>
</symbol>
<symbol id="break" viewBox="0 0 200 200">
<rect class="fil1" width="200" height="200"/>
<circle class="fil0" cx="100" cy="100" r="90"/>
<polygon class="fil2" points="38,139 100,31 100,31 162,139 162,139 "/>
<polygon class="fil0" points="65,123 135,123 135,123 100,62 100,62 "/>
</symbol>
<symbol id="krug" viewBox="0 0 200 200">
<path class="fil0" d="M43 170c19 15 43 22 66 20 24-3 46-15 61-33 15-19 22-43 20-66-3-24-15-46-33-61-19-15-43-22-66-20-24 3-46 15-61 33-15 19-22 43-20 66 3 24 15 46 33 61zm20-25c-12-9-20-23-21-39-2-15 3-31 13-43 9-12 23-20 39-21 15-2 31 3 43 13 12 9 20 23 21 39 2 15-3 31-13 43-9 12-23 20-39 21-15 2-31-3-43-13z"/><path class="fil1 str0" d="M43 170c19 15 43 22 66 20 24-3 46-15 61-33 15-19 22-43 20-66-3-24-15-46-33-61-19-15-43-22-66-20-24 3-46 15-61 33-15 19-22 43-20 66 3 24 15 46 33 61m20-25c-12-9-20-23-21-39-2-15 3-31 13-43 9-12 23-20 39-21 15-2 31 3 43 13 12 9 20 23 21 39 2 15-3 31-13 43-9 12-23 20-39 21-15 2-31-3-43-13z"/><path class="fil0 str0" d="M73 133c9 7 20 11 31 10 12-2 22-7 29-16s11-20 10-31c-2-12-7-22-16-29s-20-11-31-10c-12 2-22 7-29 16s-11 20-10 31c2 12 7 22 16 29z"/>
</symbol>
</svg>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="viewport" content="width=device-width, user-scalable=no">
<link href="style.css" rel="stylesheet">
<title>Controll Panel</title>
</head>
<body>
<div class="main">
<div class="container">
<p>Панель управления</p>
<object type="image/svg+xml" data="sprites.svg#wifi" width="200" height="200"></object>
</div>
<div class="container">
<span id="mc_data">... ...</span>
</div>
<div class="container">
<ul class="CPanel">
<li class= "CItem">
<div value="Switch Relay (On/Off)" id="relay_button" class= "button_div">
<svg class="svg">
<use xlink:href="#wifi" />
</svg>
</div>
</li>