-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
173 lines (156 loc) · 7.14 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ping! | Freshers' Issue</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap" rel="stylesheet">
<link href="https://cdn.lineicons.com/2.0/LineIcons.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="icon" href="./img/fav.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-131791159-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-131791159-2');
</script>
</head>
<body>
<div class="parent">
<div class="row green box1 btm">
<div class="col-lg-12">
<h1>Ping!</h1>
<br>
<h2>Freshers' Issue 2020</h2>
<img src="./img/main1.svg" class="img1">
</div>
</div>
<div class="row green box2">
<div class="col-lg-12">
<p class="text_main1 text-white container h4">Welcome to the freshers' issue! <br/> This is a compilation of articles to kickstart your IIIT journey. We have an interactive campus map, a IIIT slang primer, movie recommendations and more!</p>
<img src="./img/lingo.svg" class="img2">
</div>
</div>
<div class="row orange box3">
<div class="col-lg-12">
<h1>Your Guide to Lingo at IIIT</h1>
<h2>We have some crazy lingo here <br> Learn what they are and what they are used for</h2>
<br>
<a href="https://pingiiit.org/2020/09/freshers-2020-iiit-lingo/" target="_blank" class="btn btn-light" role="button" aria-pressed="true">View Article</a> <br>
<img src="./img/adayatiiit_top.svg" class="img3">
</div>
</div>
<div class="row green box4 btm">
<div class="col-lg-12">
<img src="./img/adayatiiit_bottom.svg" class="img4">
<div>
<h1>Day in the life: IIIT-H Edition</h1>
<h2>Get in on the campus experience! Here's what a typical day looks like for students.</h2>
<br>
<a href="https://pingiiit.org/2020/09/freshers-2020-a-day-at-iiit/" target="_blank" class="btn btn-light" role="button" aria-pressed="true">Read More</a>
</div>
</div>
</div>
<div class="row yellow box6 btm">
<div class="col-lg-4">
<div class="margin-box-left">
<h1 style="color: black">Explore IIIT in an Interactive Map!</h1><br>
<a href="https://map.pingiiit.org" target="_blank" class="btn btn-light" role="button" aria-pressed="true">Take me there!</a>
</div>
</div>
<div class="col-lg-8">
<img src="./img/vindhya-10.svg" class="img6">
</div>
</div>
<div class="row blue box5 btm">
<div class="col-lg-8">
<img src="./img/research.svg" class="img5">
</div>
<div class="col-lg-4">
<div class="margin-box-left">
<h1>What is research?</h1><br>
<h2>A quick look at some amazing work being done at IIIT!</h2><br>
<a href="https://pingiiit.org/2020/09/freshers-2020-research-at-iiit/" target="_blank" class="btn btn-light" role="button" aria-pressed="true">Read More</a> </div>
</div>
</div>
<div class="row green box5 btm">
<div class="col-lg-4">
<div class="margin-box-left">
<h1>What makes IIIT... IIIT?</h1><br>
<h2>The location, the tight community and much more.</h2><br>
<a href="https://pingiiit.org/2020/09/freshers-2020-why-iiit/" target="_blank" class="btn btn-light" role="button" aria-pressed="true">Read More</a> </div>
</div>
<div class="col-lg-8">
<img src="./img/whyiiit.svg" class="img5">
</div>
</div>
<div class="row green box5 btm">
<div class="col-lg-8">
<img src="./img/readinglist.svg" class="img5">
</div>
<div class="col-lg-4">
<div class="margin-box-left">
<h1>IIIT Reading List</h1><br>
<h2>There's a lot of history to IIIT. Here are some
essential reads to catch you up.</h2><br>
<a href="https://pingiiit.org/2020/09/freshers-2020-reading-list/" target="_blank" class="btn btn-light" role="button" aria-pressed="true">Read More</a> </div>
</div>
</div>
<div class="row purple box_last btm" style="padding: 0">
<div class="col-lg-12" style="padding: 0">
<img src="./img/movie.svg" class="img_last">
<div style="padding: 10% 5%; color: snow">
<h1>Fan of movies?!</h1>
<h2>A curated list of movies based on IIIT's branches. </h2>
<br>
<a href="https://pingiiit.org/2020/09/freshers-2020-iiit-watchlist/" target="_blank" class="btn btn-light" role="button" aria-pressed="true">Read More</a> </div>
</div>
</div>
<div class="desc stop">
<div class="row" style="height: initial; padding: 0 5%">
<div class="col-md-4" style="margin: auto;">
<img src="./img/logo.png" class="img-fluid" style="width: 50%">
</div>
<div class="col-md-8" style="margin: auto;">
With <img src="./img/logo.png" class="img-fluid"
style="height: 1.5rem">, we strive to give the community a
voice. Not just a voice that is heard, but a voice that is
listened to, understood and given its due consideration.
Each year our team of editors, designers, and writers work
extensively to report on events in and around college and generate creative content. We strive to be, foremost, a public service, and thus encourage open discussion and dialogue with members of our campus and community.
<br><br>
<img src="./img/logo.png" class="img-fluid" style="height:
1.5rem"> aims to reiterate that awareness is king. Awareness
is the first big step to bringing change, and <img src="./img/logo.png" class="img-fluid" style="height: 1.5rem"> wants to be part of that big step that people take. Our final content reflects the unique thoughts, opinions and passion of our community while emphasizing the inherent diversity prevalent in our campus.
<br/><br/>
Wanna join? Click <a href="https://pingiiit.org/join/"
class="text-warning" target="_blank">here</a>
</div>
</div>
</div>
<div class="violet py-5 stop">
<div class="ftr my-5">
<span>
<a href="https://www.facebook.com/pingiiit/" target="_blank">
<i style="color:#fff;" class="lni lni-facebook lni-32" class="img_icon"></i>
</a>
</span>
<span>
<a href="https://www.instagram.com/pingiiit/" target="_blank">
<i style="color:#fff;" class="lni lni-instagram lni-32" class="img_icon"></i>
</a>
</span>
<span>
<a href="https://twitter.com/pingiiit" target="_blank">
<i style="color:#fff;" class="lni lni-twitter lni-32" class="img_icon"></i>
</a>
</span>
</div>
</div>
</div>
</body>
</html>