en => <<'HTML',
<tmpl_if levels>
<h2>Beginner</h2>
-<ul>
-<tmpl_loop beginner><li><a href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></ul>
+<div class="list-group">
+<tmpl_loop beginner><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
+</tmpl_loop></div>
<h2>Easy</h2>
-<ul>
-<tmpl_loop easy><li><a href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></ul>
+<div class="list-group">
+<tmpl_loop easy><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
+</tmpl_loop></div>
<h2>Medium</h2>
-<ul>
-<tmpl_loop medium><li><a href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></ul>
+<div class="list-group">
+<tmpl_loop medium><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
+</tmpl_loop></div>
<h2>Hard</h2>
-<ul>
-<tmpl_loop hard><li><a href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></ul>
+<div class="list-group">
+<tmpl_loop hard><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
+</tmpl_loop></div>
<tmpl_else>
-<ul>
-<tmpl_loop problems><li><a href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></ul>
+<div class="list-group">
+<tmpl_loop problems><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
+</tmpl_loop></div>
</tmpl_if>
HTML
};