JSFiddle - React, Tailwind, and code Playground

by moloko

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Задача 12</title>
  </head>
  <body>
    <h3>Карта сокровищ</h3>
    <hr>
    <img alt="карта" usemap="#way" src="https://img-fotki.yandex.ru/get/15589/136164467.4/0_f44f5_6c0fdf57_orig.jpg">
    <map name="#way">
      <area href="#" alt="Корабль" title="Корабль" shape="rect" coords="211,220,263,290">
      <area href="#" alt="Акула" title="Акула" shape="rect" coords="390,21,463,62">
      <area href="#" alt="Осьменог" title="Осьменог" shape="rect" coords="40,225,118,280">
      <area href="#" alt="Клад" title="Клад" shape="rect" coords="248,76,302,132">
    </map><br>
    Пройдено: <progress value="60" max="100"></progress>
    <hr>
    <div style="background: #333333; color: white; width: 160px; height: 30px;  text-align: center; line-height: 1.8;">www.itmathrepetitor.ru</div>
  </body>
</html>