Code:
<footer>
<div class='odd-page pagenum' style='width:10%'>_PAGENUM_</div>
<div class='odd-page' style='text-align:center; width:80%'> <b>_SECTION_</b></div>
<div class='odd-page' style='width:10%'>*</div>
<div class='even-page' style='width:10%'>*</div>
<div class='even-page' style='text-align:center; width:80%;'> <b>_SECTION_</b></div>
<div class='even-page pagenum' style='text-align:right; width:10%'>_PAGENUM_</div>
<script>document.currentScript.parentNode.querySelectorAll("div.pagenum").forEach((x) => { x.innerHTML = "" + (_PAGENUM_ + 3);})</script>
</footer>