Hi @bishwaroopdey ,
For the styling of the Portal MS uses Bootstrap 3, so I would advise you to check how to work with it (for example on w3school). You can show a row that will have two columns and each column has a panel something like this:
<div class="row">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<h1>Title</h1>
<p>Details</p>
<a href="">Show more</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<h1>Title</h1>
<p>Details</p>
<a href="">Show more</a>
</div>
</div>
</div>
</div>
Do you want you use a list/ entity list for rendering or you are ok with querying data directly on the page? If you want to use a list (especially if pagination is important to you) take a look at this official doc on how to render an entity list using liquid. You will need to replace the table part with custom code like above. If you ok with fetching data directly you can do it with fetchxml tag (see docs here) and then use output of the query in the custom code.
