Site icon Hip-Hop Website Design and Development

Menu Customized Knowledge Attributes

I am making an attempt so as to add a customized knowledge attribute to the <a> factor. What I am making an attempt to do is combine the navigation impact on this CodePen

I can do all of the CSS however I would like so as to add the HTML half similar to under:

   <ul class="snip1226">
  <li class="present"><a href="#" data-hover="Dwelling">Dwelling</a></li>
  <li><a href="#" data-hover="About Us">About Us</a></li>
  <li><a href="#" data-hover="Weblog">Weblog</a></li>
  <li><a href="#" data-hover="Providers">Providers</a></li>
  <li><a href="#" data-hover="Merchandise">Merchandise</a></li>
  <li><a href="#" data-hover="Contact">Contact</a></li>
</ul>

How and the place would I add this into WordPress? What would I have to edit so as to add this HTML functionally?

Thanks,

Harvey