1<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.js"></script> 

2<link rel= "stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.css"> 

3	 

4<style> 

5 

6@media screen and (max-width: 992px) { 

7																		h5  { 

8												font-size:11px; 

9												font-weight:bold; 

10											} 

11										} 

12 

13 

14 

15.button { 

16  display: inline-block; 

17  border-radius: 50px 50px 50px 50px; 

18  background-color: #005ef5; 

19  border: 1px; 

20  color: #FFFFFF; 

21  text-align: center; 

22  font-size: 15px; 

23  padding: 8px; 

24  width: 150px; 

25  transition: all 0.5s; 

26  cursor: pointer; 

27   

28} 

29.button span { 

30  cursor: pointer; 

31  display: inline-block; 

32  position: relative; 

33  transition: 0.5s; 

34} 

35 

36 

37 

38.button span:after { 

39  content: '\00bb'; 

40  position: absolute; 

41  opacity: 0; 

42  top: 0; 

43  right: -20px; 

44  transition: 0.5s; 

45} 

46 

47.button:hover span { 

48  padding-right: 25px; 

49} 

50.button:hover{ 

51background-color: #00bfff; 

52  color: white; 

53} 

54.button:hover span:after { 

55  opacity: 1; 

56  right: 0; 

57} 

58 

59.card{ 

60     display: inline-block; 

61     box-shadow: 2px 2px 20px black; 

62     border-radius: 5px;  

63     margin: 2%; 

64    } 

65		 

66</style> 

67	 

68																																																										 

69<div class="container-space"> 

70<br> 

71<#assign param1 = request.getParameter("param3")/> 

72<h3 style="text-align:center;font-weight:700;">Project related to ${param1} Material</h3> 

73<#assign count=0 /> 

74<#if entries?has_content> 

75   <#list entries as entry> 

76	 <#assign assetRenderer = entry.getAssetRenderer()/> 

77	 <#assign className = assetRenderer.getClassName()/> 

78	 <#assign entryTitle = htmlUtil.escape(assetRenderer.getTitle(locale))/> 

79	 <#assign viewURL= assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, entry,true)/>		  								 

80		  <#assign viewURL = assetRenderer.getURLViewInContext(renderRequest, renderResponse, viewURL)/>		  

81	 <#assign fields = entry.getAssetRenderer().getDDMFormValuesReader().getDDMFormValues().getDDMFormFieldValues()/> 

82 

83		  

84	<#if fields[1].getValue().getString(locale)== param1>		 

85	  

86		  

87		 

88 

89 <#assign docValJSON = fields[2].getValue().getString(locale) /> 

90 <#assign imageUrl = jsonFactoryUtil.createJSONObject(docValJSON).getString("url")/> 

91  <#if imageUrl?has_content> 

92<#assign Post =""/> 

93<#assign Post ="Post on"/> 

94				<#if locale?contains("hi")> 

95				<#assign Post ="भेजा गया दिनांक"/> 

96			</#if> 

97			 

98			 

99			<#assign Viewmore =""/> 

100      <#assign Viewmore ="View More"/> 

101				<#if locale?contains("hi")> 

102				<#assign Viewmore ="अधिक देखें"/> 

103			</#if> 

104 

105 

106<#else> 

107<#assign imageUrl = "/documents/676924/681064/m+%2811%29.jpg/a0c0f980-bfa5-d8df-22f4-1467ba79e9e4?t=1669215621911"/> 

108</#if> 

109 

110<#if count%3=0 > 

111 		<div class="row"> 

112</#if>		 

113				<div class=" col-xl-4 col-md-6 col-sm-4"> 

114				<#if entry.getAssetRenderer().hasEditPermission(themeDisplay.getPermissionChecker())> 

115        <#assign redirectURL = renderResponse.createRenderURL() /> 

116 

117        ${redirectURL.setParameter("struts_action", "/asset_publisher/add_asset_redirect")} 

118        ${redirectURL.setWindowState("pop_up")} 

119 

120        <#assign editPortletURL = entry.getAssetRenderer().getURLEdit(renderRequest, renderResponse)!"" /> 

121 

122        <#if validator.isNotNull(editPortletURL)> 

123            <#assign title1 = languageUtil.format(locale, "edit-x", entry.getTitle(locale)) /> 

124				    <a class="content-edit-icon-home-page-sliders" href="${editPortletURL}"><i class="fas fa-edit"></i></a> 

125        </#if> 

126    </#if>					 

127							<div class="card" style="padding : 10px;"> 

128							<div class="image"> 

129								<a href="${imageUrl}" data-lightbox="roadtri">	<img src="${imageUrl}" width="100%" height="200px"></a> 

130								</div> 

131									<div> 

132											<hr> 

133											<div style="min-height:50px;"> 

134											<h5 style="text-align: center;"> 

135											${fields[0].getValue().getString(locale)} 

136											</h5> 

137											</div> 

138									</div> 

139								        <div style="text-align: center;" > 

140									        <a href="${viewURL}"> 

141									         <button class="button btn btn-info" style="vertical-align:middle"><span>${Viewmore}</span></button></a> 

142										       <hr> 

143                           	 

144										      <p style="text-align: center;"> 

145		                 	 

146										    ${Post}  : ${entry.getPublishDate()?date} 

147							       	 

148                    

149												 

150														 

151										     </p> 

152										</div> 

153							</div> 

154				</div> 

155 

156 

157<#if count%3=2 || entries?size=count > 

158 		</div> 

159		<br> 

160</#if>	 

161<#assign count++ /> 

162		 

163		 

164		</#if> 

165		 

166		 

167		 

168</#list>	 

169 

170</div> 

171	</#if>