Homepage - Regional Directorate for Youth

1<style type="text/css"> 

2     

3    .title-text { 

4    	padding: 0; 

5    	margin: 0; 

6    	display: block; 

7    	position: relative; 

8    	width: 100%; 

9    	height: auto; 

10    	font-weight: 700; 

11    	color: #222E5E; 

12    	font-size: 1.9rem; 

13    } 

14     

15    .title-underline { 

16    	padding: 0; 

17    	margin: 0; 

18    	display: block; 

19    	position: relative; 

20    	height: 4px; 

21    	border-top: 4px solid #222E5E; 

22    	margin-bottom: 15px; 

23    	width: 75px; 

24    } 

25     

26    .first-column { 

27        padding-right: 15px; 

28    } 

29     

30    .second-column { 

31        padding-left: 15px; 

32    } 

33     

34    .second-column .quote-span { 

35		display: block; 

36		position: relative; 

37		width: 100%; 

38		color: #2D89C5; 

39		font-style: italic; 

40		font-size: 2rem; 

41		margin-bottom: 20px; 

42	} 

43	 

44	.second-column .signature-image { 

45		display: flex; 

46		position: relative; 

47		float: right; 

48		width: 250px; 

49		height: 70px; 

50		background-color: rgba(0, 0, 0, 0); 

51		margin-top: 20px; 

52	} 

53	 

54     

55</style> 

56 

57<#assign welcomeNote = customTemplateUtil.getWelcomeNote(.vars['reserved-article-id'].getData(),.vars['reserved-article-version'].getData(),themeDisplay.getScopeGroupId(),themeDisplay.getPortalURL(),themeDisplay.getLanguageId())/> 

58 

59<div class="gov-portlet-entityWelcomeNote"> 

60     

61    <span class="title-text"> 

62        <#if themeDisplay.getLanguageId() == "pt_PT"> 

63            Nota de Boas Vindas 

64        <#else> 

65            Welcome Note 

66        </#if> 

67    </span> 

68    <div class="title-underline"> </div> 

69     

70    <div class="row"> 

71        <div class="col-lg-6 col-12 first-column"> 

72            ${welcomeNote.getNotePart1()} 

73        </div> 

74         

75        <div class="col-lg-6 col-12 second-column"> 

76            <#if welcomeNote.getQuote()?has_content> 

77                <div class="quote-span">"${welcomeNote.getQuote()}"</div> 

78            </#if> 

79            ${welcomeNote.getNotePart2()} 

80            <#if welcomeNote.getSignature()?has_content> 

81                <img class="signature-image" src="${welcomeNote.getSignature()}" alt="assinatura"/> 

82            </#if> 

83             

84        </div> 

85    </div> 

86     

87</div>