Comment avoir des sous menu dans ce code svp

<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li class="current-page">
<a href="index.html"><i class="icon-home"></i><br />accueil</a>
</li>
<li>
<a href="about.html"><i class="icon-user"></i><br />L'AGENCE</a>
</li>
<li>
<a href="services.html"><i class="icon-tasks"></i><br />services</a>
</li>
<li>
<a href="nosvaleurs.html"><i class="icon-star"-alt"></i><br />Nos Valeurs</a>
</li>
<li>
<a href="portfolio.html"><i class="icon-camera"></i><br />réalisations</a>
</li>
<li>
<a href="contact.html"><i class="icon-envelope-alt"></i><br />Contact</a>
</li>
</ul>
</div>