Random <a></a> appeared in HTML code after site went live - html

Question

Basically my problem is what my question is saying. Before some time we had build
a site using Django and it's build in DB. The site had some problems but we fixed the and we got it live. After that we saw a major mistake in the footer where all the three sections where out
of place. This was do to a random in the HTML code after we incpect element:
This is how the footer is implemented in every page.
</body>
{% include "main/footer.html" %}
</html>
Footer code in server
<div class="content">
<section>
<img class="footer-logo" src="{% static 'material/imgs/logo_banner_inverted.svg' %}" alt="" srcset="">
<!-- <p><i class="fa fa-folder"> </i>dummy#gmail.com</p> -->
</section>
<section class="inline">
<h4 >Our Social Media</h4>
<ul class="">
<li class="no-bottom"><i class="fa fa-facebook"> </i>Facebook</li>
<li class="no-bottom"><i class="fa fa-instagram"> </i>Instagram</li>
<li class="no-bottom"><i class="fa fa-linkedin "> </i>Linkedin</li>
</ul>
</section>
<section>
<h4 >Menu</h4>
<ul>
<li><i class=""> </i>Home</li>
<li><i class=""> </i>About us</li>
<li><i class=""> </i>Contact</li>
</ul>
</section>
</div>
Footer code presented in live site
<a>
</a><div class="content"><a>
<section>
<img class="footer-logo" src="/static/material/imgs/logo_banner_inverted.svg" alt="" srcset="">
<!-- <p><i class="fa fa-folder"> </i>dummy#gmail.com</p> -->
</section>
</a><section class="inline"><a>
<h4>Our Social Media</h4>
</a><ul class=""><a>
</a><li class="no-bottom"><a></a><i class="fa fa-facebook"> </i>Facebook</li>
<li class="no-bottom"><i class="fa fa-instagram"> </i>Instagram</li>
<li class="no-bottom"><i class="fa fa-linkedin "> </i>Linkedin</li>
</ul>
</section>
<section>
<h4>Menu</h4>
<ul>
<li><i class=""> </i>Home</li>
<li><i class=""> </i>About us</li>
<li><i class=""> </i>Contact</li>
</ul>
</section>
I am not an expert and I did some research and it just seams like a bug.

Answer 1

It was indeed a bug. It seems that the problem wasn't even at footer but in the page
that was generated in. In the text of the page we had this code <a class="hover-link a-link" href="some-link"> Link for text </a>.
Somehow that caused the unexpected bug (if someone knows how that happened I would be happy to learn).
Our solution was to just change it like that <h><a class="hover-link a-link" href="some-link"> Link for text </a></h>