<div style="width: 50%;">
<hr style="border: 1px solid black;">
<div style="display: -webkit-box; display: flex; -webkit-box-pack: space-between; justify-content: space-between; -webkit-align-self: center; align-self: center; padding-top: 2px">
<div style="font-size:7px">
A Company
</div>
<div style="font-size:20px; padding-right: 20px;">
<p>Page <span class="thepage"></span> of <span class="pageref"></span></p>
</div>
</div>
</div>
I want Page 1 of 2 in footer.
How to do that ? I am unable to find something on this