-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcreators.html
More file actions
86 lines (76 loc) · 7.3 KB
/
creators.html
File metadata and controls
86 lines (76 loc) · 7.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>From The Creators</title>
<link rel="icon" type="" href="img/favicon.ico">
<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">
<link href="footer.css" 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>
</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 class="bg-gray-50 pt-24">
<section class="py-20 px-4">
<div class="container mx-auto max-w-4xl bg-white rounded-xl border border-gray-200 shadow-xl overflow-hidden">
<img src="img/creator.jpeg" alt="Message from the Creators" class="w-full h-64 object-cover">
<div class="p-8 md:p-12">
<h1 class="text-4xl font-bold text-red-600 mb-4 text-center font-heading">The Story Behind This Project</h1>
<div class="text-left text-lg text-gray-700 space-y-6 leading-relaxed mt-8">
<p>This Student Web Kit was born from a simple idea: to create a modern, clean, and accessible digital gateway for the new SIT Pune students. We envisioned a platform that was not only informative but also reflected the innovative spirit of our students and faculty.</p>
<p>Built using modern web technologies like Tailwind CSS for rapid and responsive design, this project was a collaborative effort. Every line of code, every design choice, and every piece of content was thoughtfully considered to provide the best possible experience for our users. It is designed to be easily maintainable and scalable for future needs.</p>
<p>We hope this website serves as a valuable resource for prospective students, a point of pride for current members, and a fond memory for our alumni. Thank you for being a part of our journey.</p>
<p> Signing off,<br>Ayush Rai <br>Harman Jassal<br>Jalaj Maheshwari<br>Gauri Gautam<br> </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>