-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathindex.html
More file actions
351 lines (302 loc) · 18.6 KB
/
Copy pathindex.html
File metadata and controls
351 lines (302 loc) · 18.6 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
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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UiPath Community AUB - Automation & AI Upskilling</title>
<meta name="description" content="Official website for UiPath Community Amity University Bengaluru. Upskilling in Automation, AI, and Robotic Process Automation (RPA).">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body>
<header class="navbar">
<div class="container">
<div class="nav-logo">
<img src="https://www.uipath.com/hubfs/new-uipath-logo-red.svg" alt="UiPath Logo" class="logo">
<span>UiPath Community AUB</span>
</div>
<nav class="nav-links" id="navbarNav" aria-label="Main Navigation">
<a href="#hero" class="active" aria-current="page">Home</a>
<a href="#sessions">Upskilling Sessions</a>
<a href="#core-team">Core Team</a>
<a href="#contact">Contact</a>
</nav>
<div class="nav-toggle" id="navToggle" role="button" aria-label="Toggle navigation" aria-expanded="false">
<i class="fas fa-bars"></i>
</div>
</div>
</header>
<main>
<section id="hero" class="hero section-fade-in">
<div class="container">
<h1>Unlock Your Future with Automation & AI</h1>
<p>Join the UiPath Community at Amity University Bengaluru to master Robotic Process Automation (RPA), Artificial Intelligence, and foster a culture of innovation.</p>
<div class="hero-buttons">
<a href="#sessions" class="btn btn-primary">Explore Sessions</a>
<a href="#contact" class="btn btn-secondary">Get in Touch</a>
</div>
</div>
</section>
<section id="sessions" class="sessions section-fade-in">
<div class="container">
<h2>Our Upskilling Sessions</h2>
<p class="section-description">Dive into our hands-on workshops and expert-led sessions designed to build your automation skills.</p>
<div class="session-tabs">
<div class="tab-buttons" role="tablist" aria-label="Session Series">
<button class="tab-button active" data-tab="series1" role="tab" aria-selected="true" id="tab-series1">Series 1: Foundational RPA</button>
<button class="tab-button" data-tab="series2" role="tab" aria-selected="false" id="tab-series2">Series 2: AI & Advanced Automation</button>
<button class="tab-button" data-tab="series3" role="tab" aria-selected="false" id="tab-series3">Series 3: Project & Career Readiness</button>
</div>
<div class="tab-content">
<div id="series1" class="tab-pane active" role="tabpanel" aria-labelledby="tab-series1">
<h3>AgentHack India – Student Edition</h3>
<p>An exciting series focusing on core RPA concepts and hands-on bot building with UiPath Studio. Learn to automate repetitive tasks and kickstart your automation journey.</p>
<ul>
<li>*Participation Certificates:* Earn a certificate for attending all sessions.</li>
<li>*Real-World Automation Skills:* Develop practical skills in process automation.</li>
<li>*Insights from Industry Experts:* Learn from professionals in the field.</li>
</ul>
<a href="https://forms.gle/yourseries1link" class="btn btn-primary" target="_blank" rel="noopener noreferrer">Register for Series 1</a>
</div>
<div id="series2" class="tab-pane" role="tabpanel" aria-labelledby="tab-series2">
<h3>Advanced Automation & AI Integration</h3>
<p>Explore advanced topics like integrating AI Fabric, leveraging Document Understanding, and building intelligent automation solutions with complex workflows. Ideal for those with basic RPA knowledge.</p>
<ul>
<li>*Deep Dive into AI Fabric:* Integrate machine learning models into your automations.</li>
<li>*Hands-on with Document Understanding:* Automate data extraction from unstructured documents.</li>
<li>*Building Complex Automation Workflows:* Design robust and scalable automation solutions.</li>
</ul>
<a href="https://forms.gle/yourseries2link" class="btn btn-primary" target="_blank" rel="noopener noreferrer">Register for Series 2</a>
</div>
<div id="series3" class="tab-pane" role="tabpanel" aria-labelledby="tab-series3">
<h3>RPA Project Showcase & Career Mentorship</h3>
<p>Work on real-world automation projects, receive personalized mentorship from faculty and industry champions, and prepare for career opportunities in the automation landscape. This series culminates in a project showcase.</p>
<ul>
<li>*Capstone Project Guidance:* Build a portfolio-worthy automation project.</li>
<li>*Resume & Interview Prep:* Get ready for the job market with expert tips.</li>
<li>*Networking with Industry Professionals:* Expand your professional network.</li>
</ul>
<a href="https://forms.gle/yourseries3link" class="btn btn-primary" target="_blank" rel="noopener noreferrer">Register for Series 3</a>
</div>
</div>
</div>
</div>
</section>
<section id="core-team" class="core-team section-fade-in">
<div class="container">
<h2>Join Our Core Team</h2>
<p class="section-description">Become a leader in the UiPath Community AUB and drive the future of automation. This is your chance to make an impact!</p>
<div class="team-benefits">
<div class="benefit-card">
<h3>Leadership Opportunities</h3>
<p>Develop strong leadership, event management, and organizational skills by leading initiatives.</p>
</div>
<div class="benefit-card">
<h3>Skill Enhancement</h3>
<p>Deepen your knowledge in RPA, AI, project management, and public speaking through hands-on experience.</p>
</div>
<div class="benefit-card">
<h3>Networking</h3>
<p>Connect with UiPath experts, industry professionals, faculty, and a vibrant community of fellow automation enthusiasts.</p>
<p>Connect with industry experts and fellow enthusiasts.</p>
</div>
</div>
<h3>Open Roles & Interview Details</h3>
<div class="roles-grid">
<div class="role-card">
<h4>Club Coordinator</h4>
<p>Oversee all community activities, ensure smooth operations, and foster overall community growth and engagement.</p>
<p><strong>Required Skills:</strong> Strong Leadership, Exceptional Organization, Excellent Communication</p>
</div>
<div class="role-card">
<h4>Automation Lead</h4>
<p>Guide technical sessions, mentor members on automation concepts, and drive cutting-edge RPA projects.</p>
<p><strong>Required Skills:</strong> Python basics, keen interest in RPA/AI, strong Logical thinking</p>
</div>
<div class="role-card">
<h4>Marketing Head</h4>
<p>Promote events, manage social media campaigns, and engage effectively with the student body to build brand awareness.</p>
<p><strong>Required Skills:</strong> Social media marketing, Creative writing, Event promotions skills</p>
</div>
<div class="role-card">
<h4>Design & Content Lead</h4>
<p>Create compelling visuals and engaging content for all community platforms, including presentations and social media graphics.</p>
<p><strong>Required Skills:</strong> Proficiency in Canva/Figma, engaging Caption writing, strong Visual sense</p>
</div>
<div class="role-card">
<h4>Logistics Coordinator</h4>
<p>Manage event logistics, venue setup, equipment allocation, and ensure seamless execution of all community activities.</p>
<p><strong>Required Skills:</strong> Strong Organization, Multitasking abilities, Effective Communication</p>
</div>
</div>
<div class="interview-details">
<h4>Interview Information:</h4>
<p><strong>Date:</strong> 20th May (Tuesday)</p>
<p><strong>Venue:</strong> Seminar Hall (2nd floor) / Conference Room, 2nd Floor (specific timings)</p>
<p><strong>Time Slot 1:</strong> 12 PM - 1 PM (General) / 1 PM – 1:30 PM (Club Coordinator applicants)</p>
<p><strong>Time Slot 2:</strong> 4 PM - 5 PM (General) / 4 PM – 5 PM (All Other Roles)</p>
<p><strong>Last date to apply:</strong> 18th May 2025</p>
<p><strong>Dress Code:</strong> Formal attire is a must. Let's keep it classy! 👔👗</p>
<p><strong>Design Role Applicants:</strong> Be ready to showcase your previous work/portfolio for evaluation. 🖼</p>
<a href="https://forms.gle/kKKpnXH2KgbxWKiXA" class="btn btn-primary" target="_blank" rel="noopener noreferrer">Apply Now!</a>
</div>
</div>
</section>
<section id="contact" class="contact section-fade-in">
<div class="container">
<h2>Contact Us</h2>
<div class="contact-info-grid">
<div class="contact-card">
<h3>Abhipsh Jena</h3>
<p>UiPath Student Developer Champion</p>
<p><i class="fas fa-phone-alt"></i> +91 6364551516</p>
<a href="mailto:abhipsh.jena@example.com" class="contact-link" aria-label="Email Abhipsh Jena"><i class="fas fa-envelope"></i> Email Abhipsh</a>
</div>
<div class="contact-card">
<h3>Dr. Kumar Shashvat</h3>
<p>UiPath Faculty Coordinator</p>
<p><i class="fas fa-phone-alt"></i> +91 7837797413</p>
<a href="mailto:kumar.shashvat@example.com" class="contact-link" aria-label="Email Dr. Kumar Shashvat"><i class="fas fa-envelope"></i> Email Dr. Kumar</a>
</div>
<div class="contact-card">
<h3>General Inquiries</h3>
<p><i class="fas fa-envelope"></i> community.aub@uipath.com</p>
<p><i class="fas fa-map-marker-alt"></i> Amity University Bengaluru</p>
<a href="mailto:community.aub@uipath.com" class="contact-link" aria-label="Email General Inquiries"><i class="fas fa-envelope"></i> Send General Email</a>
</div>
</div>
<form class="contact-form">
<h3>Send us a message</h3>
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required aria-required="true" placeholder="Your Name">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required aria-required="true" placeholder="Your Email">
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea id="message" name="message" rows="5" required aria-required="true" placeholder="Your Message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-about">
<h3>About UiPath Community AUB</h3>
<p>Empowering students with RPA, AI, and automation skills through workshops, mentorship, and networking opportunities at Amity University Bengaluru.</p>
</div>
<div class="footer-links">
<h3>Quick Links</h3>
<ul>
<li><a href="#hero">Home</a></li>
<li><a href="#sessions">Sessions</a></li>
<li><a href="#core-team">Core Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer-contact">
<h3>Contact Info</h3>
<p><i class="fas fa-envelope"></i> community.aub@uipath.com</p>
<p><i class="fas fa-map-marker-alt"></i> Amity University Bengaluru</p>
</div>
<div class="footer-social">
<h3>Follow Us</h3>
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 UiPath Community AUB. All rights reserved.</p>
</div>
</footer>
<button id="backToTopBtn" class="back-to-top" aria-label="Back to top">
<i class="fas fa-arrow-up"></i>
</button>
<script>
document.addEventListener('DOMContentLoaded', () => {
const navToggle = document.getElementById('navToggle');
const navLinks = document.getElementById('navbarNav');
navToggle.addEventListener('click', () => {
navLinks.classList.toggle('nav-active');
const isExpanded = navLinks.classList.contains('nav-active');
navToggle.setAttribute('aria-expanded', isExpanded);
});
// Smooth scroll for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
// Close mobile nav after clicking a link
if (navLinks.classList.contains('nav-active')) {
navLinks.classList.remove('nav-active');
navToggle.setAttribute('aria-expanded', false);
}
});
});
// Tab functionality for sessions
const tabButtons = document.querySelectorAll('.tab-button');
const tabPanes = document.querySelectorAll('.tab-pane');
tabButtons.forEach(button => {
button.addEventListener('click', () => {
// Deactivate current active tab and pane
document.querySelector('.tab-button.active')?.classList.remove('active');
document.querySelector('.tab-pane.active')?.classList.remove('active');
// Activate clicked tab and corresponding pane
button.classList.add('active');
button.setAttribute('aria-selected', true);
const targetTabId = button.dataset.tab;
document.getElementById(targetTabId).classList.add('active');
// Set other tabs to aria-selected false
tabButtons.forEach(otherButton => {
if (otherButton !== button) {
otherButton.setAttribute('aria-selected', false);
}
});
});
});
// Back to top button functionality
const backToTopBtn = document.getElementById('backToTopBtn');
window.addEventListener('scroll', () => {
if (window.scrollY > 300) { // Show button after scrolling 300px
backToTopBtn.classList.add('show');
} else {
backToTopBtn.classList.remove('show');
}
});
backToTopBtn.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// Section fade-in on scroll
const sections = document.querySelectorAll('.section-fade-in');
const observerOptions = {
root: null,
rootMargin: '0px',
threshold: 0.1
};
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
observer.unobserve(entry.target); // Stop observing once visible
}
});
}, observerOptions);
sections.forEach(section => {
observer.observe(section);
});
});
</script>
</body>
</html>