altschooltest.com/table.html at main · TochukwuJustice/altschooltest.com · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Altschool Table</title>
    <style>
      body {
        background-color: lightgray;
      }
      table {
        background-color: black;
        width: 50%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-top: 10px;

      }

      tr {
        background-color: lightblue;
        text-align: center;
      }

      nav a {
        font-size: 0.9rem;
      }
      caption {
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: 700;
      }
      td,
      th {
        font-size: 1.2rem;
      }

      article{
        overflow-x: auto;
      }
    </style>
  </head>
  <body>
    <nav>
      <a href="media.html">Go to media</a>
    </nav>
    <article>
      <table border="1"   role="grid">
        <caption>
          Altschool Africa Schools
        </caption>
        <thead>
          <tr>
            <th>Schools</th>
            <th colspan="4" id="">Courses</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <th>SOE</th>
            <td>Frontend Engineering</td>
            <td>Backend Engineering</td>
            <td>Cloud Engineering</td>
            <td>Cybersecurity</td>
          </tr>

          <tr>
            <th>SOP</th>
            <td>Product Design</td>
            <td>Product Management</td>
            <td>Product Marketing</td>
            <td></td>
          </tr>

          <tr>
            <th>SOD</th>
            <td>Data Analysis</td>
            <td>Data Science</td>
            <td>Data Engineering</td>
            <td></td>
          </tr>

          <tr>
            <th>SOCE</th>
            <td>Content Mastery</td>
            <td>Music Business</td>
            <td></td>
            <td></td>
          </tr>

          <tr>
            <th>SOB</th>
            <td>Digital Marketing</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </tbody>
      </table>
    </article>
  </body>
</html>