This repository has been archived by the owner on Jun 19, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 21
/
Copy pathevents.html
201 lines (165 loc) · 8.45 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
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<meta name="title" content="Summer Hacks">
<meta name="description" content="Summer Hacks by SOA Code Room">
<meta name="author" content="SOA Code Room">
<meta name="keywords" content="SOA Code Room">
<meta property="og:image" content="https://raw.githubusercontent.com/SOACodeRoom/Summer-Hacks/main/img/header.png">
<title>Summer Hacks</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="./css/nav.css">
</head>
<body id="page-top">
<div id="particles-js"></div>
<section class="text-center">
<section>
<h1 class="sub-heading diagonal-text orange title-text" style="padding: 1em 0 1em 0;">Events</h1>
</section>
<section>
<h1 class="sub-heading diagonal-text orange" style="padding: 1em 0 1em 0;">Workshops</h1>
</section>
<section class="diagonal-section white-bg" style="opacity: 0.95!important;">
<div class="mx-auto diagonal-section-content">
<div class="container">
<div class="border-box">
<div class="row no-gutters mb-5 mb-lg-0 workshop-item">
<div class="workshop-item-textbox text-center">
<div class="bg-black text-center h-100">
<div class="d-flex h-100 text-center">
<div class="project-text w-100 my-auto text-center">
<h4 class="sub-heading inline orange">WHAT IS HACKATHON?</h4>
<p class="mb-0 white nexa">When someone hears the word hackathon he/she gets confused because the word “hack” has always been used in negative meaning. We bring you a workshop on hackathons where we’ll tell you on how to get started, what you need to do, and many such related infos.
</p>
<p class="mb-0 orange nexa">
📅 May 7, 2021
<br>
⏰ 08:30 PM IST
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-box">
<div class="row justify-content-center no-gutters mb-5 mb-lg-0 workshop-item">
<div class=" workshop-item-textbox">
<div class="bg-black text-center h-100 ">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center">
<h4 class="sub-heading inline orange nexa">DEPLOY YOUR WEBSITE TO INTERNET</h4>
<p class="mb-0 white nexa">Our aim in this hackathon is to build a portfolio website based on the given themes. But after building, it is essential to properly deploy your website. In this workshop we’ll demonstrate how to successfully and functionally deploy your website.
</p>
<p class="mb-0 orange nexa">
📅 May 8, 2021
<br>
⏰ 06:30 PM IST
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-box">
<div class="row justify-content-center no-gutters mb-5 mb-lg-0 workshop-item">
<div class=" workshop-item-textbox">
<div class="bg-black text-center h-100">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center">
<h4 class="sub-heading inline orange">TWITTER BOT</h4>
<p class="mb-0 white nexa">There are too many new tweets whenever one opens twitter. And sometimes we wish to check some important tweets only instead of searching for them like “a needle in a haystack”. So in this workshop we’ll demonstrate how to make a twitter bot. This bot can be useful during covid as people can use it to increase the reach of tweets such as #covidresources etc important tweets
</p>
<p class="mb-0 orange nexa">
📅 May 8, 2021
<br>
⏰ 11:00 AM IST
</p>
<hr class="d-none d-lg-block mb-0 mr-0">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<h1 class="sub-heading diagonal-text orange" style="padding: 6em 0 6em 0;">Mini Events</h1>
</section>
<section class="diagonal-section white-bg" style="opacity: 0.95!important;">
<div class="mx-auto diagonal-section-content">
<div class="container">
<div class="border-box">
<div class="row justify-content-center no-gutters mb-5 mb-lg-0 workshop-item">
<div class=" workshop-item-textbox">
<div class="bg-black text-center h-100">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center ">
<h4 class="sub-heading inline orange">Scribble</h4>
<p class="mb-0 white nexa">So much work can make anyone tired. So let’s have a break from all the project building stuff and have a fun and refreshing game session in scribble.
</p>
<p class="mb-0 orange nexa">
📅 May 8, 2021
<br>
⏰ 04:00 PM IST
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-box">
<div class="row justify-content-center no-gutters mb-5 mb-lg-0 workshop-item">
<div class=" workshop-item-textbox">
<div class="bg-black text-center h-100 ">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center">
<h4 class="sub-heading inline orange nexa">Web Development Quiz</h4>
<p class="mb-0 white nexa">Everyone has been busy building their portfolio website. So let’s see how much everyone has learnt. Let’s see who wins the race to the top in this quiz session.
</p>
<p class="mb-0 orange nexa">
📅 May 9, 2021
<br>
⏰ 10:00 AM IST
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="footer-section ">
<div style="padding-top: 0">
<div class="small text-center white">
<div class="social d-flex justify-content-center"></div>
<div class="white mb-4 sub-heading-small" style="padding-bottom: 2rem; padding-top: 100px; margin-bottom: 0;">
Copyright © SOA Code Room 2021
<div id="button-box" style=" padding-top: 1rem; margin-bottom: 0;">
<a href="https://summerhacks.netlify.app/" class="btn btn-primary-small js-scroll-trigger" style="z-index: 1; position: relative;">Home! 🏠</a>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- Custom javascript -->
<script src="js/script.js"></script>
<script src="./js/particles.js"></script>
<script src="./js/app.js"></script>
<script src="./js/nav.js"></script>
</body>
</html>