-
Notifications
You must be signed in to change notification settings - Fork 18
/
events.html
169 lines (141 loc) · 7.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Events</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/events.css">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Prata&family=Sanchez&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
</head>
<body>
<nav class="navbar navbar-fixed-top navbar-expand-lg" style="background-color:#F0F9F8 ;">
<div class="container-lg">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar" style="background-color:#112E42 ;" ></span>
<span class="icon-bar" style="background-color:#112E42 ;" ></span>
<span class="icon-bar" style="background-color:#112E42 ;" ></span>
</button>
<a class="navbar-brand" href="#">
<img class="logo" src="images/footerLogo.png" style="max-width: 400px; height: 37px; opacity: 1; padding-bottom:5px; " >
</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar" style="background-color:#F0F9F8 ;">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span> Home</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="team.html">Team</a></li>
</ul>
</div>
</nav>
<p class="evetext">
<span id="red">DSC <span><span id="blue">AKGEC's <span><span id="green">TECH <span><span id="yellow">EVENTS!<span>
</p>
<div class = "container">
<div class="row">
<section id="part1" class="col-md-6 col-md-pull-1 col-xs-12">
<h2 style="font-weight:500px; font-size:45px;">OUR EVENTS!</h2>
<p class="desc"> We take up the initiative to connect individuals who wish to contribute to the society by organizing
events like learning sessions, coding jams and more.<br>
We believe in the power of growing together as a community<br>
Follow us on <a href="https://www.instagram.com/dsc_akgec/?hl=en" target="_blank" > INSTAGRAM </a> to get notified about our events instantly!
</p>
</section>
<section id = "part2" class="col-md-4 col-md-pull-1 col-xs-6">
<img src="images/dscevent.jpg" alt="dsc team pic" height="200%" width="200%">
</section>
</div>
</div>
<div class="jumbotron event1">
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-12">
<p class="eventdata" style="font-size:37px; text-align:center; font-weight:bold;">30 DAYS OF GOOGLE CLOUD</p>
<p class="eventdata" style="font-size:25px;">An opportunity to kickstart your career in cloud and get hands-on practice
on Google Cloud Platform. Learn & practice concepts like computing, application development, big data & machine learning using cloud &
get a chance to win some really cool Gooogle Cloud goodies.</p>
<a class="btn btn-lg btn-primary" href="https://events.withgoogle.com/30daysofgooglecloud/#content" target="_blank">Know more</a>
</div>
<div class="col-md-6 col-xs-11">
<img id="event1" src="images/cloud.jpg" alt="30days" width="105%" height="100%" >
</div>
</div>
</div>
</div>
<div class="jumbotron event2">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-pull-1 col-xs-12">
<img id="event2" src="images/hackfest.webp" alt="30days" width="100%" height="100%">
</div>
<div class="col-md-6 col-xs-12">
<p class="eventdata" style="font-size:37px; text-align:center; font-weight:bold;">DSC HACKFEST 2020</p>
<p class="eventdata" style="font-size:25px;">DSC AKGEC in collaboration with DSC IGDTUW, DSC Indraprastha College For Women and DSC PGDAV brings you an
11 day virtual event to explore open source technologies to celebrate Hacktoberfest 2020!</p>
<a class="btn btn-lg btn-primary" href="https://hacktoberfest.digitalocean.com/" target="_blank">Know more</a>
</div>
</div>
</div>
</div>
<div class="jumbotron event3" style="padding-bottom:5%; padding-top:5%;">
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-12">
<p class="eventdata" style="font-size:36px; text-align:center; font-weight:bold;">GitHub WORKSHOP</p>
<p class="eventdata" style="font-size:25px;">A hands-on workshop session live on youtube to acquaint the students and learners with an in depth knowledge of GitHub.</p>
<a class="btn btn-lg btn-primary" href="https://www.youtube.com/watch?v=TDt9O-dIGYE" target="_blank" >Watch now!</a>
</div>
<div class="col-md-6 col-xs-12">
<img id="event3" src="images/gitt.jpeg" alt="30days" width="100%" height="90%">
</div>
</div>
</div>
</div>
<div class="jumbotron event4">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-pull-1 col-xs-12">
<img id="event4" src="images/progate.png" alt="30days" width="105%" height="100%">
</div>
<div class="col-md-6 col-xs-12">
<p class="eventdata" style="font-size:37px; text-align:center; font-weight:bold;">PROGATE WEEK OF LEARNING</p>
<p class="eventdata" style="font-size:25px;">Week of learning is an intensive week-long learning program from Progate. It is an online learning
platform where you will learn web development and build your first project!</p>
<a class="btn btn-lg btn-primary" href="https://progate.com/" target="_blank">Know more</a>
</div>
</div>
</div>
</div>
<div class = "container">
<div class="row">
<div class="col-md-5 col-md-push-1 col-xs-pull-1 col-xs-7">
<div class="card" style="height:140%; width:180%;">
<div class="card-body" >
<p id="coll">COLLABORATE WITH US?</p>
<p class="card-text"> We would love to colloborate with you for an event! <br>
We are always looking for sponsors and partners to organize fabulous interactive events. <br>
CONTACT US NOW!
</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<h1 id="contact">CONTACT US</h1>
<a href="https://www.facebook.com/dscAKGEC/" target="_blank" class="fa fa-instagram" style="font-size: 36px";></a>
<a href=" https://www.instagram.com/dsc_akgec/?hl=en" target="_blank" class="fa fa-facebook" style="font-size: 36px";></a>
<a href="https://www.linkedin.com/company/developer-student-club-akgec" target="_blank" class="fa fa-linkedin square" style="font-size: 36px";></a>
<a href="#" class="fa fa-google" style="font-size: 36px";></a>
</footer>
</body>
</html>