57
57
< h1 > Lesson Title in here</ h1 >
58
58
</ div > <!--lesson title end-->
59
59
< div class ="user-nav pull-right ">
60
- < button type ="button " class ="btn btn-default ">
60
+ < button type ="button " class ="btn btn-default " data-toggle =" modal " data-target =" #aboutModal " >
61
61
< i class ="fa fa-info "> </ i >
62
62
</ button >
63
63
< button type ="button " class ="btn btn-default ">
@@ -72,16 +72,7 @@ <h1>Lesson Title in here</h1>
72
72
< aside class ="sidebar ">
73
73
< div id ="leftside-navigation " class ="nano ">
74
74
< ul class ="nano-content ">
75
- < li class ="active ">
76
- < a href ="index.html "> < i class ="fa fa-home "> </ i > < span > Home</ span > </ a >
77
- </ li >
78
- < li >
79
- < a href ="about.html "> < i class ="fa fa-users "> </ i > < span > About</ span > </ a >
80
- </ li >
81
- < li >
82
- < a href ="contact.html "> < i class ="fa fa-envelope-o "> </ i > < span > Contact</ span > </ a >
83
- </ li >
84
- < li class ="sub-menu ">
75
+ < li class ="sub-menu ">
85
76
< a href =""> < i class ="fa fa-bars "> </ i > < span > LESSONS</ span > </ a >
86
77
</ li >
87
78
< li class ="sub-menu ">
@@ -203,9 +194,9 @@ <h1>About WebGoat</h1>
203
194
< div class ="panel ">
204
195
< div class ="panel-body ">
205
196
< div align ="left ">
206
- < button type ="button " class ="btn btn-default "> Params</ button >
207
- < button type ="button " class ="btn btn-default "> Hints</ button >
208
- < button type ="button " class ="btn btn-default "> Cookies</ button >
197
+ < button type ="button " class ="btn btn-default btn-sm "> Params</ button >
198
+ < button type ="button " class ="btn btn-default btn-sm "> Hints</ button >
199
+ < button type ="button " class ="btn btn-default btn-sm "> Cookies</ button >
209
200
</ div >
210
201
< hr />
211
202
< h3 > Hints</ h3 >
@@ -219,6 +210,100 @@ <h3>Hints</h3>
219
210
</ section >
220
211
<!--main content end-->
221
212
213
+ <!-- Basic Modal -->
214
+ < div class ="modal fade " id ="aboutModal " tabindex ="-1 " role ="dialog " aria-labelledby ="myModalLabel " aria-hidden ="true ">
215
+ < div class ="modal-dialog ">
216
+ < div class ="modal-content ">
217
+ < div class ="modal-header ">
218
+ < button type ="button " class ="close " data-dismiss ="modal " aria-hidden ="true "> ×</ button >
219
+ < h3 class ="modal-title " id ="myModalLabel "> About WebGoat</ h3 >
220
+ </ div >
221
+ < div class ="modal-body modal-scroll ">
222
+ < p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis posuere sapien, at ornare neque. Curabitur commodo efficitur ante, at finibus ex faucibus ut. Vivamus id diam blandit, convallis justo sed, vehicula sem. Cras a semper ex. Etiam dignissim tempus metus, sit amet blandit arcu pulvinar ac. Mauris dignissim rutrum ante sit amet posuere. Proin mollis sapien augue, at tempor metus iaculis eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras elementum finibus tincidunt.</ p >
223
+ < p > Version</ p >
224
+ < p > OWASP Reference - probably text and image</ p >
225
+ < div class ="row ">
226
+ < div class ="col-md-6 ">
227
+ < p > WebGoat Authors
228
+ < ul >
229
+ < li > name...</ li >
230
+ < li > name...</ li >
231
+ < li > name...</ li >
232
+ </ ul >
233
+ </ p >
234
+ </ div >
235
+ < div class ="col-md-6 ">
236
+ < p > WebGoat Design Team
237
+ < ul >
238
+ < li > name...</ li >
239
+ < li > name...</ li >
240
+ < li > name...</ li >
241
+ </ ul >
242
+ </ p >
243
+ </ div >
244
+ </ div >
245
+ < div class ="row ">
246
+ < div class ="col-md-6 ">
247
+ < p > Active Contributors
248
+ < ul >
249
+ < li > name... (Role)</ li >
250
+ < li > name... (Role)</ li >
251
+ < li > name... (Role)</ li >
252
+ < li > name... (Role)</ li >
253
+ < li > name... (Role)</ li >
254
+ < li > name... (Role)</ li >
255
+ < li > name... (Role)</ li >
256
+ < li > name... (Role)</ li >
257
+ < li > name... (Role)</ li >
258
+ < li > name... (Role)</ li >
259
+ < li > name... (Role)</ li >
260
+ < li > name... (Role)</ li >
261
+ < li > name... (Role)</ li >
262
+ </ ul >
263
+ </ p >
264
+ </ div >
265
+ < div class ="col-md-6 ">
266
+ < p > Past Contributors
267
+ < ul >
268
+ < li > name... (Role)</ li >
269
+ < li > name... (Role)</ li >
270
+ < li > name... (Role)</ li >
271
+ < li > name... (Role)</ li >
272
+ < li > name... (Role)</ li >
273
+ < li > name... (Role)</ li >
274
+ < li > name... (Role)</ li >
275
+ < li > name... (Role)</ li >
276
+ < li > name... (Role)</ li >
277
+ < li > name... (Role)</ li >
278
+ < li > name... (Role)</ li >
279
+ < li > name... (Role)</ li >
280
+ < li > name... (Role)</ li >
281
+ < li > name... (Role)</ li >
282
+ < li > name... (Role)</ li >
283
+ < li > name... (Role)</ li >
284
+ < li > name... (Role)</ li >
285
+ < li > name... (Role)</ li >
286
+ < li > name... (Role)</ li >
287
+ < li > name... (Role)</ li >
288
+ < li > name... (Role)</ li >
289
+ < li > name... (Role)</ li >
290
+ < li > name... (Role)</ li >
291
+ < li > name... (Role)</ li >
292
+ < li > name... (Role)</ li >
293
+ < li > name... (Role)</ li >
294
+ </ ul >
295
+ </ p >
296
+ </ div >
297
+ </ div >
298
+ </ div >
299
+ < div class ="modal-footer ">
300
+ < button type ="button " class ="btn btn-default " data-dismiss ="modal "> Close</ button >
301
+ </ div >
302
+ </ div >
303
+ </ div >
304
+ </ div >
305
+ <!-- End Basic Modal -->
306
+
222
307
</ section >
223
308
<!--Global JS-->
224
309
< script src ="assets/js/jquery-1.10.2.min.js "> </ script >
0 commit comments