-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
133 lines (125 loc) · 9.07 KB
/
Copy pathindex.html
File metadata and controls
133 lines (125 loc) · 9.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SIT Pune | Student Kit</title>
<link rel="icon" type="" href="img/favicon.ico">
<!-- Google Fonts -->
<script src="https://cdn.tailwindcss.com"></script>
<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">
<!-- External Stylesheet -->
<link rel="stylesheet" href="styles.css">
<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="nav-link">Student Essentials</a>
<a href="gallery.html" class="nav-link">Gallery</a>
<a href="directions.html" class="nav-link">Directions</a>
<a href="contact.html" class="nav-link">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">
<span>Messages</span>
<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 id="home" class="hero-section">
<video autoplay loop muted playsinline class="hero-video">
<source src="img/SIT.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="hero-overlay"></div>
<div class="hero-content">
<h1 class="hero-title">Welcome to SIT Pune</h1>
<p class="hero-subtitle">Shaping the innovators of tomorrow, today.</p>
</div>
</section>
<section id="departments-preview" class="departments-section">
<div class="container">
<h2 class="section-title">Words From Our Leaders</h2>
<div class="card-grid">
<a href="chancellor.html" class="card">
<div class="card-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>
</div>
<h3 class="card-title">Chancellor's Message</h3>
<p class="card-description">A vision for the future of education.</p>
</a>
<a href="director.html" class="card">
<div class="card-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.253v11.494m-9-5.747h18" /></svg>
</div>
<h3 class="card-title">Director's Message</h3>
<p class="card-description">Guiding our academic excellence.</p>
</a>
<a href="students.html" class="card">
<div class="card-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
</div>
<h3 class="card-title">From Our Students</h3>
<p class="card-description">Voices of our vibrant community.</p>
</a>
<a href="creators.html" class="card">
<div class="card-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /></svg>
</div>
<h3 class="card-title">From The Creators</h3>
<p class="card-description">The story behind this project.</p>
</a>
</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="index.js"></script>
</body>
</html>