Website/faq.html at main · STES-Robotics/Website · 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
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
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Stes Robotics</title>
  <link rel="stylesheet" href="src/style/home.css" />
  <link rel="stylesheet" href="src/style/faq.css">
  <link rel="stylesheet" href="src/style/mediaquery.css">
</head>

<body>
  <!-- NAVBAR SECTION -->
  <section>
    <div class="top-header">
      <nav class="navbar">
        <div class="header-left">
          <div class="box">
            <a href="index.html">
              <img id="stes-logo" style="width: 13vw; height: auto;" src="src/Assets/stes-logo/Stes-logo.png" alt="stes_logo" />
            </a>
          </div>
          <div class="box">
            <img src="src/Assets/Partnership Logos/Sinhgad Institute Logo.png" alt="sinhgad_logo" />
          </div>
        </div>

        <!-- MENU FOR MOBILE -->
        <div id="hidden-header" class="hidden-header-right">

          <div id="menu-icon" class="menu-icon">
            <img src="src/Assets/other-icons/menu.png" alt="menu">
          </div>

          <div id="hidden-menu" class="hidden-menu">

            <ul>
              <li class="exit-btn">
                <div id="exit" class="exit">
                  <img src="src/Assets/other-icons/exit.png" alt="exit">
                </div>
              </li>
              <li class="menu-item"><a href="index.html">Home</a></li>
              <li class="menu-item"><a href="about.html">About us</a></li>
              <li class="menu-item"><a href="achievement.html">Achievements & Blogs</a></li>
              <li class="menu-item"><a href="project.html">Projects</a></li>
              <li class="menu-item"><a href="contributor.html">Contributors</a></li>
              <li class="menu-item"><a href="store.html">Store</a></li>
              <li class="menu-item"><a href="sponsorship.html">Sponsors</a></li>
              <li class="menu-item"><a href="Gallery.html">Gallery</a></li>
              <li class="menu-item"><a href="contact.html">Contact Us</a></li>

            </ul>
          </div>
        </div>
        <!-- header right items -->
        <div id="laptop-header" class="header-right">
          <div class="box">
            <a style="color: white;" href="index.html">Home</a>
          </div>
          <div class="box">
            <a href="about.html">About Us</a>
          </div>
          <div class="more-btn">
            <button id="more-btn">More
              <img id="arrow" src="src/Assets/other-icons/down-arrow.png" alt="down-arrow">
            </button>

          </div>

          <div class="btn-box">
            <button class="apply">Apply Now</button>
          </div>
        </div>

        <!-- DROPDOWN  -->
        <div id="dropdown" class="dropdown">
          <div class="box">
            <a href="achievement.html">Achievements & Blogs</a>
          </div>
          <div class="box">
            <a href="project.html">Projects</a>
          </div>
          <div class="box">
            <a href="contributor.html">Contributors</a>
          </div>
          <div class="box">
            <a href="store.html">Store</a>
          </div>
          <div class="box">
            <a href="sponsorship.html">Sponsors</a>
          </div>
          <div class="box">
            <a href="Gallery.html">Gallery</a>
          </div>
          <div class="box">
            <a href="contact.html">Contact-Us</a>
          </div>
        </div>

      </nav>
    </div>
  </section>

  <div class="Heading">
    <h2 class="first-head">FAQ <span class="aqua">Section</span></h2>
  </div>


 <!-- FAQ SECTION -->
 <section>
  <div  class="faq-section">
  <div class="sub-headings">
    <div class="combine">
      <button class="sub" onclick="showSection('general-section')">General Question</button>
      <button class="sub" onclick="showSection('team-section')">Team Participation</button>
    </div>
    <div class="combine">
      <button class="sub" onclick="showSection('learning-section')">Learning & Growth</button>
      <button class="sub" onclick="showSection('sponsorship-section')">Sponsorship & Support</button>
    </div>

  </div>

  <div class="general-section section">
    <div class="faq-item">
      <div class="faq-question">
        What is STES Robotics?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        It is an institute-level Student Robotic Team under Sinhgad Institute, Pune. Mostly we participate in Robotics
        Challenges held on Local/state/national/international level.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        What types of robots does the team work on?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Work on multiple robots like Robo-Race Bots, Wrestling Bots, RC Boats, FPV Drones, Line Followers, Maze
        Solvers, Combat Robots, RoboCon Bots, and innovative industry solutions! </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        What’s the mission and vision of STES Robotics?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Vision: To excel in robotics competitions, represent India globally, and inspire underprivileged students by
        showcasing innovation and empowering them to shape a future driven by robotics.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        What competitions does STES Robotics participate in?

        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">

        Many Competitions throughout the country and will participate internationally too. Mainly focused on IIT’s
        Technical fests, National Level Robotics Competitions and Championships, Local Level Competitions within
        Maharashtra, Project Competitions and hackathons.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        Does STES Robotics organize its own events or workshops?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        The team manages Sinhgad Techtonic, Pune's biggest technical fest, and is planning national-level robotics
        competitions with exciting prizes. We're also launching RoboSafar, a journey across India to explore robotics,
        engage with students, participate in exhibitions, and inspire future robotics enthusiasts!
      </div>
    </div>
  </div>

  <div class="team-section section" style="display: none;">
    <div class="faq-item">
      <div class="faq-question">
        How can I become a member of STES Robotics?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        <p>
        Thank you for your interest in joining our team! Here’s how you can apply: <br>

        1. Form Submission: Fill out the form on the JOIN US page, and we’ll contact you. <br>
        2. Social Media: Message us on Instagram (@STESRobotics) or LinkedIn. <br>
        3. Walk-in Interview: Visit our workshop with your updated resume (address on the CONTACT US page). <br>
        4. Email Application: Email us at stesrobotics@gmail.com with your details (Name, Year, Branch, College,
        Domain Interest, Projects, and Resume with a photo). <br>
        5. Phone Call: Call us (Mon-Sat, 3 PM–10 PM) at the number on the website. </p>
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        Do I need prior experience to join the team?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        If you're passionate about learning robotics and can dedicate time productively, you're welcome to join the
        team. However, consistent effort is essential—lack of interest or inactivity may lead to removal. </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        What roles are available within the team?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Technical team member, Someone Expert in CAD Software/Embedded Systems/PCB Designing/C++, Python, and other
        coding languages.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        Can non-engineering students join?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Anyone eager to learn robotics or contribute is welcome! Non-tech roles like event management, marketing,
        content creation, photography, video editing, and more are also available.
      </div>
    </div>
  </div>


  <div class="learning-section section" style="display: none;">
    <div class="faq-item">
      <div class="faq-question">
        What can I learn by being part of STES Robotics?

        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">

        Something new is always related to Robotics and technology, and you will have a great experience creating bots
        on your own and competing in competitions. Creating a Solution-oriented project gives the next level of
        satisfaction.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        Are there mentorship or training programs available for new members?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Yes, of course. New members will receive basic training as soon as they join the team in all domains within
        the team, the team will also arrange an expert guest lecture from roboteers across the Globe and some
        founders, and many industrial visits will also happen along the way to give the members a hands-on experience.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        Does the team conduct outreach programs or STES activities?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Yes
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        Can school students collaborate with STES Robotics?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        School students can collaborate with STES Robotics through outreach programs and workshops like RoboSafar. We
        offer hands-on learning, training, and real-world projects to empower young minds and bridge the gap between
        education and industry.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        What makes STES Robotics unique?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        STES Robotics blends innovation, teamwork, and social impact, bringing together diverse minds from Sinhgad
        colleges. We aim to empower underprivileged students with robotics education and set benchmarks in
        competitions, with a focus on creativity, leadership, and mentorship, all while striving to represent India
        globally.
      </div>
    </div>
  </div>

  <div class="sponsorship-section section" style="display: none;">
    <div class="faq-item">
      <div class="faq-question">
        How can I support STES Robotics as a sponsor?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">

        Thank you for sponsoring us! Visit the Sponsorship page to fill out the form and access the payment QR code.
        For large amounts or material sponsorships, please call or email us (details on the CONTACT US page) before
        making any payment.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        What benefits do sponsors receive?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Thank you if you are thinking of or already sponsored us! Please check out our Sponsorship page for these
        details.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        How does sponsorship contribute to the team's success?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Sponsorship is vital to STES Robotics, providing resources for materials, equipment, participation fees, and
        outreach programs. It also offers mentorship, exposure, and networking, helping us push robotics boundaries
        and empowering future innovators.
      </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        Headquarters Location?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        STES Robotics Worksop, Below Sinhgad Fitness Centre, Sinhgad Vadgaon-Ambegaon Campus, Vadgaon, Pune,
        Maharashtra, India. </div>
    </div>
    <div class="faq-item">
      <div class="faq-question">
        Who can join the STES Robotics team?
        <span class="arrow">&#9660;</span>
      </div>
      <div class="faq-answer">
        Students from Sinhgad Institutes in Pune (Vadgaon, Ambegaon, Warje, Narhe, Kondhwa campuses) can join the
        team. Engineering, Management, and Polytechnic students are welcome!
      </div>
    </div>
  </div>
