diff --git a/webapp/web/templates/freemarker/widgets/widget-browse.ftl b/webapp/web/templates/freemarker/widgets/widget-browse.ftl
index 99eea0bfd..605ec022b 100644
--- a/webapp/web/templates/freemarker/widgets/widget-browse.ftl
+++ b/webapp/web/templates/freemarker/widgets/widget-browse.ftl
@@ -11,46 +11,56 @@
 </#macro>
         
 <#macro allClassGroups>
-<section>
- <h2>Macro allClassGroups from widget-browse.ftl</h2>
- <ul>
- <#list vclassGroupList as group>
-    <li><a href="${urls.base}${urlMapping}?classgroupUri=${group.publicName?url}">${group.publicName}</a></li>
- </#list>
- </ul>
-</section>
+    <section>
+        <h2>Macro allClassGroups from widget-browse.ftl</h2>
 
+        <ul>
+        <#list vclassGroupList as group>
+            <li><a href="${urls.base}${urlMapping}?classgroupUri=${group.publicName?url}">${group.publicName}</a></li>
+        </#list>
+        </ul>
+    </section>
 </#macro>
 
 <#macro classGroup>
 <section>
- <h2>Macro classGroup from widget-browse.ftl</h2>  
- <div>
-   There are ${classes?size} classes in classGroup ${classGroup.publicName}.  
-   Only classes with instances are included.
- </div>
- <ul>
- <#list classes as class>
-    <li><a href="${urls.base}${urlMapping}?classgroupUri=${classGroup.publicName?url}&vclassUri=${class.uri?url}">${class.name}</a> ${class.individualCount}</li> 
- </#list>
- </ul> 
+     <#--<h2>Macro classGroup from widget-browse.ftl</h2>  
+     <div>
+       There are ${classes?size} classes in classGroup ${classGroup.publicName}.  
+       Only classes with instances are included.
+     </div>-->
+ 
+    <nav role="navigation">
+        <ul id="foaf-person-childClasses">
+            <#list classes as class>
+            <li><a href="${urls.base}${urlMapping}?classgroupUri=${classGroup.publicName?url}&vclassUri=${class.uri?url}">${class.name}<span class="count-classes"> ${class.individualCount}</span></a></li>
+            </#list>
+        </ul>
+    </nav>
+ 
+    <#--<ul>
+    <#list classes as class>
+        <li><a href="${urls.base}${urlMapping}?classgroupUri=${classGroup.publicName?url}&vclassUri=${class.uri?url}">${class.name}</a> ${class.individualCount}</li> 
+    </#list>
+    </ul>-->
 </section>
 
 </#macro>
 
 <#macro vclass>
-<section>
- <h2>vclass ${class.name} from ${classGroup.publicName}</h2>
-  This has classGroup, classes, individualsInClass and class.  
-  <ul>
-  <#list individualsInClass as ind>
-    <li><a href="${urls.base}/individual?uri=${ind.uri?url}">${ind.name}</a></li>
-  </#list>
-</section>
+    <section>
+        <h2>vclass ${class.name} from ${classGroup.publicName}</h2>
+        This has classGroup, classes, individualsInClass and class. 
+         
+        <ul>
+            <#list individualsInClass as ind>
+                <li><a href="${urls.base}/individual?uri=${ind.uri?url}">${ind.name}</a></li>
+            </#list>
+        </section>
 </#macro>
 
 <#macro vclassAlpha>
-<section role="region">
- <h2>vclassAlpha</h2> 
-</section>
+    <section role="region">
+        <h2>vclassAlpha</h2> 
+    </section>
 </#macro>