File Contents
This is my menus.php file. It is straightforward for you to customize this to your site's directory structure.
<div id="menu">
<ul>
<li class='active has-sub'><a href='/beginners'><span>Beginners</span></a>
<ul>
<li><a href = "/beginners/fileSystem.php"><span>File System Organization</span></a></li>
</ul>
</li>
<li class='active has-sub'><a href='/teaching'><span>Teaching</span></a>
<ul>
<li><a href="/teaching/numbers"><span>Numbers</span></a></li>
<li><a href="/teaching/web"><span>The WWW</span></a></li>
<li><a href="/teaching/python"><span>Python</span></a></li>
<li><a href="/teaching/java"><span>Java</span></a></li>
<li><a href="/teaching/CandUNIX"><span>C/UNIX</span></a></li>
<li><a href="/teaching/utilities"><span>Python Utilities</span></a></li>
</ul>
</li>
<li class ='active has-sub'><a href='/programming'><span>programming</span></a>
<ul>
<li><a href = "/programming/skeletons">The Skeleton Closet</a></li>
<li><a href = "/programming/PHP">PHP</a></li>
<li><a href = "https://www.youtube.com/channel/UCMxP_bP8whMGN63IpvGFPTQ/">My YouTube Channel</a></li>
<li><a href = "https://github.com/ncmathsadist"><span>Morrison's GitHub Repository</span></a></li>
</ul>
</li>
<li class='active has-sub'><a href='/math'><span>Math</span></a>
<ul>
<li><a href = "https://math.stackexchange.com/users/4154/ncmathsadist"><span>Stack Exchange Profile</span></a></li>
<li><a href = "/math/mathStudyGuide.php"><span>Math Study Guide</span></a></li>
</ul>
</li>
<li class='active has-sub'><a href='/professional'><span>Professional</span></a>
<ul>
<li><a href = "/professional/contact.php"><span>Contact</span></a></li>
<li><a href='/professional/resume.php'><span>Resume</span></a></li>
</ul>
</li>
<li class='active has-sub'><a href='/personal'><span>Personal</span></a>
<ul>
<li><a href='/personal/computingHistory.php'><span>Personal Computing History</span></a></li>
<li><a href='/personal/facebook.php'><span>Advice on Social Networks</span></a></li>
<li><a href='/personal/speech.php'><span>Graduation Speech, 13 June 2000</span></a></li>
<li class='last'><a href='https://www.yelp.com/user_details?userid=-Fm05tmJz_10qOkL6JAsmw'><span>Yelp Profile</span></a></li>
</ul>
</li>
</ul>
</div>