Report-Card/index.html at main · jovialcore/Report-Card · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Yearly Student Report Card </title>
    <h2> Sample Student Report Card </h2>

    <style>
        html {
            font-family: arial;
            font-size: 18px;
        }

        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }

        td,
        th {
            border: 1px solid #2e2e2e;
            text-align: left;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #ffffff;
        }
    </style>
</head>

<body>
    <table>
        <tr>
            <th colspan="2">Name: Chidiebere Chukwudi</th>
            <th>Age: 23</th>
            <th>Class: SS 1</th>
        </tr>
        <tr>
            <th>Number In Class: 34</th>

            <th>Admission No: 45 </th>
            <th>Term: 2nd Term</th>
            <th>Session: 2021/2022 </th>
        </tr>
        <tr>
            <th>Total Marks Obtainable: 3,600 </th>

            <th>Total Marks Obtained : 779</th>
            <th>Average: 33.5 </th>
            <th>Percentage: 47th </th>
        </tr>
    </table>
    <table>
        <thead>
            <tr>
                <td colspan="3">Subject </td>
                <td rowspan="2"> Semester </td>
                <td rowspan="2"> Credits </td>
                <td colspan="2"> Grade </td>
            </tr>
            <tr>
                <td>Code </td>
                <td colspan="2"> Name </td>
                <td> Letter </td>
                <td> Points </td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>CS 225 </td>
                <td colspan="2">Data Structures </td>
                <td> Fall 2015</td>
                <td> 3.0 </td>
                <td> A </td>
                <td> 12.0 </td>
            </tr>
            <tr>
                <td>PHIL 105 </td>
                <td colspan="2">Ethics </td>
                <td> Fall 2015</td>
                <td> 3.0 </td>
                <td> A- </td>
                <td> 10.98 </td>
            </tr>
            <tr>
                <td>ECE 310 </td>
                <td colspan="2">Digital Signal Processing </td>
                <td> Fall 2015</td>
                <td> 3.0 </td>
                <td> A </td>
                <td> 12 </td>
            </tr>
            <tr>
                <td>CS 373 </td>
                <td colspan="2">Combinatorial Algorithms </td>
                <td> Fall 2015</td>
                <td> 3.0 </td>
                <td> B+ </td>
                <td> 9.99</td>
            </tr>
            <tr>
                <td>MATH 225 </td>
                <td colspan="2">Multi-Variable Calculus </td>
                <td> Fall 2015</td>
                <td> 3.0 </td>
                <td> A- </td>
                <td> 10.98 </td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="4" class="footer">Total</td>
                <td> 15.0 </td>
                <td colspan="2">55.95 </td>
            </tr>
            <tr>
                <td colspan="4" class="footer">GPA</td>
                <td colspan="3">3.73 / 4.0 </td>
            </tr>
            <tr>
                <td colspan="3" class="footer">Form Teacher's Comment: </td>
                <td colspan="6" class="footer">Name and Signature: </td>
            </tr>
            <tr>
                <td colspan="3" class="footer">Principal:  </td>
                <td colspan="6" class="footer">Name and Signature: </td>
            </tr>

    </table>
</body>