index.html

<!DOCTYPE html>
<html>
    <head> 
        <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    <body>
        
       <ul id="menu">
           <li><a href="#Home">Home </a></li>
           <li><a href="">Achivements</a>
            <ul>
                <li><a href="">Acedamics</a></li>
                <li><a href="">Extracurricular Activities</a></li>

           </ul></li>
           <li><a href="">About</a><ul>
               <li><a href="">BackGround</a></li>
               <li><a href="">Family</a></li>
               <li><a href="">places worked</a></li>

           </ul>
           </li>
           <li><a href="">Interests</a>
        <ul>
            <li><a href="">skill</a></li>
            <li><a href="">game</a></li>
            <li><a href="">plans</a></li>
        </ul></li>
       </ul>
      
       
    </body>
</html>