forked from vedant-0408/code_by_me
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
323 lines (307 loc) · 23.1 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
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
<!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">
<title>[email protected]</title>
<link rel="icon" type="image/x-icon" href="iiitn.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
margin: 0px;
}
#heading {
color: rgb(57, 48, 148);
font-size: 30px;
font-family: 'Times New Roman', Times, serif;
}
#director {
border: 2px solid black;
width: 800px;
font-family: 'Times New Roman', Times, serif;
font-weight: 500;
padding: 20px;
margin-top: 30px;
}
.tools a:hover{
color: orange;
}
.nav a {
color: white;
padding-left: 23px;
font-size: smaller;
text-decoration: none;
}
.nav a:hover {
color: orange;
}
.head a{
display: block;
font-size: 18px;
text-decoration: none;
color:black;
padding: 10px 30px 30px 10px;
position: relative;
display: inline-block;
}
.head a:hover{
background-color: rgb(57, 47, 130);
color:white;
}
.dropdown-content{
display: none;
position:absolute;
background-color: #f9f9f9;
min-height: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
line-height: 1.5rem;
}
.head:hover .dropdown-content{
display: block;
}
.flex-container{
display:flex;
bottom: 0;
background-color: rgb(0,69,123);
justify-content: space-around;
}
.footer{
color: #fff;
font-weight: bold;
font-size: 25px;
font-family: inherit;
padding-bottom: 20px;
display: block;
line-height: 30px;
padding-top: 20px;
box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');
.newhr{
border: .25px solid grey;
}
</style>
</head>
<body>
<div style="width: 100%; height:41px; background-color: black; margin:0px;padding-top: 9px;padding-bottom: 9px; box-sizing: border-box;">
<span class="nav"><a href="iiitnphoto.html">ABHIVYAKTI</a></span>
<span class="nav"><a href="iiitnphoto.html">TANTRAFIESTA</a></span>
<span class="nav"><a href="iiitnphoto.html">RECRUITMENT</a></span>
<span><img src="new.gif" alt="new"></span>
<span class="nav"><a href="iiitnphoto.html">TENDERS</a></span>
<span class="nav"><a href="iiitnphoto.html">RTI</a></span>
<span class="nav"><a href="iiitnphoto.html">CONTACT US</a></span>
<span class="nav"><a href="iiitnphoto.html">E-Library</a></span>
<span><img src="new.gif" alt="new"></span>
<span style="padding-left:250px; color: white;">Login</span>
<div style="padding-left: 20px; float:left">
<a href="https://www.facebook.com/IIITNagpur/" target="_blank">
<img src="fb2.png" alt="facebook" height="25px" width="23px">
</a>
</div>
<a href="https://twitter.com/IIITN_OFFICIAL" target="_blank">
<div class="tools" style="float:left; padding-left: 30px;">
<img src="twitter.png" alt="twitter" height="25px" width="23px">
</div>
</a>
<a href="https://www.instagram.com/iiitnagpur/" target="_blank">
<div class="tools" style="float:left; padding-left:30px;">
<img src="instagram-icon-white-png-26.jpg" alt="instagram" height="25px" width="23px">
</div>
</a>
<a href="https://www.youtube.com/channel/UCcQEXD69BdMFyU8872dU2_A" target="_blank">
<div class="tools" style="float:left; padding-left:30px;">
<img src="yt.png" alt="youtube" height="25px" width="23px">
</div>
</a>
<a href="https://www.linkedin.com/in/iiitnofficial/" target="_blank">
<div class="tools" style="float:left; padding-left:30px;">
<img src="in2.png" alt="linkedin" height="25px" width="23px">
</div>
</a>
</div>
<div>
<div style="padding-left:100px; float:left">
<img src="iiitn.png" alt="IIITN logo">
</div>
<div style="float: right; padding-right: 100px;">
<img src="second-logo.jpg" alt="logo" height="90px">
</div>
<div style="color: rgb(57, 48, 148);font-size: 22px; padding-top: 5px; font-weight: 600;"> भारतीय सूचना
प्रौद्योगिकी संस्थान,
नागपुर</div>
<div id="heading"> Indian Institute Of Information Technology, Nagpur</div>
<div style="color: brown;"> An Institution of National Importance By An Act of Parliament</div>
</div>
<div>
<div style="position:sticky; top: 0; width : 100%; height: 120px; background-color: white;">
<hr style="border: 3px solid rgb(197, 67, 20);">
<a href="iiitn.html"><img src="Screenshot 2023-04-01 215505.png" style="float:left; "></a>
<span class="head"><a href="iiitnphoto.html">ABOUT</a>
<div class="dropdown-content">
<ul style="list-style-type: none;">
<li>Act(PPP)</li>
<hr class="newhr">
<li>Statue</li>
<hr class="newhr">
<li>Institute Profile</li>
<hr class="newhr">
<li>Facilities</li>
<hr class="newhr">
<li>Annual Report</li>
<hr class="newhr">
<li>MoU</li>
<hr class="newhr">
</ul>
</div></span>
<span class="head"><a href="iiitnphoto.html">GOVERNANCE</a>
<div class="dropdown-content">
<ul style="list-style-type: none;">
<li>Act(PPP)</li>
<hr class="newhr">
<li>Statue</li>
<hr class="newhr">
<li>Institute Profile</li>
<hr class="newhr">
<li>Facilities</li>
<hr class="newhr">
<li>Annual Report</li>
<hr class="newhr">
<li>MoU</li>
<hr class="newhr">
</ul>
</div></span>
<span class="head"><a href="iiitnphoto.html">DEPARTMENT</a> </span>
<span class="head"><a href="iiitnphoto.html">ADMISSIONS</a> </span>
<span class="head"><a href="iiitnphoto.html">ALUMNI</a> </span>
<span class="head"><a href="iiitnphoto.html">PLACEMENTS</a> </span>
<span class="head"><a href="iiitnphoto.html">STUDENT</a> </span>
<span class="head"><a href="iiitnphoto.html">NIRF</a> </span>
<span class="head"><a href="iiitnphoto.html">CONTACT US</a> </span>
<span class="head"><a href="iiitnphoto.html">OTHERS</a> </span>
</div>
<img src="IIIT-Nagpur.jpg" alt="photo1" height="300px" width="100%" style="margin-top: 2px;">
<br><br>
<div>
<div id="director">
<div style="float:right; padding: 10px;">
<img src="director.jpg" alt="DR.O.G. KAKDE" height="240px">
<br>
<span style="float:inline-end; margin-left: 70px; font-family:cursive; color:black;">DR.O.G.
KAKDE</span>
</div>
<span style="color:black; font-weight: bolder;"><i>DIRECTOR'S MESSAGE...</i></span><br><br>
All are aware that Indian Institute of Information Technology, Nagpur (IIITN) started functioning in the
Year 2016-17 and technically, is still in the establishment stage.
However, the Institute is striving to be a fore-runner in cutting edge technology research and
education.<br><br> I am delighted to share that the 1st Batch of students has passed out from the Institute
and 30 students out of 46 got placement through campus interview with highest package offered is Rs. 20.0
Lakhs per annum and average package of Rs. 7.70 Lakhs per annum. 6 students have opted for higher
studies.<br><br>
Further, you would be happy to know that out of 141 registered students of the 2021 Batch, 24 students are
already placed through campus interview with Rs. 19 Lakhs as maximum package and Rs. 10.43 Lakhs as average
package per annum.
</div>
</div>
<br><br><br>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facilis reprehenderit minus error ipsum quas blanditiis corporis iusto, dolore numquam culpa, dolorum quisquam consequuntur laudantium aspernatur voluptatem ratione rem itaque provident.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae, mollitia. Rem nisi voluptas exercitationem magni natus. Sit adipisci est reprehenderit accusamus, fugiat mollitia impedit doloremque nisi, atque aspernatur ex porro.
Iusto, officiis voluptas labore explicabo est soluta! Voluptatibus tenetur consectetur repellendus asperiores sit doloribus facere aperiam. Rerum cupiditate nihil consectetur porro doloribus doloremque explicabo ratione, sunt, excepturi ipsam minus temporibus?
Veritatis minima ratione magnam, officia neque odit ex recusandae alias saepe dolor qui nisi at vero ut ducimus repudiandae error eum quis corporis eos vitae eligendi aut velit sed. Necessitatibus?
Eos quaerat non aspernatur, necessitatibus, at aliquam soluta quidem, incidunt laborum nesciunt commodi nobis nihil in quibusdam ipsam voluptas alias officia eaque sapiente tempora pariatur qui. Excepturi tempora quaerat eius.
Minima praesentium reiciendis, a, unde esse incidunt vel recusandae cumque architecto aut expedita asperiores voluptas quaerat! Illum, assumenda quam doloribus consequatur sed, praesentium quaerat nulla fugiat facilis, eum natus voluptas!
Repellendus maxime quam earum, porro at recusandae? Impedit aut enim eius omnis quasi. Fugit iure, facilis beatae sed, nisi nemo assumenda perferendis labore, debitis praesentium necessitatibus et hic. Assumenda, fugit.
Facilis corporis eaque sed error. Harum nesciunt quaerat iusto quisquam! Nobis, ipsum placeat consequatur distinctio nisi iure molestiae possimus, voluptates nesciunt deleniti velit illo mollitia consequuntur labore doloribus dignissimos iusto?
Recusandae asperiores rerum et amet beatae pariatur sit, quasi consequuntur adipisci maiores deleniti reiciendis animi obcaecati facilis excepturi earum natus est id similique debitis eius temporibus tempora. Eius, nisi ipsa?
Velit eos porro deleniti quis illum minus quae officiis voluptatum nobis repudiandae, sunt nam inventore, impedit ex possimus culpa, hic omnis maxime esse magni eius. Accusamus distinctio mollitia repellat odit.
Placeat nam asperiores quasi, est quo obcaecati aperiam eveniet quia laborum tenetur mollitia eum labore error iste veritatis, impedit assumenda. Odit rem sapiente doloribus minima vitae illo optio ipsam consequatur!
Suscipit deserunt quas distinctio ipsa non quasi eum obcaecati maxime qui, itaque eligendi repellat fugiat recusandae repellendus commodi eos expedita dolores blanditiis numquam magnam minima error modi, necessitatibus excepturi? Cupiditate!
Inventore consequuntur veritatis sapiente sequi magni nesciunt, odit iste excepturi earum laborum, quam illo nostrum asperiores, enim dignissimos provident quas doloribus autem at itaque quod atque iure minima saepe! Quis.
Rerum, distinctio nihil odit velit aperiam debitis sunt quibusdam tenetur laborum enim nobis nesciunt eum id! Quidem debitis culpa velit? Animi, magnam? Nihil a necessitatibus, ipsum vel deserunt repellat. Quo!
Odio, dolore similique. Eos autem qui temporibus asperiores, ipsum illum deserunt, explicabo quos, quam dolorum nesciunt ratione quo! Dolores, obcaecati dolore impedit dolorem in illo quam ad quisquam aliquid natus?
Ea inventore nesciunt tempora dolore harum, natus ex debitis aut exercitationem quasi, ipsum molestias minima. Similique, aut impedit obcaecati error libero harum? Ipsa, quibusdam officia iste repellat nemo alias quae.
Ipsum tempore voluptatibus iure voluptas nesciunt deleniti quae. Impedit ducimus, unde aliquam aliquid libero perspiciatis ut quia? Facere, tempore quas harum id delectus suscipit consequatur laboriosam iste cum eos inventore.
Asperiores explicabo aperiam officia error laboriosam dolore repellat alias, labore quo, ducimus dicta cumque. Ad, repellat inventore quae aut consequuntur asperiores qui assumenda, placeat necessitatibus culpa dolorum magnam ex ipsam.
Eum ut consequuntur sequi molestias rem voluptatum dolorem, nihil eius illum, a aspernatur et cum at repellat nobis, earum repudiandae ullam nam iure dolorum perferendis id architecto quaerat? Unde, expedita!
Ab minima ad neque doloribus sed libero recusandae laudantium id aspernatur, ipsa fugiat sint suscipit, consectetur laboriosam praesentium! Officia blanditiis sit accusamus sunt! Quia illum, fugiat velit enim atque sit!
Ullam nobis architecto, quaerat harum sequi distinctio cumque animi, dignissimos atque minima praesentium dolorum optio voluptatum dolore natus voluptas eligendi fugit. Asperiores enim repellendus atque officiis ipsa tempora saepe aspernatur?
In omnis consequuntur porro tenetur id harum ex necessitatibus, laudantium voluptates obcaecati deserunt tempora, sequi nihil dicta beatae quas velit magnam perferendis consectetur sit, cupiditate praesentium! Dignissimos commodi optio quod.
Earum nemo veritatis nam reprehenderit cum culpa dolore similique impedit, assumenda explicabo ipsa facere vitae accusantium eos laudantium quas possimus doloremque quibusdam nesciunt deleniti quis distinctio tempore. Natus, nemo officiis.
Maiores nisi inventore eius, delectus atque eaque nesciunt nam consequuntur neque quam vitae alias repellendus consequatur minus a voluptas, voluptatibus, aspernatur suscipit culpa fugiat doloremque facere tempora iusto. Eos, deserunt?
Ducimus hic dolorum praesentium non, quasi sunt ipsam quas mollitia accusamus explicabo numquam expedita recusandae minus omnis fugit sapiente perferendis blanditiis qui porro architecto beatae excepturi pariatur harum illo. Culpa!
Aliquid possimus maiores, cum soluta odio in necessitatibus minima quasi repellendus unde maxime illum deserunt neque? Aperiam, maiores illum ad quae natus dolorem et? Earum possimus minima laborum quibusdam officia.
Quasi ab quia officia? Quaerat temporibus voluptatum qui beatae quos, doloribus cumque officia doloremque laborum, nemo illum? Dolorum adipisci maxime tenetur nulla quibusdam modi laudantium quis maiores minima distinctio. Excepturi.
Maxime, voluptate incidunt minima quod dolorum facere, consequatur autem officiis beatae praesentium provident, laudantium vel voluptatem. Impedit, harum laboriosam molestiae quo necessitatibus est! Dolorum ipsam dicta odio, perspiciatis illo ea?
Ipsa asperiores nulla ab cumque obcaecati dolores distinctio iusto molestias modi, esse eius perspiciatis quas repellat nam consequuntur eveniet ullam? Vel cupiditate est, sapiente perferendis quis quidem impedit animi aliquam.
Libero maxime accusantium suscipit. Quam voluptas vel ullam ad similique esse optio, commodi sit laboriosam modi? Quas aliquid, nobis unde neque corrupti amet dolore ipsa! Quam temporibus quasi totam reiciendis?
Sed, qui! In dignissimos nam sequi, perspiciatis quos impedit? Optio reiciendis qui dolorem maxime, non iste soluta corrupti? Facilis explicabo deserunt eligendi nobis rem omnis ducimus cumque vero voluptatum culpa.
Molestias, laudantium explicabo expedita, modi magnam quod vitae architecto non nesciunt dolore ducimus sint molestiae quibusdam! Perspiciatis dicta ut nesciunt aliquam maiores! Quidem atque dicta eveniet modi hic. Sapiente, excepturi!
Voluptatum ratione nobis ipsa nulla expedita repellat necessitatibus magnam et dolorem veritatis a alias ipsum unde, sequi nisi vero molestiae earum eveniet incidunt consequuntur. Voluptate delectus atque distinctio laborum consequuntur!
Rerum dignissimos provident saepe quaerat reprehenderit cumque tenetur, iure at molestiae blanditiis qui distinctio voluptate maiores eum! Obcaecati quidem asperiores reiciendis voluptate! Incidunt consectetur, facere quibusdam nihil alias maxime sed?
Expedita velit ex assumenda blanditiis placeat accusantium sapiente atque fuga natus nobis dicta rem reprehenderit esse, quos cum asperiores dolor modi doloribus possimus odit fugiat ducimus rerum quibusdam? Necessitatibus, recusandae!
Aliquam quisquam quos possimus rerum ipsa iste quis architecto aspernatur odio, corporis voluptatibus animi temporibus optio aut voluptates necessitatibus nihil suscipit eaque illo eius nemo vel! Quisquam quos iusto dolorum.
Dolor cupiditate obcaecati magnam quisquam earum, illo modi officiis quo tempora reiciendis at sapiente necessitatibus vitae culpa nesciunt iusto aspernatur rerum facilis optio nemo vero recusandae error esse itaque. Tenetur!
Pariatur culpa dolor quis aspernatur distinctio officiis, provident suscipit perferendis amet eligendi. Excepturi optio alias veniam possimus natus perferendis accusamus facilis architecto quod? Consequuntur expedita magnam perspiciatis obcaecati eveniet saepe!
Excepturi, explicabo nihil sint similique quisquam cum necessitatibus maxime veritatis, repellat vel alias repudiandae autem. Fuga dicta facere quidem quod! Numquam rem odio obcaecati cum, consequatur facere adipisci quaerat culpa!
Maiores quasi tenetur architecto expedita? Vel minus corporis a quaerat incidunt molestias, voluptas ex veritatis accusantium pariatur explicabo? Non libero dolore in id quis magnam aliquid aut fugit praesentium vel.
Iure totam dolorum in praesentium, reprehenderit doloribus mollitia repudiandae nostrum, rerum sit necessitatibus perspiciatis, minus veritatis libero quidem? Tempore dolor, eum sequi maxime vero sed reprehenderit assumenda qui labore quidem!
Quod, aspernatur. Et dignissimos voluptatum vitae numquam. Nesciunt explicabo doloribus veritatis autem? Ipsa temporibus provident dolore? Nam deleniti quis sed nemo doloribus facilis dolores eum perferendis reiciendis, recusandae, reprehenderit harum.
Obcaecati quam magnam necessitatibus cumque itaque sit vel, assumenda tempora est beatae, libero fugit quasi porro labore modi veritatis. Omnis neque dolorem quia quaerat aperiam magnam temporibus obcaecati sapiente architecto.
Magni, dicta? Nemo maxime, neque cumque voluptates qui, provident nisi incidunt nesciunt, vero soluta eligendi blanditiis culpa perspiciatis rerum porro placeat dolorem non quisquam. Harum libero asperiores qui excepturi suscipit.
Cum atque quae quasi eligendi? Omnis quod voluptate et officiis. Fugiat debitis ab blanditiis maiores autem doloribus impedit itaque quia esse, fugit quo praesentium repellendus et, consequuntur voluptas ipsam. Distinctio.
Consequuntur, esse cumque architecto aut repudiandae ea laudantium odio nam ut facere necessitatibus veritatis voluptate, dolor similique sunt consectetur? Consectetur ducimus asperiores ipsum doloribus repellat. Quam expedita excepturi molestiae possimus.
Corporis, sint at nam, repudiandae amet nisi nemo eum, commodi ut doloremque voluptatum cum ipsam ratione! Laudantium nesciunt debitis odit unde inventore id quia exercitationem repellendus vel, sit consectetur at.
Quas nam nihil quos repudiandae dolorem facilis atque sit maiores ad ea. Suscipit neque non iure voluptatum placeat. Molestiae officiis magni illum, iure blanditiis dicta id animi eos omnis optio!
Nemo tempore pariatur aspernatur nisi quidem eaque doloremque officia sunt, ipsam eos incidunt, corporis voluptas fugit illum. Corrupti maiores quibusdam ducimus eligendi explicabo possimus. Corporis perspiciatis asperiores ipsam reiciendis id?
Consequuntur magnam dignissimos eveniet repellendus. Dignissimos inventore architecto corrupti magnam ut? Voluptate tempora magnam ut voluptatem, ullam esse incidunt facilis sed animi quibusdam amet, quasi cumque aliquid omnis recusandae architecto?
Eius consectetur animi placeat fugiat saepe et repellat illo, distinctio mollitia nulla a, corporis adipisci pariatur tempore omnis dicta fuga nam nostrum. Placeat quam, optio itaque minima quod aliquid error!
<br><br><br><br>
<div class="flex-container">
<div style="width: 33%;"><span class="footer">
Important Links</span>
<ul style="line-height: 32px; color: #d1d1d1; font-size: 14px; font-family: 'roboto',sans-serif; display: block;">
<li>Grievance</li>
<hr class="newhr">
<li>Networking Complaint</li>
<hr class="newhr">
<li>Institute Grievance Committee</li>
<hr class="newhr">
<li>Grievance Committee SC/ST Cell</li>
<hr class="newhr">
<li>Anti-Ragging Committee</li>
<hr class="newhr">
<li>Sexual Harassment Committee</li>
<hr class="newhr">
<li>Equal Opportunity Cell</li>
<hr class="newhr">
</ul>
</div>
<div style="width: 30%;"><span class="footer" >Quick Links</span>
<ul style="line-height: 15px; color: #d1d1d1; font-size: 14px; font-family: 'roboto',sans-serif;">
<li>Institute Webmail</li>
<hr class="newhr">
<li>Online Fees Payment</li>
<hr class="newhr">
<li>Academic Calendar</li>
<hr class="newhr">
<li>How To Reach</li>
<hr class="newhr">
<li>Location</li>
<hr class="newhr">
<li>Tender</li>
<hr class="newhr">
<li>Recruitment</li>
<hr class="newhr">
</ul>
</div>
<div><span class="footer">Contact Us</span>
<span style="line-height: 32px; color: #d1d1d1; font-size: 14px; font-family: 'roboto',sans-serif;">Permanent Address: Survey No. 140,141/1 behind Br.<br> Sheshrao Wankhade Shetkari Sahkari Soot Girni,<br> Village - Waranga, PO - Dongargaon(Butibori), Tahsil <br>- Nagpur (Rural), District Nagpur, Maharashtra- 441108</span>
<br>
<span style="line-height: 32px; color: #d1d1d1; font-size: 14px; font-family: 'roboto',sans-serif;">9405215010</span>
<span style="line-height: 32px; color: #d1d1d1; font-size: 14px; font-family: 'roboto',sans-serif;">[email protected]</span>
</div>
</div>
</body>
</html>