My Jade Testing Ground

In this example below you will see how to do a My Jade Testing Ground with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by lissom3d, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright lissom3d ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>My Jade Testing Ground</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  
  
  
</head>

<body>

  
<div>Your menu has 5 items</div>
<ul>
  <li><a>Our Menu</a></li>
  <hr/>
  <li><a>Specials</a></li>
  <hr/>
  <li><a>Locations</a></li>
  <hr/>
  <li><a>About Us</a></li>
  <hr/>
  <li><a>Contact Us</a></li>
  <hr/>
</ul>
<div>
  <5></5>
  <ul>
    <li><a href="#{navurls[x]}">Our Menu </a></li>
    <li><a href="#{navurls[x]}">Specials </a></li>
    <li><a href="#{navurls[x]}">Locations </a></li>
    <li><a href="#{navurls[x]}">About Us </a></li>
    <li><a href="#{navurls[x]}">Contact Us </a></li>
  </ul>
</div>
  
  

</body>

</html>

Comments