
INNOVATIVE
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Download App From App Store Download App From Play MarketDonec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Integer ut sollicitudin justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ullamcorper.
Vestibulum vulputate lobortis tortor non tempus. Proin in ex blandit velit imperdiet tincidunt sit amet at quam. Nam ac ultrices urna, sit amet fermentum magna. Nulla eu mattis augue.
Araesent blandit hendrerit justo sed egestas. Proin tincidunt purus in tortor cursus fermentum. Proin laoreet erat vitae dui blandit, vitae faucibus lacus auctor. Proin ornare sit amet arcu at aliquam.
Praesent blandit hendrerit justo sed egestas. Proin tincidunt purus in tortor cursus fermentum. Proin laoreet erat vitae dui blandit, vitae faucibus lacus auctor. Proin ornare sit amet arcu at aliquam.
Integer ut sollicitudin justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Integer ut sollicitudin justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
The following has evaluated to null or missing: ==> categ.questions [in template "20097#20123#FAQ-1.0.0" at line 31, column 40] ---- Tip: It's the step after the last dot that caused this error, not those before it. ---- Tip: If the failing expression is known to 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: #list categ.questions.siblings as quest [in template "20097#20123#FAQ-1.0.0" at line 31, column 33] ----
1<div id="${sectionId.data}" class="g-py-90">
2 <div class="container">
3 <div class="g-px-50--lg">
4 <div class="text-uppercase g-line-height-1_3 g-mb-20">
5 <h4 class="g-font-weight-700 g-font-size-11 g-mb-15"><span class="g-color-primary">10.</span> ${title.data}</h4>
6 <h2 class="g-font-size-36 mb-0">${subTitle.data}</h2>
7 </div>
8
9 <div class="g-font-size-16 g-mb-65">${content.data}</div>
10
11
12 <ul class="d-block nav u-nav-v5-1 d-block text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-11 g-brd-bottom--md g-brd-gray-light-v4" role="tablist"
13 data-target="FAQTabs" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md u-btn-primary btn-block rounded-0 u-btn-outline-lightgray"
14 >
15
16 <#assign count = 1 />
17 <#list categories.siblings as categ>
18 <li class="nav-item">
19 <a class="nav-link g-px-0--md g-pb-15--md g-mr-30--md <#if count == 1>active</#if>" data-toggle="tab" href="#categ${count}" role="tab">${categ.data}</a>
20 </li>
21 <#assign count = count +1 />
22 </#list>
23 </ul>
24
25 <div id="FAQTabs" class="tab-content g-pt-20">
26 <#assign count = 1 />
27 <#list categories.siblings as categ>
28
29 <div class="tab-pane fade <#if count == 1> show active</#if>" id="categ${count}" role="tabpanel">
30 <#assign questCount = 1 />
31 <#list categ.questions.siblings as quest>
32 <div class="g-brd-bottom g-theme-brd-gray-light-v1 g-py-40">
33 <h4 class="h6 text-uppercase g-font-weight-700 g-mb-10">${quest.data}</h4>
34 <div class="g-mb-30">${quest.answer.data}</div>
35 <a class="text-uppercase g-font-size-11" href="#"><strong>Read more</strong></a>
36 </div>
37 <#assign questCount = questCount +1 />
38 </#list>
39 </div>
40 <#assign count = count +1 />
41 </#list>
42 </div>
43
44 </div>
45 </div>
46</div>
47
48<script>
49
50function loopTab() {
51 setTimeout(function () {
52 try{
53 if($.HSCore != undefined && $.HSCore.components.HSTabs != undefined){
54 $.HSCore.components.HSTabs.init('[role="tablist"]');
55 }else{
56 console.log("HSCore undefined");
57 loopTab();
58 }
59 }catch(ex){
60 console.log("loopTab error");
61 loopTab();
62 }
63 }, 1000);
64}
65
66
67Liferay.on('allPortletsReady',
68function() {
69 loopTab();
70 $(window).on('resize', function () {
71 setTimeout(function () {
72 $.HSCore.components.HSTabs.init('[role="tablist"]');
73 }, 200);
74 });
75});
76
77</script>
Integer ut sollicitudin justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
.