-
Notifications
You must be signed in to change notification settings - Fork 37
/
Copy pathindex.html
240 lines (196 loc) · 10.3 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
<!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/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<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=Bangers&display=swap" rel="stylesheet">
<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=Montserrat:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.google.com/specimen/Permanent+Marker">
<!-- navbar -->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<!--Google Fonts-->
<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=Open+Sans:wght@300&display=swap" rel="stylesheet">
<!-- for form -->
<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=Roboto:wght@700&display=swap" rel="stylesheet">
<title> Hacktober GDSC WEBSITE </title>
</head>
<body>
<!-- navbar code -->
<div class="back-nav">
<nav>
<div class="logo">
<!-- <a href="#">GDSC</a> -->
</div>
<div class="bottom-nav">
<a href="#">
<ion-icon name="menu-outline"></ion-icon>
</a>
</div>
<ul class="menu">
<li><a href ="/about.html"><p>About GDSC</p></a></li>
<li><a href="/chapter.html"><p>Chapters</p></a></li>
<li><a href="/events.html"><p>Upcoming Events</p></a></li>
<li><a href="/contact.html"><p>Contact Us</p></a></li>
</ul>
</nav>
</div>
<div class="home">
<div class="container-img">
<!-- <img class="pic2" src="unnamed-removebg-preview (1).png" alt=""> -->
<!-- <p class="uppertextgdsc"> -->
<p class="g">G</p>
<p class="d">D</p>
<p class="s">S</p>
<p class="c">C</p>
</div>
<p class="gdsc">GDSC stands for Google Developer's Student Club. Google Developer Student Clubs (GDSC) are community groups for college and university students interested in Google developer technologies.</p>
<img class="pic2" src="assets/google_animated.gif" height="450" alt="">
<br>
<img class="pic1" src="assets/gdsc.png" alt="">
<hr>
<div class="events" style="background-color: rgb(8, 210, 8);">
<p class="gdsc2">GDSC stands for Google Developer's Student Club. It is a strong community lead by Google
Developers. We are working towards pushing students in the area of new technologies. </p>
</div>
<br>
<!-- <hr> -->
<div class="events">
<h1>EVENTS AND OUR SESSIONS</h1>
<div class="event-row1">
<h3 class="heading1">1 BITBOX </h3>
<div class="bitbox">
<div class="img">
<img class="webphoto" src="assets/bitbox.png" alt="">
</div>
<div class="marktext">
It is an annual tech event which is generally hosted in the month of March for students who are interested, all over India.
<br>
<br>
<!--• It majorly consists of Hackathons along with exciting Tech talks.<br>
• The hackathon will run for two months with tech-talks for a month, followed by mini-events for 2 weeks which will build-up to the 48-hour long hackathon.<br>
• It’s a 48-hour long event starting w.e.f. 26th March to 28th March 2021.<br>
• The first month of the event would be packed with Tech Talks from distinguished guest speakers.<br>
• The theme of the hackathon is “United Nations 17 SDGs".<br>
• The second month is reserved for exhilarating and adrenalin pumping 48-hour long Hackathon and mini- events.<br>
• It's fully online in view of the novel coronavirus outbreak but that doesn’t stop our thirst for knowledge and growth.<br></div>
!-->
<ul class="marktext">
<li>It majorly consists of Hackathons along with exciting Tech talks.</li>
<li>
The hackathon will run for two months with tech-talks for a month, followed by mini-events for 2 weeks which will build-up to the 48-hour long hackathon.
</li>
<li>
It’s a 48-hour long event starting w.e.f. 26th March to 28th March 2021.
</li>
<li>
The first month of the event would be packed with Tech Talks from distinguished guest speakers.
</li>
<li>
The theme of the hackathon is “United Nations 17 SDGs".
</li>
<li>
The second month is reserved for exhilarating and adrenalin pumping 48-hour long Hackathon and mini- events.
</li>
<li>
It's fully online in view of the novel coronavirus outbreak but that doesn’t stop our thirst for knowledge and growth.
</li>
</ul>
</div>
</div>
<br>
<br>
<div class="event-row2">
<h3 class="heading2">2 30 DAYS OF GOOGLE CLOUD</h3>
<div class="days">
<div class="marktext">
30 Days of Google Cloud program will provide you an opportunity to kickstart your career in the cloud and get hands-on practice on Google Cloud Platform - the tool that powers apps like Google Search, Gmail, and YouTube.
Along the way, you will learn & practice concepts like computing, application development, big data & machine learning using the cloud & if you get stuck, you will have your "Campus Facilitators" who are specially trained on Google Cloud to help.
The program will introduce you to Computing, Application Development, Big Data & Machine Learning using Google Cloud's training platform called Qwiklabs where you will learn each of these topics using self-paced labs that provides you temporary credentials to Google Cloud Platform, so you can learn the cloud using the real thing – no simulations.
</div>
<div class="img1"><img class="markphoto" src="assets/Google-Cloud-Emblem.png" alt=""></div>
</div>
</div>
<hr>
<div class="contact">
<h1 class="bttext1">"GET ALONG WITH GDSC IN THE JOURNEY OF DEVELOPMENT"</h1>
<h2 class="bttext2">LET'S COLLABORATE!</h2>
<div class="contact-me">
<div class="contact-me">
<form onclick="submit" action = "#">
<div class="form">
<div class="parts">
<label>Name: </label>
<input type="text" required placeholder="Your name">
</div>
<div class="parts">
<label>Email Id: </label>
<input type="email" required placeholder="Your email">
</div>
<div class="parts">
<label>Mobile Number: </label>
<input type="number" required placeholder="Your number">
</div>
<div class="parts">
<textarea name="" id="" cols="30" rows="10" placeholder="Write any message..."></textarea>
</div>
<input type="reset">
<input type="submit">
</div>
</form>
</div>
<div
style="
background: #00000010;
padding: 30px;
margin-top: auto;
display: flex;
width: 100%;
justify-content: space-around;
align-items: center;
"
class="bottom-container">
<a class="" href="https://www.linkedin.com/company/dsc-jiit"><img class="footer-linkedin" src="assets/linkedin.png"
alt="" style="height: 40px;"></a>
<a class="" href="https://github.com/dsc-jiit-128"><img class="footer-github" src="assets/github-logo.png"
alt="" style="height: 40px;"></a>
<div class="copybox">
<a class="" href = "https://gdsc.community.dev/jaypee-institute-of-information-technology-sector-128-noida/">© GDSC.</a>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
/* styling the button */
a {
padding: 22px 22px;
display: inline-block;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
font-size:large;
overflow: hidden;
}
/*creating animation effect*/
a:hover {
color: #111;
background: #14fffb;
box-shadow: 0 0 50px #14fffb;
}
p{
padding-top: 40px;
}
</style>
</body>
</html>