hobby.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>My hobbies</title>
      <style>

      body{background-color: tan;}
      hr{
      border-style: none;
      border-top-style: dotted;
      border-color: grey;
      border-width: 5px;
      width: 5%;
    }

    img{
      height: auto;
    }

    </style>
  </head>
  <body>
    <h3><a href="hobby.html">My Hobbies</a></h3>
    <a href="hobby.html">My Hobbies</a>
    <ol type="i">
      <li><a href="http://fifa.com">Football</a></li>
       <ul>
         <li>we play foot ball with our legs</li>
         <figure>
   <p style="white-space:pre">
 Bid me discourse, I will enchant thine ear,
   Or like a fairy trip upon the green,
 Or, like a nymph, with long dishevell'd hair,
   Dance on the sands, and yet no footing seen:
 Love is a spirit all compact of fire,
   Not gross to sink, but light, and will aspire.</p>
   <figcaption><cite>Venus and Adonis</cite>,
     by William Shakespeare</figcaption>
 </figure>
         <li>American play boy with their hand</li>
       </ul>
      <li>film watching</li>
      <li>coding literature</li>
    </ol>
     <hr>
    <a href="index.html">My Home</a>
   <a href="hobby.html">My Hobbies</a>
   <a href="contact.html">My Contact Informations</a>
 </p>

  </body>
</html>