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