</div>
</section>


  </section>

  <!-- return to top -->
  <button id="topBtn" title="Go to top">
    <img src="./src/Assets/other-icons/up-arrow.png" alt="up-arrow">
  </button>

  <!-- footer -->
  <footer>
    <div id="footer" class="footer-container">
    <div class="about-stes">
        <img src="src/Assets/stes-logo/Stes-logo.png" alt="stes-logo">
      <p>
        "STES Robotics isn't just a team — we're a movement, forging a legacy where innovation meets purpose, and every robot we create tells a story of passion, teamwork, and a vision for the future."
      </p>
      <div  class="copyright">
        <p style="
        font-size: 1rem;
    " >© 2025 STES Robotics. All Rights Reserved.</p>
      </div>
    </div>
    <div class="footer-menu"><h3>MENU</h3>
<div class="footer-menu-items"><a href="index.html">Home</a></div>
<div class="footer-menu-items"><a href="about.html">About Us</a></div>
<div class="footer-menu-items"><a href="Gallery.html">Gallery</a></div>
<div class="footer-menu-items"><a href="contact.html"> Contact Us</a></div>
    </div>
    <div class="footer-policies"><h3>POLICIES</h3>
<div class="footer-policies-items">Privacy Policy</div>
<div class="footer-policies-items">
<a href="faq.html">FAQ</a></div>
    </div>
    <div id="robo-safar" class="robo-safar">
      <div class="robo-safar-img">
        <img src="src/Assets/robo-safar-logo/robo-safar-logo.png" alt="robo-safar-img">
      </div>
      <div class="join-us-btn">
        <button class="apply" >Apply Now</button>
      </div>
      <div class="socials">
        <a href="https://www.youtube.com/channel/UCJ3my8s19_uZYK6goPZMV9A">
          <img src="src/Assets/social-icons/youtube.png" alt="youtube">
        </a>
        <a href="https://www.instagram.com/stesrobotics/">
          <img src="src/Assets/social-icons/instagram.png" alt="instagram">
        </a>
        <a href="https://in.linkedin.com/company/stesrobotics"><img src="src/Assets/social-icons/linkedin.png" alt=""></a>
      </div>
    </div>
  </div>
