-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (144 loc) · 5.75 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M3N7TRK3W4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-M3N7TRK3W4');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="SRM Internal Marks Calculator, Internal Marks Prediction, External Exam Marks Estimation, SRMIST Calculator, SRMIST Internal Marks, SRM Institute of Science and Technology, Internal Assessment Marks, Semester Exam Marks, Academic Performance Calculator, SRMIST Feedback">
<meta name="description" content="The SRMIST Internal Marks Calculator tool is designed to help students predict their external exam marks based on their internal assessments. By inputting your internal marks, you can get an estimate of the marks you need in your external exams to achieve your desired grades.">
<title>SRM Internal Mark Calculator - Home</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<script src="js.js" defer></script>
<style>
/* Menu Bar Styles */
.side-menu {
position: fixed;
top: 0;
left: -250px;
width: 250px;
height: 100%;
background-color: #111;
transition: left 0.3s ease;
overflow-y: auto;
padding-top: 20px;
z-index: 1000;
}
.side-menu.show {
left: 0;
}
.side-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.side-menu ul li {
text-align: left;
}
.side-menu ul li a {
text-decoration: none;
color: #fff;
display: block;
padding: 15px 20px;
font-size: 1.2em;
transition: background-color 0.3s ease;
}
.side-menu ul li a:hover {
background-color: #30dc30;
}
.menu-icon {
cursor: pointer;
color: #fff;
font-size: 1.5em;
position: absolute;
top: 15px;
left: 15px;
z-index: 1100;
}
.menu-icon.close-menu {
display: none;
}
@media (max-width: 768px) {
.side-menu {
width: 200px;
}
}
@media (max-width: 480px) {
.side-menu {
width: 150px;
}
.menu-icon {
top: 10px;
left: 10px;
}
}
</style>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="menu-icon" onclick="toggleMenu()">
<i class="fas fa-bars"></i>
</div>
<h1>SRM Internal Mark Calculator</h1>
</header>
<!-- Side Menu -->
<nav class="side-menu" id="side-menu">
<ul>
<li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
<li><a href="howtouse.html"><i class="fas fa-question-circle"></i> How to Use?</a></li>
<li><a href="about.html"><i class="fas fa-user"></i> About</a></li>
<li><a href="feedback.html" class="active"><i class="fas fa-comments"></i> Feedback</a></li>
</ul>
<div class="menu-icon close-menu" onclick="toggleMenu()">
<i class="fas fa-times"></i>
</div>
</nav>
<!-- Content Section -->
<div class="content">
<div class="image-section">
<img src="e2.png" alt="Background Image">
<div class="overlay">
<!-- Welcome Section -->
<section id="welcome">
<h2>Welcome to SRM Internal Mark Calculator</h2>
</section>
<!-- About Section -->
<section id="about">
<h2>About SRM Internal Mark Calculator</h2>
<p>
The <strong>SRM Internal Mark Calculator</strong> is a dedicated tool designed to simplify the calculation of internal marks for students at SRM Institute of Science and Technology. Keeping track of your academic performance can be challenging, especially when you have multiple courses and it also calculates the marks to be taken in Semester exam to get the desired grades.
</p>
</section>
<div id="regulation-buttons" class="button-container">
<button id="regulation-2018" onclick="navigateToPage('course.html?regulation=2018')">Regulation 2018</button>
<button id="regulation-2021" onclick="navigateToPage('course.html?regulation=2021')">Regulation 2021</button>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<footer>
<div class="footer-left">
© Designed by Adithyan
</div>
<div class="footer-center">
<a href="https://github.com/adi040" target="_blank" class="footer-icon">
<i class="fab fa-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/p-adithyan/" target="_blank" class="footer-icon">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</div>
</footer>
<!-- JavaScript for sidebar toggle -->
<script src="js.js"></script>
</body>
</html>