Robot-Control-Panel/Robot Control Panel.HTML at master · a-dossari/Robot-Control-Panel · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
		<link href="https://fonts.googleapis.com/css2?family=Gugi&display=swap" rel="stylesheet">
        <link href="styles.css" rel="stylesheet" type="text/css" />
          <style>
           h1{color: #b00d00}
          div
          {
            text-align:center;
            }

          </style>
    </head>

    <body>

     <div > <h1>Robot Control Panel</h1>  </div>
	 <table align="left">
	 <img src="https://h.top4top.io/p_163731cyt1.png" alt="myrobot" style="width:306px;height:409px;">

        <table align="right">

            <tr>
                   <td>   </td>
                   <td>  <button class="button">  <img src="https://k.top4top.io/p_1637thgdn4.png" width="150" height="150">  </button>  </td>
                   <td>   </td>
             </tr>

             <tr>
                   <td>  <button class="button"> <img src="https://h.top4top.io/p_1637hk77g1.png" width="150" height="150">  </button>   </td>
                   <td> <button class="button"> <img src="https://j.top4top.io/p_163755gte3.png" width="150" height="150"> </button> </td>
                   <td><button class="button"> <img src="https://i.top4top.io/p_1637k9xeo2.png" width="150" height="150">  </button> </td>
            </tr>

              <tr>
                   <td>   </td>      <td>
                   <button class="button"> <img src="https://k.top4top.io/p_1637solzq1.png" width="150" height="150">  </button>  </td >
                   <td>   </td>
             </tr>

        </table>

    </body>

</html>