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>