Try adding this to your style section
.footerright{
align: right;
}
Then add replace what you have in the footer with this.
<div class="footerright">
<ul class="foot">
<li><a style="padding: 15px" href="http://127.0.0.1:8020/Lab4/lab4.1.html">Home</a></li>
<li><a style="padding: 15px" href="http://127.0.0.1:8020/Lab4/lab4.2.html">News</a></li>
<li><a style="padding: 15px" href="http://127.0.0.1:8020/Lab4/lab4.3.html">Contact</a></li>
<li><a style="padding: 15px" href="#about">About</a></li>
</ul>
</div>