-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
executable file
·121 lines (118 loc) · 5.17 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-YM7N846T6G"
></script>
<!-- Adsense script -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5750060815915776"
crossorigin="anonymous"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-YM7N846T6G");
</script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="author" content="Nikhil George" />
<meta
name="description"
content="75 Attendance Percentage Calculator for College. Find out the number of days you should attend to attain 75% attendance or the number of days you can bunk if you have more than 75%"
/>
<meta name="keywords" content="attendance, 75%, calculator, percentage, attendance tracker, college attendance, student attendance tracking, attendance management, attendance software, attendance app, student tracking system, bunk, compulsory attendance, attendance calculator online, class attendance, track attendance, academic attendance, calculate attendance days, attendance tool, absence calculator, educational attendance, attendance monitoring, attendance record, class attendance system, school attendance, university attendance, absence tracking, attendance record keeping, attendance analytics, attendance planning, attendance optimization, attendance planning tool, absence management, attendance statistics">
<meta name="keywords" content="">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Attendance Percentage Calculator - attendance75" />
<meta
name="twitter:description"
content="75 Attendance Percentage Calculator for College. Find out the number of days you should attend to attain 75% attendance or the number of days you can bunk if you have more than 75%"
/>
<meta name="twitter:site" content="@thegeorgenikhil" />
<meta name="twitter:creator" content="@thegeorgenikhil" />
<meta property="og:title" content="Attendance Percentage Calculator - attendance75" />
<meta
property="og:description"
content="75 Attendance Percentage Calculator for College. Find out the number of days you should attend to attain 75% attendance or the number of days you can bunk if you have more than 75%"
/>
<meta property="og:url" content="https://attendance75.in/" />
<meta property="og:site_name" content="Attendance Percentage Calculator - attendance75" />
<meta property="og:type" content="website" />
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./styles.css" />
<title>Attendance Percentage Calculator - attendance75</title>
</head>
<body>
<nav class="navbar container-centered">
<h1>75attendance Calculator</h1>
<div class="navbar-sub-heading">
<p>
Find out the number of days you can bunk while still maintaining 75%
attendance
</p>
<p>or the number of days you should attend to attain 75% attendance.</p>
</div>
</nav>
<div class="divider"></div>
<main class="container-centered">
<div class="input-container percentage-select-container">
<label for="percentage">Percentage Required</label>
<select name="percentage" id="percentage" class="percentage-select">
<option value="60">60%</option>
<option value="65">65%</option>
<option value="70">70%</option>
<option value="75" selected>75%</option>
<option value="80">80%</option>
<option value="85">85%</option>
<option value="90">90%</option>
</select>
</div>
<div class="user-input-container">
<div class="input-container">
<label for="present-input">Present</label>
<input
name="present-input"
type="number"
id="present-input"
autocomplete="off"
min="0"
/>
</div>
<div class="input-container">
<label for="total-input">Total</label>
<input
name="present-input"
type="number"
id="total-input"
autocomplete="off"
min="0"
/>
</div>
<button id="btn" class="calculate-btn">Calculate</button>
</div>
</main>
<div id="output-div" class="output-text"></div>
<footer id="footer" class="footer">
<p>
View Source Code on
<a
class="footer-link"
target="_blank"
href="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/thegeorgenikhil/75attendance"
>GitHub ↗</a
>
</p>
</footer>
<script src="./app.js"></script>
</body>
</html>