TEP-26/index.html at main · IEEE-SB-RIT/TEP-26 · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Technical Education Programme 2026 - Equipping students with cutting-edge technical skills and hands-on experience in emerging technologies." />
  <title>RoboCon</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  <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=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  <link href="./static/css/main.css" rel="stylesheet" />
  <link href="./static/css/output.css" rel="stylesheet">

</head>
<body>
  <main>
    <nav>
      <div class="nav-container">
        <div class="logo"></div>
        <ul class="nav-links">
          <li class="navItem"><a href="#home">Home</a></li>
          <li class="navItem"><a href="#about">About</a></li>
          <li class="navItem"><a href="#events">Events</a></li>
          <li class="navItem"><a href="#contact">Contact</a></li>
        </ul>
        <button class="hamburger" id="hamburger">
          <svg class="hamburger-svg" viewBox="0 0 24 24" width="24" height="24">
            <path class="top" d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" fill="white"/>
          </svg>
        </button>
      </div>
    </nav>

    <div class="mobile-menu" id="mobileMenu">
      <div class="mobile-menu-header">

        <!-- SVG Close Button -->
        <button class="close-button" id="closeButton">
          <svg viewBox="0 0 24 24">
            <line x1="18" y1="6" x2="6" y2="18" />
            <line x1="6" y1="6" x2="18" y2="18" />
          </svg>
        </button>
      </div>
      <ul class="mobile-nav-links">
        <li class="navItem"><a href="#home">Home</a></li>
        <li class="navItem"><a href="#about">About</a></li>
        <li class="navItem"><a href="#events">Events</a></li>
        <li class="navItem"><a href="#contact">Contact</a></li>
      </ul>
    </div>

    <div class="overlay" id="overlay"></div>


    <section id="home">
      <div class="tepInfo">
        <h1 class="font-josefin text-5xl text-amber-300 ">ROBOCON</h1>
        <p class="font-josefin text-xl text-justify font-light py-5 text-white ">Welcome to the future of technical learning! Join us for RoboCon – a dynamic initiative aimed at equipping students with cutting-edge skills, hands-on experience, and real-world insights into emerging technologies. Dive into a journey of innovation, collaboration, and growth.</p>
        <div class="w-full text-center flex flex-row items-center justify-center">
          <div class="w-full h-1 rounded-l-full bg-zinc-500"></div>
          <div class="flex flex-col sm:min-w-60 items-center justify-center">

            <p class="font-josefin text-2xl text-center text-white mx-5">September 14 - 27  </p>
          </div>
          <div class="w-full h-1 rounded-r-full bg-zinc-500"></div>
        </div>
        <p class="font-josefin text-xl text-justify font-light py-5 text-amber-300">Stay tuned for updates, speaker announcements, workshops, and more. Let’s build the future together.</p>
      </div>

      <div class="image">
        <img src="static/images/placeholder.jpeg" alt="robot" class="rounded-2xl shadow-2xl md:rounded-4xl w-[60vw] md:ml-16 mx-auto md:w-[40vw]" />
      </div>

    </section>

    <section id="about">
      <div class="aboutInfo">
        <h2 class="font-josefin text-5xl ">About RoboCon</h2>
        <p><strong>RoboCon</strong> is a forward-thinking initiative organized by the <strong>IEEE Robotics and Automation Society (RAS) Student Branch Chapter at Rajiv Gandhi Institute of Technology, Kottayam</strong>. Designed to ignite curiosity and empower aspiring engineers, RoboCon bridges the gap between academic knowledge and real-world technological advancements.</p>
        <p>This programme brings together experts, innovators, and students in an engaging platform focused on emerging technologies such as Artificial Intelligence, Robotics, Embedded Systems, and Automation. With a series of hands-on workshops, speaker sessions, and technical challenges, participants will gain practical exposure and develop critical skills to thrive in the ever-evolving tech landscape.</p>
        <p>Whether you're a budding technologist or a curious learner, RoboCon is your gateway to discovering the future of engineering, powered by passion, creativity, and innovation.</p>
      </div>
    </section>
    <section id="objectives">
      <div class="objectivesInfo">
        <h2>Objectives</h2>
        <p>
          The primary objective of the Technical Education Programme is to deliver a comprehensive and hands-on learning experience in robotics, enabling participants to gain practical knowledge in mechanics, electronics, and programming. Through activities such as building and programming robots, working with sensors and actuators, and solving real-world challenges, the programme aims to strengthen problem-solving abilities and technical expertise. By incorporating funded projects, students are encouraged to explore advanced topics, innovate, and deepen their understanding of complex robotics systems. Collaboration with industry experts further bridges the gap between theory and practice, preparing participants for real-world applications and future career opportunities. Ultimately, the programme seeks to cultivate scientific curiosity and equip students with the skills necessary to thrive in the fast-paced field of robotics and automation.
        </p>
      </div>
    </section>

    <footer>
      <div class="container" id="contact">
        <h3>CONTACT US</h3>
        <div class="social-links">
          <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
          <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
          <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
          <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
        </div>
      </div>
    </footer>
  </main>
  <script src="static/js/index.js"></script>
</body>
</html>