-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.us.html
More file actions
90 lines (83 loc) · 8.04 KB
/
about.us.html
File metadata and controls
90 lines (83 loc) · 8.04 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
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us | SIT Pune</title>
<link rel="icon" type="" href="img/favicon.ico">
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts: Poppins (Headings) & Lato (Body) -->
<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=Poppins:wght@400;600;700&family=Lato:wght@400;700&display=swap" rel="stylesheet">
<style>
body { font-family: 'Lato', sans-serif; background-color: #ffffff; color: #1f2937; }
h1, h2, h3, h4, h5, h6, .font-heading { font-family: 'Poppins', sans-serif; }
</style>
<link href="footer.css" rel="stylesheet">
</head>
<body class="text-gray-800">
<header id="navbar" class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white/90 backdrop-blur-lg border-b border-gray-200 shadow-sm">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<a href="index.html" class="flex items-center space-x-3"><img src="img/Sit logo no bg.png" alt="SIT Logo" class="h-10 w-30"><span class="text-xl font-bold tracking-wider text-gray-800 hover:text-red-600 transition-colors font-heading">Symbiosis Institute Of Technology</span></a>
<nav class="hidden md:flex items-center space-x-6">
<a href="index.html" class="text-gray-600 hover:text-red-600 transition-colors">Home</a>
<div class="relative" id="departments-dropdown-container">
<button id="departments-dropdown-button" class="text-gray-600 hover:text-red-600 transition-colors flex items-center">Messages<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<div id="departments-dropdown-menu" class="absolute left-0 mt-2 w-48 bg-white rounded-md shadow-lg border border-gray-200 hidden z-10">
<a href="chancellor.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-red-50 hover:text-red-600">Chancellor's Message</a><a href="director.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-red-50 hover:text-red-600">Director's Message</a><a href="students.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-red-50 hover:text-red-600">From Our Students</a><a href="creators.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-red-50 hover:text-red-600">From The Creators</a>
</div>
</div>
<a href="essentials.html" class="text-gray-600 hover:text-red-600 transition-colors">Student Essentials</a><a href="gallery.html" class="text-gray-600 hover:text-red-600 transition-colors">Gallery</a><a href="directions.html" class="text-gray-600 hover:text-red-600 transition-colors">Directions</a><a href="contact.html" class="text-gray-600 hover:text-red-600 transition-colors">Contact Us</a>
</nav>
<button id="mobile-menu-button" class="md:hidden text-2xl text-gray-800">☰</button>
</div>
<div id="mobile-menu" class="hidden md:hidden px-6 pb-4 bg-white border-t border-gray-200">
<a href="index.html" class="block py-2 text-gray-600 hover:text-red-600 transition-colors">Home</a>
<div>
<button id="mobile-departments-button" class="w-full text-left py-2 text-gray-600 hover:text-red-600 transition-colors flex justify-between items-center">Departments<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<div id="mobile-departments-menu" class="pl-4 hidden">
<a href="chancellor.html" class="block py-2 text-sm text-gray-600 hover:text-red-600">Chancellor's Message</a><a href="director.html" class="block py-2 text-sm text-gray-600 hover:text-red-600">Director's Message</a><a href="students.html" class="block py-2 text-sm text-gray-600 hover:text-red-600">From Our Students</a><a href="creators.html" class="block py-2 text-sm text-gray-600 hover:text-red-600">From The Creators</a>
</div>
</div>
<a href="essentials.html" class="block py-2 text-gray-600 hover:text-red-600 transition-colors">Student Essentials</a><a href="gallery.html" class="block py-2 text-gray-600 hover:text-red-600 transition-colors">Gallery</a><a href="directions.html" class="block py-2 text-gray-600 hover:text-red-600 transition-colors">Directions</a><a href="contact.html" class="block py-2 text-gray-600 hover:text-red-600 transition-colors">Contact Us</a>
</div>
</header>
<main>
<section class="bg-gray-50 min-h-screen flex items-center justify-center py-20 px-4 pt-32 pb-16">
<div class="container mx-auto max-w-4xl text-left bg-white p-8 md:p-12 rounded-lg shadow-xl border border-gray-200">
<h2 class="text-4xl font-bold text-red-600 mb-6 text-center">About SIT Pune</h2>
<div class="space-y-6 text-lg text-gray-700 leading-relaxed">
<div>
<h3 class="text-2xl font-bold text-gray-800 mb-2">Our History</h3>
<p>Established in 2008, Symbiosis Institute of Technology (SIT Pune) was founded under Symbiosis International (Deemed University) with the vision of creating a hub for excellence in engineering and technology education. What began with a few core engineering programs has grown into a dynamic institution offering a wide range of undergraduate, postgraduate, and doctoral courses. Over the years, SIT Pune has earned a reputation for academic quality, industry integration, and a culture that encourages innovation, ethics, and leadership.</p>
</div>
<div>
<h3 class="text-2xl font-bold text-gray-800 mb-2">Our Mission</h3>
<p>Our mission is to empower students with strong technical knowledge, creative thinking, and a sense of responsibility toward society. SIT Pune is dedicated to fostering innovation, research, and entrepreneurship while providing an environment that supports holistic development. We aim to prepare students to meet global challenges, contribute meaningfully to industry and society, and lead with integrity and purpose.</p>
</div>
<div>
<h3 class="text-2xl font-bold text-gray-800 mb-2">Our Vision</h3>
<p>We envision SIT Pune as a leading institution in engineering and technology education, recognized for academic excellence, impactful research, and a vibrant, inclusive learning community. Our goal is to stay at the forefront of innovation, shaping professionals who are adaptable, forward-thinking, and committed to driving positive change in the world.</p>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-menu">
<a href="https://www.linkedin.com/school/sitpune.edu.in/" class="footer-link">| LinkedIn |</a>
<a href="index.html" class="footer-link">| Home |</a>
<a href="https://www.sitpune.edu.in/" class="footer-link">| SIT-P |</a>
<a href="about.us.html" class="footer-link">| About Us |</a>
</div>
<div class="copyright-text">
Student Kit 2025 | Created With Love ❤️ Harman Ayush Jalaj Gauri
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>