-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
364 lines (324 loc) · 14.1 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
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
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>The Tech Chasm</title>
<link rel="icon" type="image/x-icon" href="/images/thunder-s-icon.png">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
<title>Contact Form</title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script type="text/javascript">
(function() {
// Initialize EmailJS
emailjs.init({
publicKey: "ZQKpwfu8STEYdc4uG",
});
})();
</script>
<script type="text/javascript">
window.onload = function() {
document.getElementById('contact-form').addEventListener('submit', function(event) {
event.preventDefault();
// Send form using EmailJS
emailjs.sendForm('service_01aewsp', 'template_h2gbxel', this)
.then(() => {
// Success notification
Swal.fire({
icon: 'success',
title: 'Message Sent!',
text: 'Your message has been successfully sent. Thank you!',
});
this.reset(); // Clear the form
}, (error) => {
// Error notification
Swal.fire({
icon: 'error',
title: 'Message Failed',
text: 'Sorry, your message could not be sent. Please try again.',
});
console.error('FAILED...', error);
});
});
}
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h3>You are now entering</h3>
<h1>
The Tech </h1>
<h1>Cha<img id="thunder-s" src="./images/thunder-s.png" alt="s">m</h1>
</br>
<h2>Bridging ideas. Connecting innovators.</h2>
</br>
<p>
Join us as we dive into the world of technology, where new ideas meet collaboration. </br> Connect with
like-minded tech enthusiasts and explore the possibilities of tomorrow.</p>
<ul class="actions">
<li><a href="#nav" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="#nav" class="logo">The Tech Cha<img id="thunder-s2" src="./images/thunder-s.png" alt="s">m</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="#nav">Enter the Chasm</a></li>
<li><a href="#postsheader">Past Meetups</a></li>
<li><a href="#contactsFooter">Contact Us</a></li>
</ul>
<ul class="icons">
<li><a href="#" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<h1 id="main-article-header"><a href="https://www.meetup.com/the-tech-chasm/">Join us at our meetups!</a></h1>
<img class="image main" src="images/meetup-room.jpg" alt="" />
<p>Check out our monthly meetup page at <a
href="https://www.meetup.com/the-tech-chasm/">https://www.meetup.com/the-tech-chasm/</a>, where we host
insightful discussions on technology, innovation, and the future. The primary goal for this group is to foster
connections among individuals passionate about tech, creating a vibrant community of forward-thinking
professionals.</p>
<ul class="actions special">
<li><a href="https://www.meetup.com/the-tech-chasm/" class="button large">Sign Up</a></li>
</ul>
<h3><a href="https://www.meetup.com/the-tech-chasm/events/306847264/">Next meetup:
Sunday, April 6, 2025 at 3pm!</h3>
<h3> Modernizing the Concrete Industry with AI</h3> </a>
<p>RSVP your spot at <a
href="https://www.meetup.com/the-tech-chasm/events/306847264/">https://www.meetup.com/the-tech-chasm/events/306847264/
<p>
<img src="images/CRM.png" class="current-event" alt="">
</a>
</article>
<!-- posts headeer -->
<section id="postsheader">
<h1 id="previous-meetups">Our past meetups</h1>
</section>
<!-- Posts -->
<section class="posts">
<article class="article-container">
<header>
<span class="date">Sunday, January 26, 2025</span>
<h2><a href="https://www.meetup.com/the-tech-chasm/events/305383057/">CRM Solutions: Client Management Made
Simple presented by Mumtahin Farabi and Jan Mahinda S.</a></h2>
</header>
<!-- <a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a> -->
<p>Join us for an engaging session designed to simplify Customer Relationship Management software (CRMs).
We'll explore what CRMs are, it's history, and positive impact, while addressing common challenges faced by
businesses.</p>
<ul class="actions special">
<li><a href="https://www.meetup.com/the-tech-chasm/events/302116008/" class="button">Full Story</a></li>
</ul>
</article>
<article class="article-container">
<header>
<span class="date">Sunday, November 24, 2024</span>
<h2><a href="https://www.meetup.com/the-tech-chasm/events/304472431/">FinTech 101: The Revolution of
Financial Services</a></h2>
</header>
<!-- <a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a> -->
<div class='text-container'>
<p>Join us for an introductory session exploring the world of FinTech! We'll dive into the origins of
financial technology, its rapid growth, and how it's transforming the financial industry. Learn about the
exciting career paths in FinTech, and the skills that are in demand. We'll also cover key trends shaping
FinTech’s future—like AI, blockchain, and green finance—and spotlight top companies and industry leaders
driving innovation. Perfect for anyone curious about tech sales, finance, or simply the future of
financial services!</p>
</div>
<ul class="actions special">
<li><a href="https://www.meetup.com/the-tech-chasm/events/304472431/" class="button">Full Story</a></li>
</ul>
</article>
<article class="article-container">
<header>
<span class="date">Saturday, September 28, 2024</span>
<h2><a href="https://www.meetup.com/the-tech-chasm/events/303553003/">Code To Container: Simplifying
Container Orchestrations For Your Projects</a></h2>
</header>
<!-- <a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a> -->
<div class='text-container'>
<p>Join us for an insightful talks and networking. Our speaker will be Win, a Software Engineer, and he will
go over the Container Orchestration topic.</p>
</div>
<ul class="actions special">
<li><a href="https://www.meetup.com/the-tech-chasm/events/303553003/" class="button">Full Story</a></li>
</ul>
</article>
<article class="article-container">
<header>
<span class="date">Saturday, September 14, 2024</span>
<h2><a href="https://www.meetup.com/the-tech-chasm/events/303249056/">Linux Fundamentals For Developers</a>
</h2>
</header>
<!-- <a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a> -->
<div class='text-container'>
<p> Join us for an insightful talks and networking. Our speaker Martin Ha is a Software Engineer and he will
go over the fundamental of linux.</p>
</div>
<ul class="actions special">
<li><a href="https://www.meetup.com/the-tech-chasm/events/303249056/" class="button">Full Story</a></li>
</ul>
</article>
<article class="article-container">
<header>
<span class="date">Saturday, Aug 31, 2024</span>
<h2><a href="https://www.meetup.com/the-tech-chasm/events/302937423/">AI Impact - Transforming Cold Calling
and Email Outreach</a></h2>
</header>
<!-- <a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a> -->
<div class='text-container'>
<p> Join us for an evening of insightful talks and networking as we delve into the impact of AI on business
development. The event will begin with a warm welcome, followed by a talk covering the evolution of
traditional business development practices. We’ll explore how AI is reshaping email outbound and cold
calling, with a focus on the technologies behind this shift, including Clay and Orum. The evening will
conclude with an opportunity for networking, where you can connect with like-minded professionals and
discuss the future of AI-driven strategies in business.</p>
</div>
<ul class="actions special">
<li><a href="https://www.meetup.com/the-tech-chasm/events/302937423/" class="button">Full Story</a></li>
</ul>
</article>
<article class="article-container">
<header>
<span class="date">Sat, Jul 27, 2024</span>
<h2><a href="https://www.meetup.com/the-tech-chasm/events/302235909/">Style your Reactjs App with Tailwind
CSS for beginners<br />
</a></h2>
</header>
<!-- <a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a> -->
<div class='text-container'>
<p>Hey all! This time we will be going through setting up Tailwind CSS in the weather app we built. And use
free tailwind components to style it.</p>
</div>
<ul class="actions special">
<li><a href="https://www.meetup.com/the-tech-chasm/events/302235909/" class="button">Full Story</a></li>
</ul>
</article>
</section>
<!-- Footer -->
<!-- <footer>
<div class="pagination">
<a href="#" class="previous">Prev</a>
<a href="#" class="page active">1</a>
<a href="#" class="page">2</a>
<a href="#" class="page">3</a>
<span class="extra">…</span>
<a href="#" class="page">8</a>
<a href="#" class="page">9</a>
<a href="#" class="page">10</a>
<a href="#" class="next">Next</a>
</div>
</footer> -->
</div>
<!-- Footer -->
<footer id="footer">
<section>
<section>
<h4>Interested in doing a talk? Reach out to us:</h4>
</section>
<!-- <form method="POST" action="send-email.php">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="3"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form> -->
<form id="contact-form">
<!-- To simplify the tutorial, the value is static. -->
<input type="hidden" name="contact_number" value="ZQKpwfu8STEYdc4uG">
<label>Name</label>
<input type="text" name="name">
<label>Email</label>
<input type="email" name="email">
<label>Message</label>
<textarea name="message"></textarea>
<input type="submit" value="Send">
</form>
</body>
</section>
<section class="split contact" id="contactsFooter">
<section class="alt">
<h3>Meetup </h3>
<p><a href="https://www.meetup.com/the-tech-chasm/">https://www.meetup.com/the-tech-chasm/</a></p>
</section>
<!-- <section>
<h3>Phone</h3>
<p><a href="#">(000) 000-0000</a></p>
</section> -->
<section>
<h3>Email</h3>
<p><a href="#">info@thetechchasm.com</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.linkedin.com/company/the-tech-chasm/" class="icon brands alt fa-linkedin"><span
class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul>
<li>© Built By Barento</li>
<li> <a href="https://builtbybarento.netlify.app/">https://builtbybarento.netlify.app/</a></li>
</ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
</script>
<script type="text/javascript">
(function () {
emailjs.init({
publicKey: "ZQKpwfu8STEYdc4uG",
});
})();
</script>
</body>
</html>