</div>
  </footer>


  <script>
    // Function to show the respective section and hide the others
    function showSection(sectionClass) {
      // Hide all sections
      const sections = document.querySelectorAll('.section');
      sections.forEach((section) => {
        section.style.display = 'none';
      });

      // Show the clicked section
      const selectedSection = document.querySelector(`.${sectionClass}`);
      selectedSection.style.display = 'block';
    }

    // Initially show the general questions section when the page loads
    window.onload = () => {
      showSection('general-section');
    };
  </script>

  <script>
    // Select all FAQ questions
    const faqItems = document.querySelectorAll(".faq-question");

    faqItems.forEach((item) => {
      item.addEventListener("click", () => {
        // Get the current answer and arrow elements
        const currentAnswer = item.nextElementSibling;
        const currentArrow = item.querySelector(".arrow");

        // Close all other open FAQ answers
        faqItems.forEach((otherItem) => {
          if (otherItem !== item) {
            const otherAnswer = otherItem.nextElementSibling;
            const otherArrow = otherItem.querySelector(".arrow");

            // Remove 'visible' and 'active' classes
            otherAnswer.classList.remove("visible");
            otherItem.classList.remove("active");
            otherArrow.innerHTML = "&#9660;"; // Reset arrow direction
          }
        });

        // Toggle visibility for the clicked FAQ question
        const isVisible = currentAnswer.classList.contains("visible");
        if (isVisible) {
          currentAnswer.classList.remove("visible");
          item.classList.remove("active");
          currentArrow.innerHTML = "&#9660;"; // Reset arrow
        } else {
          currentAnswer.classList.add("visible");
          item.classList.add("active");
          currentArrow.innerHTML = "&#9650;"; // Change arrow direction
        }
      });
    });
  </script>

</body>
<script src="src/javascript/home-animation.js"></script>
<script src="src/javascript/mediaquery.js"></script>
<script src="src/javascript/faq.js"></script>

<!-- reuturn to top -->
<script src="./src/javascript/return-to-top.js"></script>


</html>