-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (134 loc) · 5.91 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SRM CGPA GPA Calculator</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<link rel="stylesheet" href="css/main.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SF23JKLTXE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SF23JKLTXE');
</script>
<meta name="keywords" content="SRM CGPA, SRM CGPA calculator, SRM GPA, SRM GPA calculator">
<meta name="description" content="SRM GPA & CGPA calculator website tailored for SRM IST, Trichy Campus, to simplify academic performance tracking.">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="google-site-verification" content="gmETgyVAuRii3D12Ivf47izLH82PdpdyBaaBsT99LDc" />
<link
href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css"
rel="stylesheet"
/>
<!-- <style>
.background-container {
background-image: url("images/index-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
padding: 20px; /* Add padding to keep content away from edges */
}
</style> -->
</head>
<body>
<div class="background-container">
<!-- Sidebar Menu -->
<nav>
<div class="logo">
<i class="bx bx-menu menu-icon"></i>
<span class="logo-name" id="heading">SRM GPA CGPA CALCULATOR</span>
</div>
<div class="sidebar">
<div class="logo">
<i class="bx bx-menu menu-icon"></i>
<span class="logo-name">Menu</span>
</div>
<div class="sidebar-content">
<ul class="lists">
<li class="list">
<a href="index.html" class="nav-link" id="home">
<i class="bx bx-home-alt icon"></i>
<span class="link">Home</span>
</a>
</li>
<li class="list">
<a href="gpa-calculator.html" class="nav-link" id="gpa-calculator">
<i class='bx bxs-calculator icon'></i>
<span class="link">GPA Calculator</span>
</a>
</li>
<li class="list">
<a href="cgpa-calculator.html" class="nav-link" id="cgpa-calculator">
<i class='bx bx-calculator icon'></i>
<span class="link">CGPA Calculator</span>
</a>
</li>
<li class="list">
<a href="about.html" class="nav-link" id="about">
<i class='bx bx-group icon'></i>
<span class="link">About</span>
</a>
</li>
<li class="list">
<a href="contact.html" class="nav-link" id="contact">
<i class='bx bx-phone icon'></i>
<span class="link">Contact</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="overlay"></section>
<script src="js/main.js"></script>
<br>
<br><br><br>
<div class="container">
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<h2>Welcome to SRM GPA CGPA Calculator</h2>
<p>Track your academic progress effortlessly.</p>
<a href="gpa-calculator.html" class="calculate-buttona">Calculate GPA</a>
<a href="cgpa-calculator.html" class="calculate-button">Calculate CGPA</a>
</div>
</section>
<!-- Features -->
<section class="features">
<h2>Why Use Our Calculators?</h2>
<div class="feature-box-container">
<div class="feature-box">
<h3>Accurate & Reliable</h3>
<p>We use the official grading criteria of SRM IST to ensure accurate GPA & CGPA results.</p>
</div>
<div class="feature-box">
<h3>Easy to Use</h3>
<p>With an intuitive design, you can calculate your GPA & CGPA in a few easy steps without even knowing the credit details.</p>
</div>
<div class="feature-box">
<h3>Plan Ahead</h3>
<p>Get insights into your academic progress and set goals for your future semesters.</p>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="testimonials">
<h2>What Students Are Saying?</h2>
<div class="testimonial">
<p>"This tool has been a game-changer for me. It's so easy to track my progress!"</p>
<cite>- Sivabalan, 3rd Year AI-ML</cite>
</div>
<div class="testimonial">
<p>"I love how simple it is. It has helped me set my academic goals."</p>
<cite>- Guru V, 3rd Year ECE</cite>
</div>
</section>
<!-- Footer -->
<footer>
<p>© Designed by Sai Narayana & Hariesh</p>
</footer>
</div>
<!-- JavaScript for the sidebar menu -->
</div>
</body>
</html>