23
23
< title > Welcome to Virtual Labs - A MHRD Govt of india Initiative</ title >
24
24
< link rel ="shortcut icon " href ="images/favicon.ico ">
25
25
< link href ="css/bootstrap.min.css " rel ="stylesheet ">
26
- < link href ="css/vlabs-style.css " rel ="stylesheet ">
27
- < link rel ="stylesheet " href ="fonts/css/font-awesome.min.css ">
26
+ < link rel ="stylesheet " href ="fonts/font-awesome-4.7.0/css/font-awesome.min.css ">
28
27
< link href ="https://fonts.googleapis.com/css2?family=Open+Sans&family=Raleway&display=swap " rel ="stylesheet ">
28
+ < link href ="css/vlabs-style.css " rel ="stylesheet ">
29
29
< script src ="js/jquery-3.4.1.slim.min.js "> </ script >
30
30
< script src ="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js " integrity ="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU " crossorigin ="anonymous "> </ script >
31
31
< script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js " integrity ="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj " crossorigin ="anonymous "> </ script >
32
-
33
32
</ head >
34
33
< body class ="p-0 container-fluid vlabs-page d-flex flex-column justify-content-between ">
35
34
<!--Google Tag Manager (noscript)-->
36
35
< noscript class ="gtm ">
37
- < iframe height ="0 " src ="https://www.googletagmanager.com/ns.html?id=GTM-W59SWTR " style ="display:none;visibility:hidden " width ="0 ">
36
+ < iframe height ="0 " src ="https://www.googletagmanager.com/ns.html?id=GTM-W59SWTR " style ="display: none; visibility: hidden; " width ="0 ">
38
37
</ iframe >
39
38
</ noscript >
40
39
<!--End Google Tag Manager (noscript)-->
40
+
41
+ <!-- navbar -->
41
42
< header class ="vlabs-header sticky-top bg-white ">
42
- <!-- navbar -->
43
- < nav class ="p-0 navbar navbar-light d-flex align-items-stretch ">
44
-
45
- < button class ="navbar-toggler px-4 " type ="button " onclick ="toggle() ">
46
- < span class ="navbar-toggler-icon "> </ span >
47
- </ button >
48
-
49
- < div class ="d-flex justify-content-center ">
43
+ < nav class ="p-0 navbar navbar-light d-flex align-items-stretch ">
44
+ < button class ="navbar-toggler px-4 " type ="button " onclick ="toggle() ">
45
+ < span class ="navbar-toggler-icon "> </ span >
46
+ </ button >
47
+
48
+ < div class ="d-flex justify-content-center ">
50
49
< a href ="https://vlab.co.in " class ="navbar-brand ">
51
- < img src ="images/vlabs-color-small-moe.jpg " alt ="vlabs logo ">
50
+ < img src ="images/vlabs-color-small-moe.jpg " alt ="vlabs logo " class =" vlabs- logo ">
52
51
</ a >
53
52
</ div >
54
-
55
- < div id ="headerNavbar " class ="border-top flex-grow-1 d-flex align-items-center ">
53
+
54
+ < div id ="headerNavbar " class ="d-none border-top flex-grow-1 d-lg -flex align-items-center ">
56
55
< ul class ="navbar-nav ml-auto text-center d-flex flex-md-row ">
57
56
< li class ="nav-item px-2 m-1 ">
58
57
< a href ="https://vlab.co.in "> HOME</ a >
67
66
</ div >
68
67
</ nav >
69
68
</ header >
69
+
70
70
< div class ="container-fluid flex-fill d-flex flex-column vlabs-page-main ">
71
71
< div class ="row py-4 px-4 breadcrumbs "> < a href ="https://www.vlab.co.in/broad-area-computer-science-and-engineering " class ="sidebar-a ">
72
72
Computer Science and Engineering
73
73
</ a > </ div >
74
- < div class ="row flex-grow-1 px-4 d-flex flex-nowrap ">
75
- < div class ="nav flex-column sidebar nav-menu flex-shrink-0 " id ="menu "> < a href ="Introduction.html " class ="p-2 ">
76
- Introduction
77
- </ a >
78
- < a href ="Objective.html " class ="p-2 ">
79
- Objective
80
- </ a >
81
- < a href ="List of experiments.html " class ="p-2 ">
82
- List of experiments
83
- </ a >
84
- < a href ="Target Audience.html " class ="p-2 ">
85
- Target Audience
86
- </ a >
87
- < a href ="Course Alignment.html " class ="p-2 ">
88
- Course Alignment
89
- </ a >
90
- < a href ="Feedback.html " class ="p-2 ">
91
- Feedback
92
- </ a >
74
+ < div class ="row flex-grow-1 d-flex flex-nowrap ">
75
+ < div class ="modal fade popupmenu " id ="popupMenu " tabindex ="-1 " aria-labelledby ="exampleModalLabel " aria-hidden ="true ">
76
+ <!-- popup menu -->
77
+ < div class ="modal-dialog modal-dialog-centered modal-dialog-scrollable ">
78
+ < div class ="modal-content ">
79
+ < div class ="modal-header ">
80
+ < h5 class ="modal-title " id ="exampleModalLabel ">
81
+ < a href ="https://vlab.co.in " class ="navbar-brand ">
82
+ < img src ="images/vlabs-color-small-moe.jpg " alt ="vlabs logo " class ="vlabs-logo ">
83
+ </ a >
84
+ </ h5 >
85
+ < button type ="button " class ="btn-close align-self-center " data-bs-dismiss ="modal " aria-label ="Close "> </ button >
86
+ </ div >
87
+ < div class ="modal-body nav-menu popupMenuItems " id ="popupMenuItems "> < div class ="d-flex nav-menu-body ">
88
+ < a href ="Introduction.html " class ="p-2 ">
89
+ Introduction
90
+ </ a >
91
+ </ div >
92
+ < div class ="d-flex nav-menu-body ">
93
+ < a href ="Objective.html " class ="p-2 ">
94
+ Objective
95
+ </ a >
96
+ </ div >
97
+ < div class ="d-flex nav-menu-body ">
98
+ < a href ="List of experiments.html " class ="p-2 ">
99
+ List of experiments
100
+ </ a >
101
+ </ div >
102
+ < div class ="d-flex nav-menu-body ">
103
+ < a href ="Target Audience.html " class ="p-2 ">
104
+ Target Audience
105
+ </ a >
106
+ </ div >
107
+ < div class ="d-flex nav-menu-body ">
108
+ < a href ="Course Alignment.html " class ="p-2 ">
109
+ Course Alignment
110
+ </ a >
111
+ </ div >
112
+ < div class ="d-flex nav-menu-body ">
113
+ < a href ="Feedback.html " class ="p-2 ">
114
+ Feedback
115
+ </ a >
116
+ </ div >
93
117
</ div >
94
- < div class ="vlabs-page-content px-4 pb-4 flex-grow-1 ">
95
- < span class ="lab-name "> < h2 class ="text-center "> Problem Solving Lab</ h2 > </ span > <!--labname-->
96
- < div > < div >
118
+ </ div >
119
+ </ div >
120
+ </ div >
121
+ < div class ="nav flex-column sidebar nav-menu flex-shrink-0 px-lg-4 align-items-center align-items-lg-start hidden d-none d-lg-flex " id ="menu "> < div class ="d-flex nav-menu-body ">
122
+ < a href ="Introduction.html " class ="p-2 ">
123
+ Introduction
124
+ </ a >
125
+ </ div >
126
+ < div class ="d-flex nav-menu-body ">
127
+ < a href ="Objective.html " class ="p-2 ">
128
+ Objective
129
+ </ a >
130
+ </ div >
131
+ < div class ="d-flex nav-menu-body ">
132
+ < a href ="List of experiments.html " class ="p-2 ">
133
+ List of experiments
134
+ </ a >
135
+ </ div >
136
+ < div class ="d-flex nav-menu-body ">
137
+ < a href ="Target Audience.html " class ="p-2 ">
138
+ Target Audience
139
+ </ a >
140
+ </ div >
141
+ < div class ="d-flex nav-menu-body ">
142
+ < a href ="Course Alignment.html " class ="p-2 ">
143
+ Course Alignment
144
+ </ a >
145
+ </ div >
146
+ < div class ="d-flex nav-menu-body ">
147
+ < a href ="Feedback.html " class ="p-2 ">
148
+ Feedback
149
+ </ a >
150
+ </ div >
151
+ </ div >
152
+
153
+ < div class ="vlabs-page-content px-5 pb-4 flex-grow-1 markdown-body ">
154
+ < span class ="lab-name "> < h2 class ="text-center "> Problem Solving Lab</ h2 > </ span > <!--labname-->
155
+ < div > < div >
97
156
< p > The present lab is aligned with courses such as Introduction to Data Structures, Data Structures in C/C++, and the like. The experiments touch on most topics covered in such courses in most curricula.</ p >
98
157
< ol >
99
158
< li > Universities with Computer Science & Information Technology</ li >
100
159
</ ol >
101
160
</ div > </ div >
102
-
103
- </ div >
161
+ </ div >
104
162
</ div >
105
163
</ div >
106
164
< footer class ="text-light pt-2 vlabs-footer d-flex flex-column ">
107
- < div class ="row px-5 ">
108
- < div class ="col d-flex flex-column ">
109
- < span class ="font-weight-bold vlabs-footer-sect-name pb-2 mb-3 "> Community Links</ span >
110
- < a href ="https://www.sakshat.ac.in/ " class ="text-light "> Sakshat Portal</ a >
111
- < a href ="http://outreach.vlabs.ac.in/ " class ="text-light "> Outreach Portal</ a >
112
- < a href ="https://vlab.co.in/faq " class ="text-light "> FAQ: Virtual Labs</ a >
113
- </ div >
114
- < div class ="col d-flex flex-column ">
115
- < span class ="font-weight-bold vlabs-footer-sect-name pb-2 mb-3 "> Contact Us</ span >
116
- < span > Phone: General Information: 011-26582050 </ span >
117
- < span > Email: support@vlabs.ac.in </ span >
118
- </ div >
119
- < div class ="col d-flex flex-column ">
120
- < span class ="font-weight-bold vlabs-footer-sect-name pb-2 mb-3 "> Follow Us</ span >
121
- < div class ="social-links ">
122
- < a class ="p-2 mt-1 mr-2 d-inline-flex justify-content-center align-items-center " style ="background: #55acee; " href ="https://twitter.com/TheVirtualLabs ">
123
- < i class ="fa fa-twitter "> </ i >
124
- </ a >
125
- < a class ="p-2 mt-1 mr-2 d-inline-flex justify-content-center align-items-center " style ="background: #3b5998; " href ="https://www.facebook.com/Virtual-Labs-IIT-Delhi-301510159983871/ ">
126
- < i class ="fa fa-facebook "> </ i >
127
- </ a >
128
- < a class ="p-2 mt-1 mr-2 d-inline-flex justify-content-center align-items-center " style ="background: #e52d27; " href ="https://www.youtube.com/watch?v=asxRaOgk6a0 ">
129
- < i class ="fa fa-youtube "> </ i >
130
- </ a >
131
- < a class ="p-2 mt-1 mr-2 d-inline-flex justify-content-center align-items-center " style ="background: #2867B2 ; " href ="https://in.linkedin.com/in/virtual-labs-008ba9136 ">
132
- < i class ="fa fa-linkedin "> </ i >
133
- </ a >
134
- </ div >
135
- </ div >
165
+ < div class ="row px-5 mx-0 ">
166
+ < div class ="col d-flex flex-column ">
167
+ < span class ="font-weight-bold vlabs-footer-sect-name pb-2 mb-3 "> Community Links</ span >
168
+ < a href ="https://www.sakshat.ac.in/ " class ="text-light "> Sakshat Portal</ a >
169
+ < a href ="http://outreach.vlabs.ac.in/ " class ="text-light "> Outreach Portal</ a >
170
+ < a href ="https://vlab.co.in/faq " class ="text-light "> FAQ: Virtual Labs</ a >
171
+ </ div >
172
+ < div class ="col d-flex flex-column ">
173
+ < span class ="font-weight-bold vlabs-footer-sect-name pb-2 mb-3 "> Contact Us</ span >
174
+ < span > Phone: General Information: 011-26582050 </ span >
175
+ < span > Email: support@vlabs.ac.in </ span >
176
+ </ div >
177
+ < div class ="col d-flex flex-column ">
178
+ < span class ="font-weight-bold vlabs-footer-sect-name pb-2 mb-3 "> Follow Us</ span >
179
+ < div class ="social-links ">
180
+ < a class ="p-2 mt-1 mr-2 d-inline-flex justify-content-center align-items-center " style ="background: #55acee; " href ="https://twitter.com/TheVirtualLabs ">
181
+ < i class ="fa fa-twitter "> </ i >
182
+ </ a >
183
+ < a class ="p-2 mt-1 mr-2 d-inline-flex justify-content-center align-items-center " style ="background: #3b5998; " href ="https://www.facebook.com/Virtual-Labs-IIT-Delhi-301510159983871/ ">
184
+ < i class ="fa fa-facebook "> </ i >
185
+ </ a >
186
+ < a class ="p-2 mt-1 mr-2 d-inline-flex justify-content-center align-items-center " style ="background: #e52d27; " href ="https://www.youtube.com/watch?v=asxRaOgk6a0 ">
187
+ < i class ="fa fa-youtube "> </ i >
188
+ </ a >
189
+ < a class ="p-2 mt-1 mr-2 d-inline-flex justify-content-center align-items-center " style ="background: #2867b2 ; " href ="https://in.linkedin.com/in/virtual-labs-008ba9136 ">
190
+ < i class ="fa fa-linkedin "> </ i >
191
+ </ a >
192
+ </ div >
193
+ </ div >
136
194
</ div >
137
- < div class ="m-0 py-2 text-center " style ="font-family: "Open Sans", sans-serif; background: #212121; ">
138
- < a class ="text-primary font-weight-bold " href ="https://www.gnu.org/licenses/agpl-3.0.en.html "> AGPL 3.0 </ a >
195
+ < div class ="m-0 py-2 text-center " style ="font-family: 'Open Sans', sans-serif; background: #212121; ">
196
+ < a class ="text-primary font-weight-bold " href ="https://www.gnu.org/licenses/agpl-3.0.en.html ">
197
+ AGPL 3.0
198
+ </ a >
139
199
&
140
- < a class ="text-primary font-weight-bold " href ="https://creativecommons.org/licenses/by-nc-sa/4.0/ "> Creative Commons (CC BY-NC-SA 4.0) </ a >
200
+ < a class ="text-primary font-weight-bold " href ="https://creativecommons.org/licenses/by-nc-sa/4.0/ ">
201
+ Creative Commons (CC BY-NC-SA 4.0)
202
+ </ a >
141
203
</ div >
142
204
</ footer >
143
205
144
206
< script >
145
-
146
- window . addEventListener ( 'DOMContentLoaded' , ( event ) => {
147
- const menu = document . getElementById ( "menu" ) ;
148
- Array
149
- . from ( menu . children )
150
- . filter ( mi => mi . href === window . location . href )
151
- . map ( mi => mi . classList . add ( "current-item" ) ) ;
152
-
207
+ window . addEventListener ( "DOMContentLoaded" , ( event ) => {
208
+ const setActiveItem = ( id ) => {
209
+ const menu = document . getElementById ( id ) ;
210
+ let marked = false ;
211
+ Array . from ( menu . children )
212
+ . filter (
213
+ ( mi ) => Array . from ( mi . children ) [ 0 ] . href === window . location . href
214
+ )
215
+ . forEach ( ( mi ) => {
216
+ Array . from ( mi . children ) [ 0 ] . classList . add ( "current-item" ) ;
217
+ marked = true ;
218
+ } ) ;
219
+ if ( ! marked ) {
220
+ Array . from ( Array . from ( menu . children ) [ 0 ] . children ) [ 0 ] . classList . add (
221
+ "current-item"
222
+ ) ;
223
+ }
224
+ } ;
225
+ setActiveItem ( "popupMenuItems" ) ;
226
+ setActiveItem ( "menu" ) ;
153
227
} ) ;
154
-
155
228
</ script >
156
- < script src ="js/toggleSidebar.js ">
229
+ < script src ="js/toggleSidebar.js ">
157
230
< / body >
158
231
</ html >
159
232
</ script > </ body > </ html >
0 commit comments