<!-- BEGIN DOCK -->
<div class="dock">

<!-- BEGIN APPS -->
<div class="apps">

<!-- BEGIN APPS LIST -->
<ul>

<!-- BEGIN PASSWORDS ICON -->
<li id="dock-passwords" class="app">
<a href="http://localhost:8880/z-passwords.txt" target="blank">
<div class="icon">
<div class="label"><em>Passwords</em><span class="pointer"></span>
</div>
<img alt="Dashboard icon" src="images/passwords.png">
</div>
<div class="indicator"></div>		
</a>
<div class="reflection">
<img src="images/dock-icon-reflection.png">
</div>
</li>
<!-- END PASSWORDS ICON -->

<!-- BEGIN PROJECTS ICON -->
<li id="dock-projects" class="app">
<a href="/2projects/" target="blank">
<div class="icon">
<div class="label"><em>Projects</em><span class="pointer"></span>
</div>
<img alt="Dashboard icon" src="images/projects.png">
</div>
<div class="indicator"></div>		
</a>
<div class="reflection">
<img src="images/dock-icon-reflection.png">
</div>
</li>
<!-- END PROJECTS ICON -->

<!-- BEGIN MYSQL ICON -->
<li id="dock-cms" class="app">
<a href="http://localhost:8880/MAMP/?language=English" target="blank">
<div class="icon">
<div class="label"><em>phpMyAdmin</em><span class="pointer"></span>
</div>
<img alt="Dashboard icon" src="images/sql.png">
</div>
<div class="indicator"></div>		
</a>
<div class="reflection">
<img src="images/dock-icon-reflection.png">
</div>
</li>
<!-- END MYSQL ICON -->

<!-- BEGIN XAMMP ICON -->
<li id="dock-xammp" class="app">
<a href="http://localhost:8880/MAMP/?language=English" target="blank">
<div class="icon">
<div class="label"><em>XAMMP</em><span class="pointer"></span>
</div>
<img alt="Dashboard icon" src="images/xammp.png">
</div>
<div class="indicator"></div>		
</a>
<div class="reflection">
<img src="images/dock-icon-reflection.png">
</div>
</li>
<!-- END XAMMP ICON -->

</ul>
<!-- END APPS LIST -->

<!-- BEGIN LEFT EDGE OF DOCK -->
<div class="l"></div>
<!-- END LEFT EDGE OF DOCK -->

<!-- BEGIN RIGHT EDGE OF DOCK -->
<div class="r"></div>
<!-- END RIGHT EDGE OF DOCK -->

</div>
<!-- END APPS -->

</div>
<!-- END DOCK -->