How does this link work that uses <a with no href and id instead?

I am trying to understand the way the links on a page are working because I like the design.

This is the live page:

https://www.infohio.org/resources/g68

This is how the links are set up in the source code:

<a  style='color: #202020' class='resourcelink'  id="resourcelinktitle61570">
  <div class='zoo-teaser-title uk-margin-small'> Book Nook </div>
  <div class='zoo-teaser-desc uk-margin-small'> Explore, create, and share video book trailers. Includes recommended web tools for creating book trailers, lesson plans, and other teacher resources. Lexile reading levels included.</div>
</a>

I’ve never seen a link like this. Can someone explain how it’s working?

I tried recreating the code on a page on my local machine and can’t get the links to work.