diff --git a/web/templates/tg_all.html b/web/templates/tg_all.html
new file mode 100644
index 0000000..eee0c8b
--- /dev/null
+++ b/web/templates/tg_all.html
@@ -0,0 +1,59 @@
+{% extends 'flask_user/_public_base.html' %}
+{% block content %}
+<style>
+
+</style>
+<p>&nbsp;</p>
+<p style="text-align: center;"><strong>Note:</strong> Talkgroups listed here may not be available on all servers. See <a href="/generate_passphrase">Passphrase(s)</a> for complete list of talkgroup availability per server.</p>
+<p style="text-align: center;"><a href="hbnet_tg.csv"><strong>Download talkgroup CSV</strong></a> | <a href="hbnet_tg_anytone.csv"><strong>Download talkgroup CSV (Anytone format)</strong></a></p>
+<div class="container-fluid">          
+  <table class="table table-striped table-bordered" style="width:100%" id="all_tg">
+    <thead>
+      <tr>
+        <th style="width: 146.1px; text-align: center;">Name</th>
+        <th style="width: 89.9px; text-align: center;">TG</th>
+        <th style="width: 339px; text-align: center;">Description</th>
+      </tr>
+    </thead>
+    <tbody>
+
+  {{markup_content}}
+
+</tbody>
+  </table>
+</div>
+
+<div class="row container-fluid" >
+  <div class="col-xs-12">
+</div>
+</div>
+
+
+<table id="table_id" class="display">
+    <thead>
+        <tr>
+            <th>Column 1</th>
+            <th>Column 2</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td>Row 1 Data 1</td>
+            <td>Row 1 Data 2</td>
+        </tr>
+        <tr>
+            <td>Row 2 Data 1</td>
+            <td>Row 2 Data 2</td>
+        </tr>
+    </tbody>
+</table>
+
+
+
+<p>&nbsp;</p>
+<script type = "text/javascript">
+$(document).ready( function () {
+    $('#table_id').DataTable();
+} );
+</script>
+{% endblock %}