-
Notifications
You must be signed in to change notification settings - Fork 0
/
sgpa-calculator.html
140 lines (131 loc) · 5.83 KB
/
sgpa-calculator.html
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
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Chandigarh University SGPA Calculator</title>
<!-- bootstrap all files links -->
<link rel="stylesheet" href="./assets/vendors/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="./assets/vendors/bootstrap/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>
<link rel="stylesheet" href="./assets/vendors/sweetalert/sweetalert2.min.css">
<script src="./assets/vendors/sweetalert/sweetalert2.all.min.js"></script>
<link
rel="shortcut icon"
href="./assets/icon/cusgpa.svg"
type="image/x-icon"
/>
</head>
<body>
<!-- navbar section -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html">
<img src="./assets/images/cuims-logo.png" alt="Bootstrap" width="100%" height="36">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active fw-bold text-primary" href="./sgpa-calculator.html">SGPA Calculator</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./theory-calculator.html">Theory Calculator</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./hybrid-calculator.html">Hybrid Calculator</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Open-Elective Calculator</a>
</li>
</ul>
<button class="btn btn-outline-dark" type="submit">
<a href="https://github.com/subhadipbhowmik/chandigarh-university-calculator" target="_blank" class="text-decoration-none"><i class="fa-brands fa-github mx-2 "></i>Github</a>
</button>
</div>
</div>
</nav>
<div class="container">
<h1 class="text-center">Chandigarh University SGPA Calculator</h1>
<div class="row">
<div class="col">
<input id="course-code" class="form-control" type="text" placeholder="Subject Code" />
</div>
<div class="col">
<select id="unit-load" class="form-control">
<option value="">Credit</option>
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
<option value="0">0</option>
</select>
</div>
<div class="col">
<select id="grade" class="form-control">
<option value="">Grade</option>
<option value="10">A+</option>
<option value="9">A</option>
<option value="8">B+</option>
<option value="7">B</option>
<option value="6">C+</option>
<option value="5">C</option>
<option value="4">D+</option>
<option value="3">D</option>
<option value="2">E+</option>
<option value="1">E</option>
<option value="0">F+</option>
</select>
</div>
</div>
<div class="row mt-3">
<div class="col">
<input id="add" class="btn w-25 m-auto btn-outline-primary " type="button" value="Add" />
</div>
</div>
<table id="table" class="table text-center table-bordered mt-3 display-none">
<thead>
<tr>
<th>Subject Code</th>
<th>Subject Credit</th>
<th>Grade</th>
</tr>
</thead>
<tbody id="tbody"></tbody>
<tfoot id="tfoot"></tfoot>
</table>
<div class="container">
<div class="row mt-3">
<div class="col">
<input id="calc-gp" class="btn btn-success display-none" type="button" value="Calculate GP" />
</div>
<div class="col">
<input id="print" class="btn btn-primary display-none" type="button" value="Print Result" onclick="window.print()" />
</div>
</div>
<div class="row mt-2"><!-- Added margin top for small screens -->
<div class="col">
<input id="clear" class="btn btn-warning display-none" type="button" value="Clear" />
</div>
</div>
</div>
</div>
<!-- footer section-->
<p class="text-dark mt-5 text-center " style="font-size: 20px;">
© 2024 Chandigarh University Calculator. Developed with ❣️by <a target="_blank" class="text-decoration-none " href="https://shubhadip.bio.link/">shubhadip</a>
</p>
<script src="./assets/vendors/bootstrap/bootstrap.bundle.min.js"></script>
<script src="./assets/js/sgpaCal.js"></script>
</body>
</html>