Hi,
I am trying to create a dynamic content block. I want to add an image to the content block at right side of the page.
---> And i have to add 5 images in a single row with equal space at the below of content block and these images should be clickable and should redirect to new tab.
Please see the below images.
Tried with this code in HTML [ You can suggest me if can do in simple way ]
<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<h1 style="color:red"> Project and Programme Management (PPM) Knowledge Management Page</h1><br></br>
<g:evaluate object="true" var="jvar_name" jelly="true">
var jvar_name = gs.getUser().getDisplayName();
jvar_name;
</g:evaluate>
<h1 style="background-color:yellow; Display:inline-block;">Hi   ${jvar_name}!</h1><br></br><p style="background-color:yellow; Display:inline-block;">Welocme to PPM Knowledge Management Portal</p>                                                                               
<img src="./Screenshot/PPM_image1.jpg" width="460" height="345"></img>
<br></br><br></br>
<p style="background-color:yellow; Display:inline-block"> Explore PPM Knowledge Base<br></br>Articles to find answers</p><br></br>
<p style="color:#33ccff"> Click the below respective image to go to the respective home page</p><br></br><br></br>
<img src="./image1.jpg" width="100" height="100"></img>
</j:jelly>
