Source-Code-Management-Project/iot.html at main · Sharon-codes/Source-Code-Management-Project · 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html lang="en">
<head>
	<title>IOT Workshop</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Join the IoT Workshop 2025 at Amity University Bengaluru's auditorium, led by Naveen Kumar, on May 15-17, 2025. Master IoT fundamentals, cloud integration, and real-world applications.">
    <meta name="keywords" content="IoT, workshop, Amity University, Bengaluru, Naveen Kumar, Internet of Things, technology, cloud computing, embedded systems, auditorium">
    <meta name="author" content="Amity University Bengaluru">
    <meta name="robots" content="index, follow">
    <meta property="og:title" content="IoT Workshop 2025 | Amity University Bengaluru">
    <meta property="og:description" content="Join our immersive IoT Workshop led by Naveen Kumar in the auditorium at Amity University Bengaluru, May 15-17, 2025.">
    <meta property="og:image" content="https://example.com/iot-workshop-2025.jpg">
    <meta property="og:url" content="https://example.com/iot-workshop-2025">
    <meta property="og:type" content="website">
    <title>IoT Workshop 2025 | Amity University Bengaluru</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="iot.css">
</head>
<body>
    <!-- Navigation Bar -->
    <nav class="fixed top-0 w-full bg-white shadow-md z-50" aria-label="Main navigation">
        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
            <a href="#" class="text-2xl font-bold text-blue-600">IoT Workshop 2025</a>
            <ul class="flex space-x-6">
                <li><a href="#about" class="text-gray-700 hover:text-blue-600">About</a></li>
                <li><a href="#schedule" class="text-gray-700 hover:text-blue-600">Schedule</a></li>
                <li><a href="#speaker" class="text-gray-700 hover:text-blue-600">Speaker</a></li>
                <li><a href="#venue" class="text-gray-700 hover:text-blue-600">Venue</a></li>
                <li><a href="#register" class="text-gray-700 hover:text-blue-600">Register</a></li>
            </ul>
        </div>
    </nav>

    <!-- Header Section -->
    <header class="pt-20">
        <div class="container mx-auto px-4 text-center">
            <h1 class="text-5xl font-bold text-gray-800">IoT Workshop 2025</h1>
            <h2 class="text-3xl text-gray-600 mt-2">Amity University Bengaluru</h2>
            <p class="text-lg mt-4">Led by <span class="font-semibold">Naveen Kumar</span>, Industry Expert in IoT Solutions</p>
            <p class="text-md mt-2 text-gray-500">May 15-17, 2025 | Auditorium, Bengaluru, India</p>
            <a href="#register" class="cta-button inline-block mt-6">Register Now!</a>
        </div>
    </header>

    <!-- About Section -->
    <section id="about" class="section py-16">
        <div class="container mx-auto px-4">
            <h3 class="text-3xl font-bold text-center mb-8">About the Workshop</h3>
            <p class="text-lg text-center max-w-3xl mx-auto">Join us for an immersive <strong>Internet of Things (IoT)</strong> workshop at Amity University Bengaluru’s state-of-the-art auditorium, designed to equip students, professionals, and enthusiasts with advanced IoT development skills. Led by <strong>Naveen Kumar</strong>, this hands-on workshop covers IoT fundamentals, sensor integration, cloud connectivity, and real-world applications. Participants will leave with practical experience, a portfolio-worthy project, a certificate of completion, and networking opportunities with industry leaders.</p>
            <div class="features grid grid-cols-1 md:grid-cols-3 gap-8 mt-12">
                <div class="feature-card text-center p-6 bg-white shadow-lg rounded-lg">
                    <i class="fas fa-microchip text-4xl text-blue-600 mb-4"></i>
                    <h4 class="text-xl font-semibold">Hands-On Learning</h4>
                    <p>Build and program IoT devices using industry-standard tools like Arduino and Raspberry Pi.</p>
                </div>
                <div class="feature-card text-center p-6 bg-white shadow-lg rounded-lg">
                    <i class="fas fa-cloud text-4xl text-blue-600 mb-4"></i>
                    <h4 class="text-xl font-semibold">Cloud Integration</h4>
                    <p>Master connecting IoT devices to cloud platforms like AWS IoT and Google Cloud for analytics.</p>
                </div>
                <div class="feature-card text-center p-6 bg-white shadow-lg rounded-lg">
                    <i class="fas fa-code text-4xl text-blue-600 mb-4"></i>
                    <h4 class="text-xl font-semibold">Real-World Projects</h4>
                    <p>Develop practical IoT solutions for smart homes, healthcare, and industrial applications.</p>
                </div>
            </div>
            <p class="text-lg text-center max-w-3xl mx-auto mt-8">Whether you're a beginner or an experienced professional, this workshop offers a comprehensive learning experience to thrive in the fast-evolving IoT industry. Gain skills to innovate and lead in the connected world.</p>
        </div>
    </section>

    <!-- Speaker Section -->
    <section id="speaker" class="section alternate-bg py-16">
        <div class="container mx-auto px-4">
            <h3 class="text-3xl font-bold text-center mb-8">Meet Our Speaker</h3>
            <div class="flex flex-col md:flex-row items-center max-w-4xl mx-auto">
                <img src="https://via.placeholder.com/200" alt="Naveen Kumar" class="w-48 h-48 rounded-full mb-6 md:mb-0 md:mr-8">
                <div>
                    <h4 class="text-2xl font-semibold">Naveen Kumar</h4>
                    <p class="text-lg text-gray-600">IoT Solutions Architect & Global Mentor</p>
                    <p class="mt-4">With over 15 years of experience in IoT and embedded systems, Naveen Kumar has spearheaded groundbreaking projects in smart cities, healthcare, and industrial automation. He holds five patents in IoT technologies and received the "Innovator of the Year" award by TechWorld in 2023. Naveen has delivered keynote speeches at international conferences like IoT World and has trained over 5,000 professionals across 20 countries, making him a sought-after mentor in the IoT domain.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Schedule Section -->
    <section id="schedule" class="section py-16">
        <div class="container mx-auto px-4">
            <h3 class="text-3xl font-bold text-center mb-8">Workshop Schedule</h3>
            <div class="schedule-grid grid grid-cols-1 md:grid-cols-3 gap-8">
                <div class="schedule-item p-6 bg-white shadow-lg rounded-lg">
                    <h4 class="text-xl font-semibold">Day 1: May 15, 2025</h4>
                    <p><strong>Time:</strong> 9:00 AM - 4:00 PM</p>
                    <p>Introduction to IoT, Sensor Basics, and Hardware Setup</p>
                    <ul class="list-disc ml-6 mt-4">
                        <li>Overview of IoT ecosystems and architectures</li>
                        <li>Hands-on with Arduino and Raspberry Pi platforms</li>
                        <li>Sensor integration and calibration techniques</li>
                    </ul>
                </div>
                <div class="schedule-item p-6 bg-white shadow-lg rounded-lg">
                    <h4 class="text-xl font-semibold">Day 2: May 16, 2025</h4>
                    <p><strong>Time:</strong> 10:00 AM - 5:00 PM</p>
                    <p>Programming IoT Devices and Cloud Connectivity</p>
                    <ul class="list-disc ml-6 mt-4">
                        <li>Programming with Python, C++, and Node-RED</li>
                        <li>Connecting to AWS IoT and Google Cloud platforms</li>
                        <li>Real-time data visualization and analytics</li>
                    </ul>
                </div>
                <div class="schedule-item p-6 bg-white shadow-lg rounded-lg">
                    <h4 class="text-xl font-semibold">Day 3: May 17, 2025</h4>
                    <p><strong>Time:</strong> 9:30 AM - 3:30 PM</p>
                    <p>Building IoT Projects and Real-World Applications</p>
                    <ul class="list-disc ml-6 mt-4">
                        <li>Smart home automation project development</li>
                        <li>Industrial IoT use cases and case studies</li>
                        <li>Project presentations and expert feedback</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Venue Section -->
    <section id="venue" class="section alternate-bg py-16">
        <div class="container mx-auto px-4">
            <h3 class="text-3xl font-bold text-center mb-8">Venue</h3>
            <div class="flex flex-col md:flex-row max-w-4xl mx-auto">
                <div class="md:w-1/2">
                    <h4 class="text-xl font-semibold">Amity University Bengaluru Auditorium</h4>
                    <p class="mt-4">Opp. Deputy Commissioner Office, Amity University Hostel Block, NH-648 (Old NH-207), Devanahalli - Doddaballapur Road, Devanahalli Taluk, Bengaluru - 562110, Karnataka, India</p>
                    <p class="mt-2"><strong>Contact:</strong> +91 123 456 7890</p>
                    <p class="mt-2"><strong>Email:</strong> events@amity.edu</p>
                    <p class="mt-2"><strong>Facilities:</strong> State-of-the-art auditorium with AV equipment, Wi-Fi, and ample seating.</p>
                </div>
                <div class="md:w-1/2 mt-6 md:mt-0">
                    <div class="bg-gray-200 h-64 rounded-lg flex items-center justify-center">
                        <p class="text-gray-600">Map Placeholder (Google Maps Embed)</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section id="testimonials" class="section py-16">
        <div class="container mx-auto px-4">
            <h3 class="text-3xl font-bold text-center mb-8">What Past Participants Say</h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <div class="testimonial p-6 bg-white shadow-lg rounded-lg">
                    <p class="italic">"Naveen’s expertise and hands-on approach made complex IoT concepts accessible and engaging!"</p>
                    <p class="mt-4 font-semibold">Priya Sharma, Software Engineer</p>
                </div>
                <div class="testimonial p-6 bg-white shadow-lg rounded-lg">
                    <p class="italic">"Building my first IoT project was a highlight. The workshop was well-structured and inspiring."</p>
                    <p class="mt-4 font-semibold">Rahul Verma, Student</p>
                </div>
                <div class="testimonial p-6 bg-white shadow-lg rounded-lg">
                    <p class="italic">"The practical insights I gained are directly applicable to my IoT development work."</p>
                    <p class="mt-4 font-semibold">Anita Rao, IoT Developer</p>
                </div>
                <div class="testimonial p-6 bg-white shadow-lg rounded-lg">
                    <p class="italic">"An excellent blend of theory and practice. I’m now confident in IoT project design."</p>
                    <p class="mt-4 font-semibold">Vikram Singh, Embedded Systems Engineer</p>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section id="faq" class="section alternate-bg py-16">
        <div class="container mx-auto px-4">
            <h3 class="text-3xl font-bold text-center mb-8">Frequently Asked Questions</h3>
            <div class="space-y-6 max-w-3xl mx-auto">
                <div class="faq-item">
                    <h4 class="text-xl font-semibold">Who can attend the workshop?</h4>
                    <p>Students, professionals, and IoT enthusiasts with basic knowledge of programming and electronics are welcome to join.</p>
                </div>
                <div class="faq-item">
                    <h4 class="text-xl font-semibold">What should I bring?</h4>
                    <p>A laptop with Arduino IDE installed, a notebook, and enthusiasm to learn! Hardware kits will be provided.</p>
                </div>
                <div class="faq-item">
                    <h4 class="text-xl font-semibold">Is there a certificate?</h4>
                    <p>Yes, participants will receive a certificate of completion from Amity University Bengaluru.</p>
                </div>
                <div class="faq-item">
                    <h4 class="text-xl font-semibold">What are the prerequisites?</h4>
                    <p>Basic knowledge of programming (Python or C++) and familiarity with electronics is recommended but not mandatory.</p>
                </div>
                <div class="faq-item">
                    <h4 class="text-xl font-semibold">What is the registration fee?</h4>
                    <p>Contact events@amity.edu for details on the registration fee and payment options.</p>
                </div>
                <div class="faq-item">
                    <h4 class="text-xl font-semibold">Will meals be provided?</h4>
                    <p>Lunch and refreshments will be provided on all workshop days. Please inform us of dietary restrictions during registration.</p>
                </div>
                <div class="faq-item">
                    <h4 class="text-xl font-semibold">Is accommodation available?</h4>
                    <p>Limited on-campus accommodation is available. Contact events@amity.edu for booking details.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Registration Section -->
    <section id="register" class="section py-16">
        <div class="container mx-auto px-4">
            <h3 class="text-3xl font-bold text-center mb-8">Register Now</h3>
            <p class="text-lg text-center max-w-3xl mx-auto">Secure your spot for this exclusive IoT Workshop in the Amity University Bengaluru auditorium. Limited seats available!</p>
            <form class="registration-form max-w-lg mx-auto mt-8 space-y-4" onsubmit="event.preventDefault(); alert('Registration submitted! You will receive a confirmation soon.');" aria-label="Registration form">
                <input type="text" placeholder="Full Name" required aria-label="Full Name" class="w-full p-3 border rounded-lg">
                <input type="email" placeholder="Email Address" required aria-label="Email Address" class="w-full p-3 border rounded-lg">
                <input type="tel" placeholder="Phone Number" required aria-label="Phone Number" class="w-full p-3 border rounded-lg">
                <select required aria-label="Occupation" class="w-full p-3 border rounded-lg">
                    <option value="" disabled selected>Select Occupation</option>
                    <option value="student">Student</option>
                    <option value="professional">Professional</option>
                    <option value="enthusiast">Enthusiast</option>
                </select>
                <button type="submit" class="cta-button w-full">Submit</button>
            </form>
        </div>
    </section>

    <!-- Footer Section -->
    <footer class="bg-gray-800 text-white py-12">
        <div class="container mx-auto px-4">
            <h3 class="text-2xl font-bold text-center mb-6">Connect With Us</h3>
            <div class="social-links flex justify-center space-x-6">
                <a href="https://x.com/amityuniv" target="_blank" class="text-white hover:text-blue-400"><i class="fab fa-x-twitter"></i> @AmityUniv</a>
                <a href="https://www.linkedin.com/school/amity-university/" target="_blank" class="text-white hover:text-blue-400"><i class="fab fa-linkedin"></i> Amity University</a>
                <a href="https://www.instagram.com/amityuniv/" target="_blank" class="text-white hover:text-blue-400"><i class="fab fa-instagram"></i> @AmityUniv</a>
            </div>
            <p class="text-center mt-6">© 2025 Amity University Bengaluru. All Rights Reserved.</p>
        </div>
    </footer>
</body>
</html>