SIT_StudentKit/director.html at main · Harmann60/SIT_StudentKit · GitHub

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">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Director's Message</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 rel="stylesheet" href="styles.css">
    <link href="footer.css" rel="stylesheet">
    <style>

    </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/Drketan.JPG" alt="Message from the Director" class="w-full h-96 object-cover">
                <div class="p-8 md:p-12">
                    <h1 class="text-4xl font-bold text-red-600 mb-4 text-center font-heading">A Message from the Director</h1>
                    <div class="text-left text-lg text-gray-700 space-y-6 leading-relaxed mt-8">
                        <p>Dear Incoming Students</p>
                        <p>A warm welcome to the SIT Pune community! Welcome to the dynamic world of engineering at SIT, where innovation is not just a goal but a way of life. At the forefront of technological advancements, we blend expertise, technology, and creativity to propel our community towards excellence. SIT stands as a centre for creativity, a beacon for learning, and a convergence point for ideas that shape the future. Our success is rooted in the unwavering commitment of our faculty members to academic rigour, groundbreaking research, and mentoring. Their dedication goes beyond the confines of classrooms, influencing the lives of our students in profound ways. Our overarching objective has always been to bring out the best in our students, moulding them into professionals with strong ethical and moral values. As you embark on your journey at SIT, you join a diverse community engaged in hands-on learning and cutting-edge research, paving the way for successful careers in business, government, or academia. Our faculty, involved in high-impact research across various domains, including Artificial Intelligence, Cyber Security, Blockchain, Data Science, Robotics, GIS, Nanoscience, Cloud Computing, Embedded Systems, Infrastructure Design and Building Information Modelling (BIM), ensures that our students are exposed to the latest advancements in their field. Through creative instruction, hands-on projects, and involvement in various student competition teams, our undergraduates and postgraduates receive an exceptional educational experience. Industry-sponsored capstone projects and internships further foster professional ties, laying the groundwork for post-graduation success. At SIT, we strive to create an inclusive and dynamic environment where excellence in teaching, research, and service is paramount. I look forward to working with each one of you and contributing to the success and growth of our vibrant engineering community. Should you have any comments, questions, or ideas, please feel free to email me at director@sitpune.edu.in.</p>
                        <p style="text-align: left;">
                            <br>
                            <strong>Welcome to SIT, where your journey towards engineering excellence begins!</strong><br>
                            <br>
                            <strong>Prof. Ketan Kotecha, PhD (IIT Bombay)</strong><br>
                            <strong>Professor & Director, Symbiosis Institute of Technology</strong><br>
                            <strong>SIT Pune</strong>
                        </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>