-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
294 lines (288 loc) · 13.6 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="TRC BLOGS/index.html">
<link
href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Oxygen&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,700;1,100;1,200;1,400;1,700&display=swap"
rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<script>
(function () {
emailjs.init('-ObkJuTzQvNLMseRl');
})();
</script>
<script>
const handleForm = async (e) => {
try {
await emailjs.send('service_tcqgr9m', 'template_8kqw25j', {
to_name: 'Tech Researchers Club',
from_name: document.getElementById('form_name').value,
message: document.getElementById('form_message').value,
reply_to: document.getElementById('form_email').value
});
alert('email sent!');
} catch (error) {
console.error(error);
alert('Failed to send email');
}
};
</script>
<link
rel="stylesheet"
type="text/css"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<title>Tech Researchers Club</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
</head>
<body>
<section class="header page-section" id="1">
<nav class="navigation">
<img src="images/TRC_white_logo.png" alt="TRC Logo" />
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hidemenu()"></i>
<ul>
<li><a href="#1" class="links" onclick="hidemenu()">HOME</a></li>
<li><a href="#2" class="links" onclick="hidemenu()">ABOUT US</a></li>
<li><a href="blog.html" class="links" onclick="hidemenu()">OUR WORKS</a></li>
<li><a href="photo.html" class="links" onclick="hidemenu()">PHOTO GALLERY</a></li>
<li><a href="lead.html" class="links" onclick="hidemenu()">LEADS</a></li>
<li><a href="#3" class="links" onclick="hidemenu()">CONTACT US</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showmenu()"></i>
</nav>
<div class="textbox">
<h1>Tech Researchers Club</h1>
<p>
A student club exclusively dedicated to exploring and analyzing the
newest in technology. (The first club for researchers in Vellore
Institue of Technology, Chennai)
</p>
<a href='https://trc.sppidy.live/TRC%20Blogs/index.html' target="_blank"><button class="glow-on-hover"id="myBtn5" style="color: white; font-size: medium; font-weight: bold;">TRC Blogs</button></a>
</div>
</section>
<!--<section>
<div class="leftBox">
<div class="content1">
<h1>Upcoming Events</h1>
<p>Looking for exciting events to attend? Follow this section for quick updates on upcoming events from Tech Researchers Club.</p>
</div>
</div>
<div class="events1">
<ul>
<li>
<div class="time1">
<h2>4<br><span>Mar</span></h2>
</div>
<div class="details1">
<h3>D-ECO-DE</h3>
<p>An event that focuses on influencing sustainable technology in this modern era. An array of technical games based on the themes of sustainable development.
</p>
<a> <i class="fa fa-clock-o" style="font-size:20px;color:crimson;line-height: 1cm;"></i>10:00 AM</a>
<a> <i class="fa fa-map-marker" style="font-size:20px;color:crimson"></i>AB-2 Smart Classroom</a>
<div class="and">
<a href='https://vitchennaievents.com/vibrance/' target="_blank">
<button class="GFG">
Register Here
</button>
</a>
<a href="https://www.instagram.com/techresearchers.vitc/" target="_blank"> <i class="fa fa-instagram" style="font-size:29px;color:crimson"></i></a>
</div>
</div>
<div style="clear:both;"></div>
</li>
</ul>
</div>
</section> -->
<div class="course page-section" id="2">
<h1>What is TRC?</h1>
<p class="npm">
The Tech Researchers Club is a community of students, researchers, and
professionals who are passionate about using technology to drive
innovation and solve problems. The club provides a forum of interest
about the latest technology and gadgets throughout the Institute.
</p>
<div class="row">
<div class="course-column">
<h3>MOTIVES OF THE CLUB</h3>
<p>
The main motive of this club is to provide a forum for members from
a variety of disciplines to exchange ideas, collaborate on projects,
and learn about the latest developments in the field of technology.
This would offer you a platform to learn about modern society's most
recent technological advancements.
</p>
</div>
<div class="course-column">
<h3>DEPARTMENTS</h3>
<p>The Tech Researchers Club comprises of the following Departments:</p>
<ul>
<li>Research and Development</li>
<li>Marketing and Public Relations</li>
<li>Media and Design</li>
<li>Content Strategy and Operations</li>
<li>Photography and Videography</li>
</ul>
</div>
</div>
</div>
<div class="facilities page-section">
<h1>Board Members </h1>
<div class="row">
<div class="facilities-col">
<img src="images/DESIGNATION 5.png" />
<h3>Faculty Coordinator</h3>
<h4>Dr. R. Vedhapriyavadhana</h4>
<p>
Senior Grade Professor at SCSE. In her 16+years of experience in
Teaching and Research, she has exceptionally guided students along
their learning journey.
</p>
</div>
<div class="facilities-col">
<img src="images/trc_president.jpg" />
<h3>President</h3>
<h4>Ankith Motha</h4>
<p>
An advocate of cutting-edge technologies with a passion for AI and Machine Learning.
I firmly believe in knowledge dissemination and collective progress.
“Carpe Diem !”
</p>
</div>
<div class="facilities-col">
<img src="images/trc_vp.jpg" />
<h3>Vice-President</h3>
<h4>Gaurisankar S</h4>
<p>
Purposeful and devoted to the goal of making the world a better place. A CS undergrad at VITC, I like delving into AI and experimenting with the latest tech.
</p>
</div>
<div class="facilities-col">
<img src="images/trc_gs.jpg" />
<h3>General Secretary</h3>
<h4>Guhan Sambandam</h4>
<p>
Computer Geek with a soft spot for anything on the cutting edge of Technology. My forte is Mobile Application Development and 3D VFX. Technology is best when it brings people together!
</p>
</div>
</div>
</div>
<div class="container page-section" id="3">
<h1 class="hello">Contact Us</h1>
<div class="content">
<div class="left-side">
<div class="address details">
<i class="fas fa-map-marker-alt">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
d="M12 3c2.131 0 4 1.73 4 3.702 0 2.05-1.714 4.941-4 8.561-2.286-3.62-4-6.511-4-8.561 0-1.972 1.869-3.702 4-3.702zm0-2c-3.148 0-6 2.553-6 5.702 0 3.148 2.602 6.907 6 12.298 3.398-5.391 6-9.15 6-12.298 0-3.149-2.851-5.702-6-5.702zm0 8c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zm8 6h-3.135c-.385.641-.798 1.309-1.232 2h3.131l.5 1h-4.264l-.344.544-.289.456h.558l.858 2h-7.488l.858-2h.479l-.289-.456-.343-.544h-2.042l-1.011-1h2.42c-.435-.691-.848-1.359-1.232-2h-3.135l-4 8h24l-4-8zm-12.794 6h-3.97l1.764-3.528 1.516 1.528h1.549l-.859 2zm8.808-2h3.75l1 2h-3.892l-.858-2z"
/>
</svg>
</i>
<div class="topic">Address</div>
<div class="text-one">Vellore Institute of Technology</div>
<div class="text-two">Chennai</div>
</div>
<div class="email details">
<i class="fas fa-mail">
<svg
width="24"
height="24"
xmlns="http://www.w3.org/2000/svg"
fill-rule="evenodd"
clip-rule="evenodd"
>
<path
d="M24 21h-24v-18h24v18zm-23-16.477v15.477h22v-15.477l-10.999 10-11.001-10zm21.089-.523h-20.176l10.088 9.171 10.088-9.171z"
/>
</svg>
</i>
<div class="topic">Email</div>
<div class="text-one">[email protected]</div>
</div>
</div>
<div class="right-side">
<div class="topic-text">Send us a message</div>
<p>You can send us suggestions and any message here</p>
<form id="contact-form" role="form" onSubmit="handleForm(); return false;"">
<div class="input-box">
<input id="form_name" type="text" name="name" placeholder="Enter your name" />
</div>
<div class="input-box">
<input id="form_email" type="email" name="email" placeholder="Enter your email" />
</div>
<div class="input-box message-box">
<input id="form_message" name="message" placeholder="Enter your message" />
</div>
<div class="button">
<input id="submit" type="submit" name="submit" value="Send Now" />
</div>
</form>
</div>
</div>
<h2 class="tech-res">Connect With Us</h2>
<div class="connect">
<a
href="https://www.instagram.com/techresearchers.vitc/"
target="_blank"
><svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"
/></svg
></a>
<a
href="https://www.linkedin.com/company/trcvitchennai/"
target="_blank"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"
/></svg
></a>
<a
href="https://www.youtube.com/@techresearchersclub.vitchennai"
target="_blank"
><svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"
/>
</svg>
</a>
</div>
<div class="footer">
<p>© Tech Researchers Club 2023. All rights are Reserved.</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript" src="scripts.js"></script>
</body>
</html>