-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathabout.html
More file actions
160 lines (140 loc) · 5.42 KB
/
about.html
File metadata and controls
160 lines (140 loc) · 5.42 KB
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
153
154
155
156
157
158
159
160
<!-- about.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>About the Institution</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="about.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
</head>
<body>
<header>
<div class="header-left">
<div class="logo-title">
<img src="https://matrusri.edu.in/wp-content/uploads/2021/11/cropped-MECS-LOGO-192x192.jpg" alt="College Logo" class="college-logo">
</div>
<div>
<h1 class="institute-name">Matrusri Engineering College</h1>
<p class="tagline">An Autonomous Institution | Affiliated to Osmania University</p>
</div>
</div>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Login</a></li>
<li class="dropdown">
<a href="#">About</a>
<div class="dropdown-content">
<a href="about.html">About the Institution</a>
<a href="#">Management</a>
<a href="#">Administration</a>
<a href="#">Departments</a>
<a href="#">Admission</a>
<a href="#">Clubs</a>
</div>
</li>
</ul>
</nav>
</header>
<main>
<section class="about-section">
<h1>About Matrusri Engineering College</h1>
<p>
Matrusri Engineering College, established in 2011 by the Matrusri Education Society in Saidabad, Hyderabad, is a premier private institution committed to excellence in technical education. The society, formed in 1980 by a group of professionals from various fields, envisioned creating a center of high academic standards.
</p>
<p>
The college offers undergraduate programs in eight engineering disciplines including Civil, CSE, ECE, EEE, IT, Mechanical, and Data Science, with an annual intake of around 780 students. It boasts modern labs, spacious classrooms, and a digital library, supported by a qualified faculty of over 100 members.
Accredited by NBA and ISO 9001:2015 certified, the college maintains strong placement records, with students recruited by leading MNCs like Infosys, TCS, Wipro, Deloitte, and Capgemini. With excellent academic infrastructure, sports facilities, and a campus dispensary, the college ensures holistic development and social responsibility among its students.
</p>
</section>
</main>
<!-- Font Awesome CDN for Icons -->
<section class="stats-section">
<h2>About the College</h2>
<div class="stats-container">
<div class="stat-box">
<i class="fas fa-user-graduate"></i>
<h3>Students</h3>
<p class="counter" data-target="2800">0</p>
</div>
<div class="stat-box">
<i class="fas fa-chalkboard-teacher"></i>
<h3>Faculty Members</h3>
<p class="counter" data-target="100">0</p>
</div>
<div class="stat-box">
<i class="fas fa-university"></i>
<h3>Established</h3>
<p class="counter" data-target="2011">0</p>
</div>
<div class="stat-box">
<i class="fas fa-trophy"></i>
<h3>College Ranking</h3>
<p class="counter" data-target="180">#0</p>
</div>
<div class="stat-box">
<i class="fas fa-users"></i>
<h3>Alumni</h3>
<p class="counter" data-target="4122">0</p>
</div>
<div class="stat-box">
<i class="fas fa-building"></i>
<h3>Departments</h3>
<p class="counter" data-target="6">0</p>
</div>
</div>
</section>
<footer class="site-footer">
<div class="footer-content">
<div class="footer-section">
<h3>Contact Us</h3>
<p>Matrusri Engineering College<br>
Saidabad, Hyderabad, Telangana<br>
Phone: +91-XXXXXXXXXX<br>
Email: info@matrusri.edu.in
</p>
</div>
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="#">Admissions</a></li>
<li><a href="#">Departments</a></li>
<li><a href="#">Placements</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Follow Us</h3>
<p class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i> Facebook</a> |
<a href="#"><i class="fab fa-instagram"></i> Instagram</a> |
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 Matrusri Engineering College. All rights reserved.</p>
</div>
</footer>
<script>
const counters = document.querySelectorAll('.counter');
counters.forEach(counter => {
const target = +counter.getAttribute('data-target');
const speed = 50; // smaller is faster
const isRanking = counter.textContent.includes('#');
const updateCount = () => {
const current = +counter.textContent.replace(/[^\d]/g, '');
const increment = Math.ceil(target / speed);
if (current < target) {
counter.textContent = isRanking ? `#${current + increment}` : `${current + increment}`;
setTimeout(updateCount, 30);
} else {
counter.textContent = isRanking ? `#${target}` : `${target.toLocaleString()}`;
}
};
updateCount();
});
</script>
</body>
</html>