Untitled Basic Web Content - mor
An error occurred while processing the template.
The following has evaluated to null or missing: ==> entry.getTitle(locale) [in template "20101#20128#57461" at line 737, column 135] ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.getTitle(locale)} [in template "20101#20128#57461" at line 737, column 133] ----
1<style>
2
3.container{
4 position:relative;
5 margin-left:auto;margin-right:auto;
6}
7.row{
8 width:100%
9}
10
11
12
13@media (min-width: 576px) {
14
15.container{
16
17 width:540px;
18 max-width:100%;
19}
20
21}
22
23@media (min-width: 768px) {
24
25.container{
26
27 width:720px;
28 max-width:100%;
29}
30
31
32}
33
34@media (min-width: 992px) {
35
36.container{
37
38 width:960px;
39 max-width:100%;
40}
41
42
43}
44
45@media (min-width: 1200px) {
46
47.container{
48
49 width:1140px;
50 max-width:100%;
51}
52
53
54}
55@media (min-width: 1600px) {
56
57.container{
58
59 width:1280px;
60 max-width:100%;
61}
62
63
64}
65
66
67.row {
68 display: -webkit-box;
69 display: -webkit-flex;
70 display: -ms-flexbox;
71 display: flex;
72 -webkit-flex-wrap: wrap;
73 -ms-flex-wrap: wrap;
74 flex-wrap: wrap;
75 margin-right: -15px;
76 margin-left: -15px;
77}
78
79@media (min-width: 576px) {
80 .row {
81 margin-right: -15px;
82 margin-left: -15px;
83 }
84}
85
86@media (min-width: 768px) {
87 .row {
88 margin-right: -15px;
89 margin-left: -15px;
90 }
91}
92
93@media (min-width: 992px) {
94 .row {
95 margin-right: -15px;
96 margin-left: -15px;
97 }
98}
99
100@media (min-width: 1200px) {
101 .row {
102 margin-right: -15px;
103 margin-left: -15px;
104 }
105}
106
107
108.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
109 position: relative;
110 width: 100%;
111 min-height: 1px;
112 padding-right: 15px;
113 padding-left: 15px;
114}
115
116@media (min-width: 576px) {
117 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
118 padding-right: 15px;
119 padding-left: 15px;
120 }
121}
122
123@media (min-width: 768px) {
124 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
125 padding-right: 15px;
126 padding-left: 15px;
127 }
128}
129
130@media (min-width: 992px) {
131 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
132 padding-right: 15px;
133 padding-left: 15px;
134 }
135}
136
137@media (min-width: 1200px) {
138 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
139 padding-right: 15px;
140 padding-left: 15px;
141 }
142}
143
144.col {
145 -webkit-flex-basis: 0;
146 -ms-flex-preferred-size: 0;
147 flex-basis: 0;
148 -webkit-box-flex: 1;
149 -webkit-flex-grow: 1;
150 -ms-flex-positive: 1;
151 flex-grow: 1;
152 max-width: 100%;
153}
154
155.col-auto {
156 -webkit-box-flex: 0;
157 -webkit-flex: 0 0 auto;
158 -ms-flex: 0 0 auto;
159 flex: 0 0 auto;
160 width: auto;
161}
162
163.col-1 {
164 -webkit-box-flex: 0;
165 -webkit-flex: 0 0 8.333333%;
166 -ms-flex: 0 0 8.333333%;
167 flex: 0 0 8.333333%;
168 max-width: 8.333333%;
169}
170
171.col-2 {
172 -webkit-box-flex: 0;
173 -webkit-flex: 0 0 16.666667%;
174 -ms-flex: 0 0 16.666667%;
175 flex: 0 0 16.666667%;
176 max-width: 16.666667%;
177}
178
179.col-3 {
180 -webkit-box-flex: 0;
181 -webkit-flex: 0 0 25%;
182 -ms-flex: 0 0 25%;
183 flex: 0 0 25%;
184 max-width: 25%;
185}
186
187.col-4 {
188 -webkit-box-flex: 0;
189 -webkit-flex: 0 0 33.333333%;
190 -ms-flex: 0 0 33.333333%;
191 flex: 0 0 33.333333%;
192 max-width: 33.333333%;
193}
194
195.col-5 {
196 -webkit-box-flex: 0;
197 -webkit-flex: 0 0 41.666667%;
198 -ms-flex: 0 0 41.666667%;
199 flex: 0 0 41.666667%;
200 max-width: 41.666667%;
201}
202
203.col-6 {
204 -webkit-box-flex: 0;
205 -webkit-flex: 0 0 50%;
206 -ms-flex: 0 0 50%;
207 flex: 0 0 50%;
208 max-width: 50%;
209}
210
211.col-7 {
212 -webkit-box-flex: 0;
213 -webkit-flex: 0 0 58.333333%;
214 -ms-flex: 0 0 58.333333%;
215 flex: 0 0 58.333333%;
216 max-width: 58.333333%;
217}
218
219.col-8 {
220 -webkit-box-flex: 0;
221 -webkit-flex: 0 0 66.666667%;
222 -ms-flex: 0 0 66.666667%;
223 flex: 0 0 66.666667%;
224 max-width: 66.666667%;
225}
226
227.col-9 {
228 -webkit-box-flex: 0;
229 -webkit-flex: 0 0 75%;
230 -ms-flex: 0 0 75%;
231 flex: 0 0 75%;
232 max-width: 75%;
233}
234
235.col-10 {
236 -webkit-box-flex: 0;
237 -webkit-flex: 0 0 83.333333%;
238 -ms-flex: 0 0 83.333333%;
239 flex: 0 0 83.333333%;
240 max-width: 83.333333%;
241}
242
243.col-11 {
244 -webkit-box-flex: 0;
245 -webkit-flex: 0 0 91.666667%;
246 -ms-flex: 0 0 91.666667%;
247 flex: 0 0 91.666667%;
248 max-width: 91.666667%;
249}
250
251.col-12 {
252 -webkit-box-flex: 0;
253 -webkit-flex: 0 0 100%;
254 -ms-flex: 0 0 100%;
255 flex: 0 0 100%;
256 max-width: 100%;
257}
258
259
260
261@media (min-width: 768px) {
262 .col-md {
263 -webkit-flex-basis: 0;
264 -ms-flex-preferred-size: 0;
265 flex-basis: 0;
266 -webkit-box-flex: 1;
267 -webkit-flex-grow: 1;
268 -ms-flex-positive: 1;
269 flex-grow: 1;
270 max-width: 100%;
271 }
272 .col-md-auto {
273 -webkit-box-flex: 0;
274 -webkit-flex: 0 0 auto;
275 -ms-flex: 0 0 auto;
276 flex: 0 0 auto;
277 width: auto;
278 }
279 .col-md-1 {
280 -webkit-box-flex: 0;
281 -webkit-flex: 0 0 8.333333%;
282 -ms-flex: 0 0 8.333333%;
283 flex: 0 0 8.333333%;
284 max-width: 8.333333%;
285 }
286 .col-md-2 {
287 -webkit-box-flex: 0;
288 -webkit-flex: 0 0 16.666667%;
289 -ms-flex: 0 0 16.666667%;
290 flex: 0 0 16.666667%;
291 max-width: 16.666667%;
292 }
293 .col-md-3 {
294 -webkit-box-flex: 0;
295 -webkit-flex: 0 0 25%;
296 -ms-flex: 0 0 25%;
297 flex: 0 0 25%;
298 max-width: 25%;
299 }
300 .col-md-4 {
301 -webkit-box-flex: 0;
302 -webkit-flex: 0 0 33.333333%;
303 -ms-flex: 0 0 33.333333%;
304 flex: 0 0 33.333333%;
305 max-width: 33.333333%;
306 }
307 .col-md-5 {
308 -webkit-box-flex: 0;
309 -webkit-flex: 0 0 41.666667%;
310 -ms-flex: 0 0 41.666667%;
311 flex: 0 0 41.666667%;
312 max-width: 41.666667%;
313 }
314 .col-md-6 {
315 -webkit-box-flex: 0;
316 -webkit-flex: 0 0 50%;
317 -ms-flex: 0 0 50%;
318 flex: 0 0 50%;
319 max-width: 50%;
320 }
321 .col-md-7 {
322 -webkit-box-flex: 0;
323 -webkit-flex: 0 0 58.333333%;
324 -ms-flex: 0 0 58.333333%;
325 flex: 0 0 58.333333%;
326 max-width: 58.333333%;
327 }
328 .col-md-8 {
329 -webkit-box-flex: 0;
330 -webkit-flex: 0 0 66.666667%;
331 -ms-flex: 0 0 66.666667%;
332 flex: 0 0 66.666667%;
333 max-width: 66.666667%;
334 }
335 .col-md-9 {
336 -webkit-box-flex: 0;
337 -webkit-flex: 0 0 75%;
338 -ms-flex: 0 0 75%;
339 flex: 0 0 75%;
340 max-width: 75%;
341 }
342 .col-md-10 {
343 -webkit-box-flex: 0;
344 -webkit-flex: 0 0 83.333333%;
345 -ms-flex: 0 0 83.333333%;
346 flex: 0 0 83.333333%;
347 max-width: 83.333333%;
348 }
349 .col-md-11 {
350 -webkit-box-flex: 0;
351 -webkit-flex: 0 0 91.666667%;
352 -ms-flex: 0 0 91.666667%;
353 flex: 0 0 91.666667%;
354 max-width: 91.666667%;
355 }
356 .col-md-12 {
357 -webkit-box-flex: 0;
358 -webkit-flex: 0 0 100%;
359 -ms-flex: 0 0 100%;
360 flex: 0 0 100%;
361 max-width: 100%;
362 }
363}
364
365@media (min-width: 576px) {
366 .col-sm {
367 -webkit-flex-basis: 0;
368 -ms-flex-preferred-size: 0;
369 flex-basis: 0;
370 -webkit-box-flex: 1;
371 -webkit-flex-grow: 1;
372 -ms-flex-positive: 1;
373 flex-grow: 1;
374 max-width: 100%;
375 }
376 .col-sm-auto {
377 -webkit-box-flex: 0;
378 -webkit-flex: 0 0 auto;
379 -ms-flex: 0 0 auto;
380 flex: 0 0 auto;
381 width: auto;
382 }
383 .col-sm-1 {
384 -webkit-box-flex: 0;
385 -webkit-flex: 0 0 8.333333%;
386 -ms-flex: 0 0 8.333333%;
387 flex: 0 0 8.333333%;
388 max-width: 8.333333%;
389 }
390 .col-sm-2 {
391 -webkit-box-flex: 0;
392 -webkit-flex: 0 0 16.666667%;
393 -ms-flex: 0 0 16.666667%;
394 flex: 0 0 16.666667%;
395 max-width: 16.666667%;
396 }
397 .col-sm-3 {
398 -webkit-box-flex: 0;
399 -webkit-flex: 0 0 25%;
400 -ms-flex: 0 0 25%;
401 flex: 0 0 25%;
402 max-width: 25%;
403 }
404 .col-sm-4 {
405 -webkit-box-flex: 0;
406 -webkit-flex: 0 0 33.333333%;
407 -ms-flex: 0 0 33.333333%;
408 flex: 0 0 33.333333%;
409 max-width: 33.333333%;
410 }
411 .col-sm-5 {
412 -webkit-box-flex: 0;
413 -webkit-flex: 0 0 41.666667%;
414 -ms-flex: 0 0 41.666667%;
415 flex: 0 0 41.666667%;
416 max-width: 41.666667%;
417 }
418 .col-sm-6 {
419 -webkit-box-flex: 0;
420 -webkit-flex: 0 0 50%;
421 -ms-flex: 0 0 50%;
422 flex: 0 0 50%;
423 max-width: 50%;
424 }
425 .col-sm-7 {
426 -webkit-box-flex: 0;
427 -webkit-flex: 0 0 58.333333%;
428 -ms-flex: 0 0 58.333333%;
429 flex: 0 0 58.333333%;
430 max-width: 58.333333%;
431 }
432 .col-sm-8 {
433 -webkit-box-flex: 0;
434 -webkit-flex: 0 0 66.666667%;
435 -ms-flex: 0 0 66.666667%;
436 flex: 0 0 66.666667%;
437 max-width: 66.666667%;
438 }
439 .col-sm-9 {
440 -webkit-box-flex: 0;
441 -webkit-flex: 0 0 75%;
442 -ms-flex: 0 0 75%;
443 flex: 0 0 75%;
444 max-width: 75%;
445 }
446 .col-sm-10 {
447 -webkit-box-flex: 0;
448 -webkit-flex: 0 0 83.333333%;
449 -ms-flex: 0 0 83.333333%;
450 flex: 0 0 83.333333%;
451 max-width: 83.333333%;
452 }
453 .col-sm-11 {
454 -webkit-box-flex: 0;
455 -webkit-flex: 0 0 91.666667%;
456 -ms-flex: 0 0 91.666667%;
457 flex: 0 0 91.666667%;
458 max-width: 91.666667%;
459 }
460 .col-sm-12 {
461 -webkit-box-flex: 0;
462 -webkit-flex: 0 0 100%;
463 -ms-flex: 0 0 100%;
464 flex: 0 0 100%;
465 max-width: 100%;
466 }
467}
468@media (min-width: 1200px) {
469 .col-xl {
470 -webkit-flex-basis: 0;
471 -ms-flex-preferred-size: 0;
472 flex-basis: 0;
473 -webkit-box-flex: 1;
474 -webkit-flex-grow: 1;
475 -ms-flex-positive: 1;
476 flex-grow: 1;
477 max-width: 100%;
478 }
479 .col-xl-auto {
480 -webkit-box-flex: 0;
481 -webkit-flex: 0 0 auto;
482 -ms-flex: 0 0 auto;
483 flex: 0 0 auto;
484 width: auto;
485 }
486 .col-xl-1 {
487 -webkit-box-flex: 0;
488 -webkit-flex: 0 0 8.333333%;
489 -ms-flex: 0 0 8.333333%;
490 flex: 0 0 8.333333%;
491 max-width: 8.333333%;
492 }
493 .col-xl-2 {
494 -webkit-box-flex: 0;
495 -webkit-flex: 0 0 16.666667%;
496 -ms-flex: 0 0 16.666667%;
497 flex: 0 0 16.666667%;
498 max-width: 16.666667%;
499 }
500 .col-xl-3 {
501 -webkit-box-flex: 0;
502 -webkit-flex: 0 0 25%;
503 -ms-flex: 0 0 25%;
504 flex: 0 0 25%;
505 max-width: 25%;
506 }
507 .col-xl-4 {
508 -webkit-box-flex: 0;
509 -webkit-flex: 0 0 33.333333%;
510 -ms-flex: 0 0 33.333333%;
511 flex: 0 0 33.333333%;
512 max-width: 33.333333%;
513 }
514 .col-xl-5 {
515 -webkit-box-flex: 0;
516 -webkit-flex: 0 0 41.666667%;
517 -ms-flex: 0 0 41.666667%;
518 flex: 0 0 41.666667%;
519 max-width: 41.666667%;
520 }
521 .col-xl-6 {
522 -webkit-box-flex: 0;
523 -webkit-flex: 0 0 50%;
524 -ms-flex: 0 0 50%;
525 flex: 0 0 50%;
526 max-width: 50%;
527 }
528 .col-xl-7 {
529 -webkit-box-flex: 0;
530 -webkit-flex: 0 0 58.333333%;
531 -ms-flex: 0 0 58.333333%;
532 flex: 0 0 58.333333%;
533 max-width: 58.333333%;
534 }
535 .col-xl-8 {
536 -webkit-box-flex: 0;
537 -webkit-flex: 0 0 66.666667%;
538 -ms-flex: 0 0 66.666667%;
539 flex: 0 0 66.666667%;
540 max-width: 66.666667%;
541 }
542 .col-xl-9 {
543 -webkit-box-flex: 0;
544 -webkit-flex: 0 0 75%;
545 -ms-flex: 0 0 75%;
546 flex: 0 0 75%;
547 max-width: 75%;
548 }
549 .col-xl-10 {
550 -webkit-box-flex: 0;
551 -webkit-flex: 0 0 83.333333%;
552 -ms-flex: 0 0 83.333333%;
553 flex: 0 0 83.333333%;
554 max-width: 83.333333%;
555 }
556 .col-xl-11 {
557 -webkit-box-flex: 0;
558 -webkit-flex: 0 0 91.666667%;
559 -ms-flex: 0 0 91.666667%;
560 flex: 0 0 91.666667%;
561 max-width: 91.666667%;
562 }
563 .col-xl-12 {
564 -webkit-box-flex: 0;
565 -webkit-flex: 0 0 100%;
566 -ms-flex: 0 0 100%;
567 flex: 0 0 100%;
568 max-width: 100%;
569 }
570}
571
572@media (min-width: 992px) {
573 .col-lg {
574 -webkit-flex-basis: 0;
575 -ms-flex-preferred-size: 0;
576 flex-basis: 0;
577 -webkit-box-flex: 1;
578 -webkit-flex-grow: 1;
579 -ms-flex-positive: 1;
580 flex-grow: 1;
581 max-width: 100%;
582 }
583 .col-lg-auto {
584 -webkit-box-flex: 0;
585 -webkit-flex: 0 0 auto;
586 -ms-flex: 0 0 auto;
587 flex: 0 0 auto;
588 width: auto;
589 }
590 .col-lg-1 {
591 -webkit-box-flex: 0;
592 -webkit-flex: 0 0 8.333333%;
593 -ms-flex: 0 0 8.333333%;
594 flex: 0 0 8.333333%;
595 max-width: 8.333333%;
596 }
597 .col-lg-2 {
598 -webkit-box-flex: 0;
599 -webkit-flex: 0 0 16.666667%;
600 -ms-flex: 0 0 16.666667%;
601 flex: 0 0 16.666667%;
602 max-width: 16.666667%;
603 }
604 .col-lg-3 {
605 -webkit-box-flex: 0;
606 -webkit-flex: 0 0 25%;
607 -ms-flex: 0 0 25%;
608 flex: 0 0 25%;
609 max-width: 25%;
610 }
611 .col-lg-4 {
612 -webkit-box-flex: 0;
613 -webkit-flex: 0 0 33.333333%;
614 -ms-flex: 0 0 33.333333%;
615 flex: 0 0 33.333333%;
616 max-width: 33.333333%;
617 }
618 .col-lg-5 {
619 -webkit-box-flex: 0;
620 -webkit-flex: 0 0 41.666667%;
621 -ms-flex: 0 0 41.666667%;
622 flex: 0 0 41.666667%;
623 max-width: 41.666667%;
624 }
625 .col-lg-6 {
626 -webkit-box-flex: 0;
627 -webkit-flex: 0 0 50%;
628 -ms-flex: 0 0 50%;
629 flex: 0 0 50%;
630 max-width: 50%;
631 }
632 .col-lg-7 {
633 -webkit-box-flex: 0;
634 -webkit-flex: 0 0 58.333333%;
635 -ms-flex: 0 0 58.333333%;
636 flex: 0 0 58.333333%;
637 max-width: 58.333333%;
638 }
639 .col-lg-8 {
640 -webkit-box-flex: 0;
641 -webkit-flex: 0 0 66.666667%;
642 -ms-flex: 0 0 66.666667%;
643 flex: 0 0 66.666667%;
644 max-width: 66.666667%;
645 }
646 .col-lg-9 {
647 -webkit-box-flex: 0;
648 -webkit-flex: 0 0 75%;
649 -ms-flex: 0 0 75%;
650 flex: 0 0 75%;
651 max-width: 75%;
652 }
653 .col-lg-10 {
654 -webkit-box-flex: 0;
655 -webkit-flex: 0 0 83.333333%;
656 -ms-flex: 0 0 83.333333%;
657 flex: 0 0 83.333333%;
658 max-width: 83.333333%;
659 }
660 .col-lg-11 {
661 -webkit-box-flex: 0;
662 -webkit-flex: 0 0 91.666667%;
663 -ms-flex: 0 0 91.666667%;
664 flex: 0 0 91.666667%;
665 max-width: 91.666667%;
666 }
667 .col-lg-12 {
668 -webkit-box-flex: 0;
669 -webkit-flex: 0 0 100%;
670 -ms-flex: 0 0 100%;
671 flex: 0 0 100%;
672 max-width: 100%;
673 }
674}
675
676.conttu{
677 width:100%;
678 box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
679}
680
681.post-img:hover>img {
682 -webkit-transform: scale(1.2);
683 -ms-transform: scale(1.2);
684 transform: scale(1.2);
685}
686.post-img:after{
687content: "";
688 position: absolute;
689 left: 0;
690 right: 0;
691 top: 0;
692 bottom: 0;
693}
694.post-img>img {
695 width: 100%;
696 -webkit-transition: 1.6s -webkit-transform;
697 transition: 1.6s -webkit-transform;
698 transition: 1.6s transform;
699 transition: 1.6s transform, 1.6s -webkit-transform;
700}
701
702.posttips .post-img {
703 display: block;
704 overflow: hidden;
705}
706
707</style>
708
709<#assign i=1/>
710
711<#if entries?has_content>
712<div class="container-fluid-1280" style=" box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);" >
713 <div >
714 <div class="col-lg-12 col-md-12 col-sm-12">
715 <h3 style="font-family: ebrima !important;color: #013d6c;border-left: 5px solid #013d6c;padding-left: 10px;">Tv & Radio Program</h3>
716 </div>
717<#list entries as entry>
718
719
720
721<#assign assetRenderer = entry.getAssetRenderer() />
722<#assign viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, entry) />
723
724
725
726<#if entry.getClassName() == "com.liferay.journal.model.JournalArticle" && assetRenderer.getThumbnailPath(renderRequest)??>
727
728 <#if assetLinkBehavior != "showFullContent">
729 <#assign viewURL = assetRenderer.getURLViewInContext(renderRequest, renderResponse, viewURL) />
730 </#if>
731
732 <#if i==1>
733 <div class="col-lg-6 col-md-12 col-sm-12 posttips" style=" padding-bottom:25px; border-bottom: 1px solid #F5F5F5;margin-bottom: 30px;">
734 <a class="post-img" href="${viewURL}"> <img width="100%" style="display: block;overflow: hidden;width:100%" src="${assetRenderer.getThumbnailPath(renderRequest)}"/></a>
735 <div style="position: absolute;margin: 0px;padding: 0px 5%;z-index: 20;bottom: 7%;background-color: transparent;box-shadow: inset 0 0 80px rgba(0,0,0,0.5);width:95%">
736
737 <h4 style="text-transform: uppercase;letter-spacing: 0.5px;font-size: 18px;"><a style="color:#fff" href="${viewURL}"> ${entry.getTitle(locale)}</a></h4>
738
739 </div>
740
741 </div>
742 <#assign i=1+i/>
743
744 <#elseif i<6>
745 <div class="col-lg-3 col-md-12 col-sm-12 posttips" style=" float:left;padding-bottom:10px; border-bottom: 1px solid #F5F5F5;margin-bottom:15px;">
746 <a class="post-img" href="${viewURL}"> <img width="100%" style="box-shadow: inset 0 0 80px rgba(0,0,0,0.5);display: block;overflow: hidden;width:100%" src="${assetRenderer.getThumbnailPath(renderRequest)}"/></a>
747 <div style="position: absolute;margin: 0px;padding: 0px 5%;z-index: 20;bottom: 6%;background-color: transparent;box-shadow: inset 0 0 80px rgba(0,0,0,0.5);width:90%">
748
749 <h4 style="text-transform: uppercase;letter-spacing: 0.5px;font-size: 14px;"><a style="color:#fff" href="${viewURL}"> ${entry.getTitle(locale)}</a></h4>
750
751 </div>
752
753 </div>
754
755 <#assign i=1+i/>
756 </#if>
757
758</#if>
759
760</#list>
761 </div>
762 <h4 style="text-transform: uppercase;letter-spacing: 0.5px;font-size: 14px;"><a style="color:#013d6c" href="/web/mor/videos"> <b>see more</b></a></h4>
763</div>
764
765
766</#if>
An error occurred while processing the template.
The following has evaluated to null or missing: ==> entry.getTitle(locale) [in template "20101#20128#57465" at line 739, column 135] ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.getTitle(locale)} [in template "20101#20128#57465" at line 739, column 133] ----
1<style>
2
3.container{
4 position:relative;
5 margin-left:auto;margin-right:auto;
6}
7.row{
8 width:100%
9}
10
11
12
13@media (min-width: 576px) {
14
15.container{
16
17 width:540px;
18 max-width:100%;
19}
20
21}
22
23@media (min-width: 768px) {
24
25.container{
26
27 width:720px;
28 max-width:100%;
29}
30
31
32}
33
34@media (min-width: 992px) {
35
36.container{
37
38 width:960px;
39 max-width:100%;
40}
41
42
43}
44
45@media (min-width: 1200px) {
46
47.container{
48
49 width:1140px;
50 max-width:100%;
51}
52
53
54}
55@media (min-width: 1600px) {
56
57.container{
58
59 width:1280px;
60 max-width:100%;
61}
62
63
64}
65
66
67.row {
68 display: -webkit-box;
69 display: -webkit-flex;
70 display: -ms-flexbox;
71 display: flex;
72 -webkit-flex-wrap: wrap;
73 -ms-flex-wrap: wrap;
74 flex-wrap: wrap;
75 margin-right: -15px;
76 margin-left: -15px;
77}
78
79@media (min-width: 576px) {
80 .row {
81 margin-right: -15px;
82 margin-left: -15px;
83 }
84}
85
86@media (min-width: 768px) {
87 .row {
88 margin-right: -15px;
89 margin-left: -15px;
90 }
91}
92
93@media (min-width: 992px) {
94 .row {
95 margin-right: -15px;
96 margin-left: -15px;
97 }
98}
99
100@media (min-width: 1200px) {
101 .row {
102 margin-right: -15px;
103 margin-left: -15px;
104 }
105}
106
107
108.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
109 position: relative;
110 width: 100%;
111 min-height: 1px;
112 padding-right: 15px;
113 padding-left: 15px;
114}
115
116@media (min-width: 576px) {
117 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
118 padding-right: 15px;
119 padding-left: 15px;
120 }
121}
122
123@media (min-width: 768px) {
124 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
125 padding-right: 15px;
126 padding-left: 15px;
127 }
128}
129
130@media (min-width: 992px) {
131 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
132 padding-right: 15px;
133 padding-left: 15px;
134 }
135}
136
137@media (min-width: 1200px) {
138 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
139 padding-right: 15px;
140 padding-left: 15px;
141 }
142}
143
144.col {
145 -webkit-flex-basis: 0;
146 -ms-flex-preferred-size: 0;
147 flex-basis: 0;
148 -webkit-box-flex: 1;
149 -webkit-flex-grow: 1;
150 -ms-flex-positive: 1;
151 flex-grow: 1;
152 max-width: 100%;
153}
154
155.col-auto {
156 -webkit-box-flex: 0;
157 -webkit-flex: 0 0 auto;
158 -ms-flex: 0 0 auto;
159 flex: 0 0 auto;
160 width: auto;
161}
162
163.col-1 {
164 -webkit-box-flex: 0;
165 -webkit-flex: 0 0 8.333333%;
166 -ms-flex: 0 0 8.333333%;
167 flex: 0 0 8.333333%;
168 max-width: 8.333333%;
169}
170
171.col-2 {
172 -webkit-box-flex: 0;
173 -webkit-flex: 0 0 16.666667%;
174 -ms-flex: 0 0 16.666667%;
175 flex: 0 0 16.666667%;
176 max-width: 16.666667%;
177}
178
179.col-3 {
180 -webkit-box-flex: 0;
181 -webkit-flex: 0 0 25%;
182 -ms-flex: 0 0 25%;
183 flex: 0 0 25%;
184 max-width: 25%;
185}
186
187.col-4 {
188 -webkit-box-flex: 0;
189 -webkit-flex: 0 0 33.333333%;
190 -ms-flex: 0 0 33.333333%;
191 flex: 0 0 33.333333%;
192 max-width: 33.333333%;
193}
194
195.col-5 {
196 -webkit-box-flex: 0;
197 -webkit-flex: 0 0 41.666667%;
198 -ms-flex: 0 0 41.666667%;
199 flex: 0 0 41.666667%;
200 max-width: 41.666667%;
201}
202
203.col-6 {
204 -webkit-box-flex: 0;
205 -webkit-flex: 0 0 50%;
206 -ms-flex: 0 0 50%;
207 flex: 0 0 50%;
208 max-width: 50%;
209}
210
211.col-7 {
212 -webkit-box-flex: 0;
213 -webkit-flex: 0 0 58.333333%;
214 -ms-flex: 0 0 58.333333%;
215 flex: 0 0 58.333333%;
216 max-width: 58.333333%;
217}
218
219.col-8 {
220 -webkit-box-flex: 0;
221 -webkit-flex: 0 0 66.666667%;
222 -ms-flex: 0 0 66.666667%;
223 flex: 0 0 66.666667%;
224 max-width: 66.666667%;
225}
226
227.col-9 {
228 -webkit-box-flex: 0;
229 -webkit-flex: 0 0 75%;
230 -ms-flex: 0 0 75%;
231 flex: 0 0 75%;
232 max-width: 75%;
233}
234
235.col-10 {
236 -webkit-box-flex: 0;
237 -webkit-flex: 0 0 83.333333%;
238 -ms-flex: 0 0 83.333333%;
239 flex: 0 0 83.333333%;
240 max-width: 83.333333%;
241}
242
243.col-11 {
244 -webkit-box-flex: 0;
245 -webkit-flex: 0 0 91.666667%;
246 -ms-flex: 0 0 91.666667%;
247 flex: 0 0 91.666667%;
248 max-width: 91.666667%;
249}
250
251.col-12 {
252 -webkit-box-flex: 0;
253 -webkit-flex: 0 0 100%;
254 -ms-flex: 0 0 100%;
255 flex: 0 0 100%;
256 max-width: 100%;
257}
258
259
260
261@media (min-width: 768px) {
262 .col-md {
263 -webkit-flex-basis: 0;
264 -ms-flex-preferred-size: 0;
265 flex-basis: 0;
266 -webkit-box-flex: 1;
267 -webkit-flex-grow: 1;
268 -ms-flex-positive: 1;
269 flex-grow: 1;
270 max-width: 100%;
271 }
272 .col-md-auto {
273 -webkit-box-flex: 0;
274 -webkit-flex: 0 0 auto;
275 -ms-flex: 0 0 auto;
276 flex: 0 0 auto;
277 width: auto;
278 }
279 .col-md-1 {
280 -webkit-box-flex: 0;
281 -webkit-flex: 0 0 8.333333%;
282 -ms-flex: 0 0 8.333333%;
283 flex: 0 0 8.333333%;
284 max-width: 8.333333%;
285 }
286 .col-md-2 {
287 -webkit-box-flex: 0;
288 -webkit-flex: 0 0 16.666667%;
289 -ms-flex: 0 0 16.666667%;
290 flex: 0 0 16.666667%;
291 max-width: 16.666667%;
292 }
293 .col-md-3 {
294 -webkit-box-flex: 0;
295 -webkit-flex: 0 0 25%;
296 -ms-flex: 0 0 25%;
297 flex: 0 0 25%;
298 max-width: 25%;
299 }
300 .col-md-4 {
301 -webkit-box-flex: 0;
302 -webkit-flex: 0 0 33.333333%;
303 -ms-flex: 0 0 33.333333%;
304 flex: 0 0 33.333333%;
305 max-width: 33.333333%;
306 }
307 .col-md-5 {
308 -webkit-box-flex: 0;
309 -webkit-flex: 0 0 41.666667%;
310 -ms-flex: 0 0 41.666667%;
311 flex: 0 0 41.666667%;
312 max-width: 41.666667%;
313 }
314 .col-md-6 {
315 -webkit-box-flex: 0;
316 -webkit-flex: 0 0 50%;
317 -ms-flex: 0 0 50%;
318 flex: 0 0 50%;
319 max-width: 50%;
320 }
321 .col-md-7 {
322 -webkit-box-flex: 0;
323 -webkit-flex: 0 0 58.333333%;
324 -ms-flex: 0 0 58.333333%;
325 flex: 0 0 58.333333%;
326 max-width: 58.333333%;
327 }
328 .col-md-8 {
329 -webkit-box-flex: 0;
330 -webkit-flex: 0 0 66.666667%;
331 -ms-flex: 0 0 66.666667%;
332 flex: 0 0 66.666667%;
333 max-width: 66.666667%;
334 }
335 .col-md-9 {
336 -webkit-box-flex: 0;
337 -webkit-flex: 0 0 75%;
338 -ms-flex: 0 0 75%;
339 flex: 0 0 75%;
340 max-width: 75%;
341 }
342 .col-md-10 {
343 -webkit-box-flex: 0;
344 -webkit-flex: 0 0 83.333333%;
345 -ms-flex: 0 0 83.333333%;
346 flex: 0 0 83.333333%;
347 max-width: 83.333333%;
348 }
349 .col-md-11 {
350 -webkit-box-flex: 0;
351 -webkit-flex: 0 0 91.666667%;
352 -ms-flex: 0 0 91.666667%;
353 flex: 0 0 91.666667%;
354 max-width: 91.666667%;
355 }
356 .col-md-12 {
357 -webkit-box-flex: 0;
358 -webkit-flex: 0 0 100%;
359 -ms-flex: 0 0 100%;
360 flex: 0 0 100%;
361 max-width: 100%;
362 }
363}
364
365@media (min-width: 576px) {
366 .col-sm {
367 -webkit-flex-basis: 0;
368 -ms-flex-preferred-size: 0;
369 flex-basis: 0;
370 -webkit-box-flex: 1;
371 -webkit-flex-grow: 1;
372 -ms-flex-positive: 1;
373 flex-grow: 1;
374 max-width: 100%;
375 }
376 .col-sm-auto {
377 -webkit-box-flex: 0;
378 -webkit-flex: 0 0 auto;
379 -ms-flex: 0 0 auto;
380 flex: 0 0 auto;
381 width: auto;
382 }
383 .col-sm-1 {
384 -webkit-box-flex: 0;
385 -webkit-flex: 0 0 8.333333%;
386 -ms-flex: 0 0 8.333333%;
387 flex: 0 0 8.333333%;
388 max-width: 8.333333%;
389 }
390 .col-sm-2 {
391 -webkit-box-flex: 0;
392 -webkit-flex: 0 0 16.666667%;
393 -ms-flex: 0 0 16.666667%;
394 flex: 0 0 16.666667%;
395 max-width: 16.666667%;
396 }
397 .col-sm-3 {
398 -webkit-box-flex: 0;
399 -webkit-flex: 0 0 25%;
400 -ms-flex: 0 0 25%;
401 flex: 0 0 25%;
402 max-width: 25%;
403 }
404 .col-sm-4 {
405 -webkit-box-flex: 0;
406 -webkit-flex: 0 0 33.333333%;
407 -ms-flex: 0 0 33.333333%;
408 flex: 0 0 33.333333%;
409 max-width: 33.333333%;
410 }
411 .col-sm-5 {
412 -webkit-box-flex: 0;
413 -webkit-flex: 0 0 41.666667%;
414 -ms-flex: 0 0 41.666667%;
415 flex: 0 0 41.666667%;
416 max-width: 41.666667%;
417 }
418 .col-sm-6 {
419 -webkit-box-flex: 0;
420 -webkit-flex: 0 0 50%;
421 -ms-flex: 0 0 50%;
422 flex: 0 0 50%;
423 max-width: 50%;
424 }
425 .col-sm-7 {
426 -webkit-box-flex: 0;
427 -webkit-flex: 0 0 58.333333%;
428 -ms-flex: 0 0 58.333333%;
429 flex: 0 0 58.333333%;
430 max-width: 58.333333%;
431 }
432 .col-sm-8 {
433 -webkit-box-flex: 0;
434 -webkit-flex: 0 0 66.666667%;
435 -ms-flex: 0 0 66.666667%;
436 flex: 0 0 66.666667%;
437 max-width: 66.666667%;
438 }
439 .col-sm-9 {
440 -webkit-box-flex: 0;
441 -webkit-flex: 0 0 75%;
442 -ms-flex: 0 0 75%;
443 flex: 0 0 75%;
444 max-width: 75%;
445 }
446 .col-sm-10 {
447 -webkit-box-flex: 0;
448 -webkit-flex: 0 0 83.333333%;
449 -ms-flex: 0 0 83.333333%;
450 flex: 0 0 83.333333%;
451 max-width: 83.333333%;
452 }
453 .col-sm-11 {
454 -webkit-box-flex: 0;
455 -webkit-flex: 0 0 91.666667%;
456 -ms-flex: 0 0 91.666667%;
457 flex: 0 0 91.666667%;
458 max-width: 91.666667%;
459 }
460 .col-sm-12 {
461 -webkit-box-flex: 0;
462 -webkit-flex: 0 0 100%;
463 -ms-flex: 0 0 100%;
464 flex: 0 0 100%;
465 max-width: 100%;
466 }
467}
468@media (min-width: 1200px) {
469 .col-xl {
470 -webkit-flex-basis: 0;
471 -ms-flex-preferred-size: 0;
472 flex-basis: 0;
473 -webkit-box-flex: 1;
474 -webkit-flex-grow: 1;
475 -ms-flex-positive: 1;
476 flex-grow: 1;
477 max-width: 100%;
478 }
479 .col-xl-auto {
480 -webkit-box-flex: 0;
481 -webkit-flex: 0 0 auto;
482 -ms-flex: 0 0 auto;
483 flex: 0 0 auto;
484 width: auto;
485 }
486 .col-xl-1 {
487 -webkit-box-flex: 0;
488 -webkit-flex: 0 0 8.333333%;
489 -ms-flex: 0 0 8.333333%;
490 flex: 0 0 8.333333%;
491 max-width: 8.333333%;
492 }
493 .col-xl-2 {
494 -webkit-box-flex: 0;
495 -webkit-flex: 0 0 16.666667%;
496 -ms-flex: 0 0 16.666667%;
497 flex: 0 0 16.666667%;
498 max-width: 16.666667%;
499 }
500 .col-xl-3 {
501 -webkit-box-flex: 0;
502 -webkit-flex: 0 0 25%;
503 -ms-flex: 0 0 25%;
504 flex: 0 0 25%;
505 max-width: 25%;
506 }
507 .col-xl-4 {
508 -webkit-box-flex: 0;
509 -webkit-flex: 0 0 33.333333%;
510 -ms-flex: 0 0 33.333333%;
511 flex: 0 0 33.333333%;
512 max-width: 33.333333%;
513 }
514 .col-xl-5 {
515 -webkit-box-flex: 0;
516 -webkit-flex: 0 0 41.666667%;
517 -ms-flex: 0 0 41.666667%;
518 flex: 0 0 41.666667%;
519 max-width: 41.666667%;
520 }
521 .col-xl-6 {
522 -webkit-box-flex: 0;
523 -webkit-flex: 0 0 50%;
524 -ms-flex: 0 0 50%;
525 flex: 0 0 50%;
526 max-width: 50%;
527 }
528 .col-xl-7 {
529 -webkit-box-flex: 0;
530 -webkit-flex: 0 0 58.333333%;
531 -ms-flex: 0 0 58.333333%;
532 flex: 0 0 58.333333%;
533 max-width: 58.333333%;
534 }
535 .col-xl-8 {
536 -webkit-box-flex: 0;
537 -webkit-flex: 0 0 66.666667%;
538 -ms-flex: 0 0 66.666667%;
539 flex: 0 0 66.666667%;
540 max-width: 66.666667%;
541 }
542 .col-xl-9 {
543 -webkit-box-flex: 0;
544 -webkit-flex: 0 0 75%;
545 -ms-flex: 0 0 75%;
546 flex: 0 0 75%;
547 max-width: 75%;
548 }
549 .col-xl-10 {
550 -webkit-box-flex: 0;
551 -webkit-flex: 0 0 83.333333%;
552 -ms-flex: 0 0 83.333333%;
553 flex: 0 0 83.333333%;
554 max-width: 83.333333%;
555 }
556 .col-xl-11 {
557 -webkit-box-flex: 0;
558 -webkit-flex: 0 0 91.666667%;
559 -ms-flex: 0 0 91.666667%;
560 flex: 0 0 91.666667%;
561 max-width: 91.666667%;
562 }
563 .col-xl-12 {
564 -webkit-box-flex: 0;
565 -webkit-flex: 0 0 100%;
566 -ms-flex: 0 0 100%;
567 flex: 0 0 100%;
568 max-width: 100%;
569 }
570}
571
572@media (min-width: 992px) {
573 .col-lg {
574 -webkit-flex-basis: 0;
575 -ms-flex-preferred-size: 0;
576 flex-basis: 0;
577 -webkit-box-flex: 1;
578 -webkit-flex-grow: 1;
579 -ms-flex-positive: 1;
580 flex-grow: 1;
581 max-width: 100%;
582 }
583 .col-lg-auto {
584 -webkit-box-flex: 0;
585 -webkit-flex: 0 0 auto;
586 -ms-flex: 0 0 auto;
587 flex: 0 0 auto;
588 width: auto;
589 }
590 .col-lg-1 {
591 -webkit-box-flex: 0;
592 -webkit-flex: 0 0 8.333333%;
593 -ms-flex: 0 0 8.333333%;
594 flex: 0 0 8.333333%;
595 max-width: 8.333333%;
596 }
597 .col-lg-2 {
598 -webkit-box-flex: 0;
599 -webkit-flex: 0 0 16.666667%;
600 -ms-flex: 0 0 16.666667%;
601 flex: 0 0 16.666667%;
602 max-width: 16.666667%;
603 }
604 .col-lg-3 {
605 -webkit-box-flex: 0;
606 -webkit-flex: 0 0 25%;
607 -ms-flex: 0 0 25%;
608 flex: 0 0 25%;
609 max-width: 25%;
610 }
611 .col-lg-4 {
612 -webkit-box-flex: 0;
613 -webkit-flex: 0 0 33.333333%;
614 -ms-flex: 0 0 33.333333%;
615 flex: 0 0 33.333333%;
616 max-width: 33.333333%;
617 }
618 .col-lg-5 {
619 -webkit-box-flex: 0;
620 -webkit-flex: 0 0 41.666667%;
621 -ms-flex: 0 0 41.666667%;
622 flex: 0 0 41.666667%;
623 max-width: 41.666667%;
624 }
625 .col-lg-6 {
626 -webkit-box-flex: 0;
627 -webkit-flex: 0 0 50%;
628 -ms-flex: 0 0 50%;
629 flex: 0 0 50%;
630 max-width: 50%;
631 }
632 .col-lg-7 {
633 -webkit-box-flex: 0;
634 -webkit-flex: 0 0 58.333333%;
635 -ms-flex: 0 0 58.333333%;
636 flex: 0 0 58.333333%;
637 max-width: 58.333333%;
638 }
639 .col-lg-8 {
640 -webkit-box-flex: 0;
641 -webkit-flex: 0 0 66.666667%;
642 -ms-flex: 0 0 66.666667%;
643 flex: 0 0 66.666667%;
644 max-width: 66.666667%;
645 }
646 .col-lg-9 {
647 -webkit-box-flex: 0;
648 -webkit-flex: 0 0 75%;
649 -ms-flex: 0 0 75%;
650 flex: 0 0 75%;
651 max-width: 75%;
652 }
653 .col-lg-10 {
654 -webkit-box-flex: 0;
655 -webkit-flex: 0 0 83.333333%;
656 -ms-flex: 0 0 83.333333%;
657 flex: 0 0 83.333333%;
658 max-width: 83.333333%;
659 }
660 .col-lg-11 {
661 -webkit-box-flex: 0;
662 -webkit-flex: 0 0 91.666667%;
663 -ms-flex: 0 0 91.666667%;
664 flex: 0 0 91.666667%;
665 max-width: 91.666667%;
666 }
667 .col-lg-12 {
668 -webkit-box-flex: 0;
669 -webkit-flex: 0 0 100%;
670 -ms-flex: 0 0 100%;
671 flex: 0 0 100%;
672 max-width: 100%;
673 }
674}
675
676.conttu{
677 width:100%;
678 box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
679}
680
681.post-img:hover>img {
682 -webkit-transform: scale(1.2);
683 -ms-transform: scale(1.2);
684 transform: scale(1.2);
685}
686.post-img:after{
687content: "";
688 position: absolute;
689 left: 0;
690 right: 0;
691 top: 0;
692 bottom: 0;
693}
694.post-img>img {
695 width: 100%;
696 -webkit-transition: 1.6s -webkit-transform;
697 transition: 1.6s -webkit-transform;
698 transition: 1.6s transform;
699 transition: 1.6s transform, 1.6s -webkit-transform;
700}
701
702.posttips .post-img {
703 display: block;
704 overflow: hidden;
705}
706
707</style>
708
709<#assign i=1/>
710
711<#if entries?has_content>
712<div class="container-fluid-1280" style=" box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);" >
713 <div >
714 <div class="col-lg-12 col-md-12 col-sm-12">
715 <h3 style="font-family: ebrima !important;color: #013d6c;border-left: 5px solid #013d6c;padding-left: 10px;">
716Know How </h3>
717 </div>
718<#list entries as entry>
719
720
721
722<#assign assetRenderer = entry.getAssetRenderer() />
723<#assign viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, entry) />
724
725
726
727<#if entry.getClassName() == "com.liferay.journal.model.JournalArticle" && assetRenderer.getThumbnailPath(renderRequest)??>
728
729 <#if assetLinkBehavior != "showFullContent">
730 <#assign viewURL = assetRenderer.getURLViewInContext(renderRequest, renderResponse, viewURL) />
731 </#if>
732
733 <#if i==1>
734 <div class="col-lg-8 col-md-12 col-sm-12 posttips" style="padding-bottom:25px; border-bottom: 1px solid #F5F5F5;margin-bottom: 30px;">
735 <a class="post-img" href="${viewURL}">
736 <img width="100%" style="display: block;overflow: hidden;width:100%;height: 280px;" src="${assetRenderer.getThumbnailPath(renderRequest)}"/></a>
737 <div style="position: absolute;margin: 0px;padding: 0px 5%;z-index: 20;bottom: 7%;background-color: transparent;box-shadow: inset 0 0 80px rgba(0,0,0,0.5);width:90%">
738
739 <h4 style="text-transform: uppercase;letter-spacing: 0.5px;font-size: 18px;"><a style="color:#fff" href="${viewURL}"> ${entry.getTitle(locale)}</a></h4>
740
741 </div>
742
743 </div>
744 <#assign i=1+i/>
745
746 <#elseif i<6>
747 <div class="col-lg-4 col-md-12 col-sm-12 posttips" style=" padding-bottom:10px; border-bottom: 1px solid #F5F5F5;margin-bottom:15px;">
748 <a class="post-img" href="${viewURL}"> <img width="100%" style="box-shadow: inset 0 0 80px rgba(0,0,0,0.5);display: block;overflow: hidden;width:100%" src="${assetRenderer.getThumbnailPath(renderRequest)}"/></a>
749 <div style="position: absolute;margin: 0px;padding: 0px 5%;z-index: 20;bottom: 6%;background-color: transparent;box-shadow: inset 0 0 80px rgba(0,0,0,0.5);width:90%">
750
751 <h4 style="text-transform: uppercase;letter-spacing: 0.5px;font-size: 14px;"><a style="color:#fff" href="${viewURL}"> ${entry.getTitle(locale)}</a></h4>
752
753 </div>
754
755 </div>
756
757 <#assign i=1+i/>
758 </#if>
759
760</#if>
761
762</#list>
763 </div>
764 <h4 style="text-transform: uppercase;letter-spacing: 0.5px;font-size: 14px;"><a style="color:#013d6c" href="/web/mor/knows"><b> see more </b></a></h4>
765</div>
766
767
768</#if>