-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathdirections.html
More file actions
135 lines (126 loc) · 8.26 KB
/
directions.html
File metadata and controls
135 lines (126 loc) · 8.26 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Directions | SIT Pune</title>
<link rel="icon" type="" href="img/favicon.ico">
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts -->
<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">
<link rel="stylesheet" href="footer.css">
<style>
body { font-family: 'Lato', sans-serif; }
.font-heading { font-family: 'Poppins', sans-serif; }
.map-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map-container {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
</style>
</head>
<body class="text-gray-800 bg-gray-50">
<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="college logo" class="h-10 w-auto">
<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">
<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 class="pt-24">
<section class="py-16 px-4">
<div class="container mx-auto max-w-6xl">
<h1 class="text-4xl font-bold text-center text-gray-900 font-heading mb-12">Find Your Way to Us</h1>
<div class="bg-white rounded-xl border border-gray-200 shadow-xl overflow-hidden md:flex">
<div class="w-full md:w-3/5">
<div class="map-container">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3782.937742188486!2d73.73155381540396!3d18.53180498740263!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc2bc3e3d28683b%3A0x64a3e9ef22f676a0!2sSymbiosis%20Institute%20of%20Technology!5e0!3m2!1sen!2sin!4v1628853942493!5m2!1sen!2sin"
style="border:0;"
allowfullscreen=""
loading="lazy"
title="Google Map of Symbiosis Institute of Technology">
</iframe>
</div>
</div>
<div class="w-full md:w-2/5 p-8 flex flex-col justify-center">
<h2 class="text-2xl font-bold text-red-600 font-heading mb-4">Our Address</h2>
<p class="text-lg text-gray-700 leading-relaxed">
Symbiosis Institute of Technology,<br>
Symbiosis International University,<br>
Near Lupin Research Park,<br>
Gram: Lavale, Mulshi,<br>
Pune 412115, Maharashtra, India
</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="index.js"></script>
</body>
</html>