-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathevents.html
194 lines (179 loc) · 10 KB
/
events.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
<!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 href="assets/acm.png" rel="icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/events.css">
<title>Events</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light ">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">Resources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="join.html">Join Us</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row intro">
<div class="col-lg-6">
<h4>COMING SOON!</h4>
<h1>
Register for<br> <span class="gradient">Kloc.exe </span><br> codeathon
</h1>
<p>We introduce KLOC.exe, designed to be the proving grounds for the veterans by solidifying their stake as a coder and also a playground for those who wish to use this time for self reflection and understand their place in the coding world.</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeGWKfF5lHgjiOth3caIerwdvkGrlFPyzoGCnMTTfJMGWyFGg/viewform"><button class="btn btn-primary">Register</button></a>
</div>
</div>
<h3 class="wdwd text-center">Our Latest Events</h3>
<div class="row events">
<div class="col-12">
<img src="assets/events/one.png" class="one">
<img src="assets/events/two.png" class="two">
<div class="owl-carousel owl-theme">
<div class="item d-flex justify-content-around">
<div>
<img src="assets/events/bootcamp.png">
</div>
<div class="desc">
<h1>
The Girls x Tech Canva & Smartmockups Bootcamp
</h1>
<p>
The session was organised to teach you how to create stunning product mockups. The participants were taught how to save Canva design templates to Smartmockups and get a live preview of the templates on all your mockups to finish your creation.
</p>
</div>
</div>
<div class="item d-flex justify-content-around">
<div>
<img src="assets/events/coding-league.jpg">
</div>
<div class="desc">
<h1>
ACM-W Chennai Region Celebrates Women in Computing
</h1>
<p>
On account of the Women in Computing celebrations 2020, the ACM-W Chennai region organised a *Coding League*, inviting all girls and boys to come support and participate in the celebration and win Cash Prizes.
</p>
</div>
</div>
<div class="item d-flex justify-content-around">
<div>
<img src="assets/events/design.jpg">
</div>
<div class="desc">
<h1>The Girls x Tech Online Branding & Design Bootcamp
</h1>
<p>
The session was organised for all females who are interested in designing and creating a brand for themselves. The session was designed to teach them the basics of creating a brand for themselves and the importance of logos and how to create them using
Canva.
</p>
</div>
</div>
<div class="item d-flex justify-content-around">
<div>
<img src="assets/events/kloc.png">
</div>
<div class="desc">
<h1>Kloc.exe
</h1>
<p>
The event was organised in collaboration with ACM-W SSN Chapter. It was a codeathon of 1.30 hours which was designed to challenge the participants and give them an outlook of their own coding skills and also to give them a chance to learn new things.
</p>
</div>
</div>
</div>
</div>
</div>
<h3 class="text-center wdwd">Want to collaborate with us?</h3>
<div class="row collab">
<div class="col-lg-6 col-md-6 col-sm-12" style="padding:5% 8%;">
<p>We welcome other ACM chapters, college associations, NGO’s, etc to hold global events with us! Some of our collaborations are:</p>
<div class="d-flex justify-content-start logo">
<div><img src="assets/events/acm_logo_tablet 1.png"></div>
<div><img src="assets/events/logo-girlsxtech 2.png"></div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12" style="padding:5%;">
<h4>Have an event idea?</h4>
<h5>
Fill this form and we will reach out to you!</h5>
<form>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Your Association’s name">
</div>
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email Address">
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Event Idea in 50 words">
</div>
</form>
<button class="btn btn-primary">Send</button>
</div>
</div>
<h3 class="text-center wdwd">Our Google Calender</h3>
<div class="row cal text-center">
<iframe src="https://calendar.google.com/calendar/embed?height=500&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FKolkata&src=YWNtd3NybUBnbWFpbC5jb20&src=YWRkcmVzc2Jvb2sjY29udGFjdHNAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23039BE5&color=%2333B679&showPrint=0&showTabs=0&showCalendars=0&showTz=0&showNav=0&showTitle=0"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
</div>
<footer>
<h4 class="text-center">Copyright acm-w srm</h4>
<p class="text-center">All rights reserved</p>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js " integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin=" anonymous "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js " integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin=" anonymous "></script>
<script>
$('.owl-carousel').owlCarousel({
loop: false,
margin: 20,
autoplay: true,
autoplayTimeout: 4000,
dots: true,
nav: true,
autoplayHoverPause: true,
slideBy: 1,
dotsEach: 1,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
900: {
items: 1
}
}
})
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
</body>
</html>