diff --git a/src/postorius/templates/postorius/user_address_activation.html b/src/postorius/templates/postorius/user_address_activation.html
index 8bbfb4b..abf0b7c 100644
--- a/src/postorius/templates/postorius/user_address_activation.html
+++ b/src/postorius/templates/postorius/user_address_activation.html
@@ -1,18 +1,33 @@
 {% extends postorius_base_template %}
 {% load i18n %}
+{% load bootstrap_tags %}
+{% load nav_helpers %}
 
 {% block subtitle %}
-{% trans "Add Email | " as page_title %}{{ page_title|add:user.username }}
+{% trans 'Add Email' %} | {{ user.username }}
 {% endblock %}
 
 {% block main %}
-    {% include 'postorius/menu/user_nav.html' %}
-
-    <h1>{% trans 'Add another email address to your account' %}</h1>
-
-    <form action = "{% url 'address_activation' %}" method = "post" class = "well">
-       {% csrf_token %}
-       {{ form.as_p }}
-       <button class="btn btn-success" type="submit">{% trans "Save" %}</button>
-    </form>
+    {% user_nav 'add_email' %}
+    <div class="panel panel-default">
+        <div class="panel-heading"><h1 class="panel-title">{% trans 'Add Email' %}</h1></div>
+        <div class="panel-body">
+            <form class="form-horizontal" action="{% url 'address_activation' %}" method="post">
+                {% csrf_token %}
+                <div class="form-group">
+                    {% if form.email.errors %}
+                        <div class="row">
+                            <div class="col-md-offset-2 col-md-5 alert alert-danger">{{ form.email.errors }}</div>
+                        </div>
+                    {% endif %}
+                    <label class="control-label col-md-2" for="{{ form.email.id_for_label }}">{{ form.email.label }}</label>
+                    <div class="col-md-5">
+                        {{ form.email|add_form_control }}
+                    </div>
+                </div>
+                {{ form.user_email }}
+                <button class="col-md-offset-2 btn btn-success" type="submit">{% trans 'Add Email' %}</button>
+            </form>
+        </div>
+    </div>
 {% endblock main %}
diff --git a/src/postorius/templates/postorius/user_address_preferences.html b/src/postorius/templates/postorius/user_address_preferences.html
index 6fe0c90..0fc796c 100644
--- a/src/postorius/templates/postorius/user_address_preferences.html
+++ b/src/postorius/templates/postorius/user_address_preferences.html
@@ -1,105 +1,79 @@
 {% extends postorius_base_template %}
 
 {% load i18n %}
+{% load bootstrap_tags %}
+{% load nav_helpers %}
 
 {% block subtitle %}
-{% trans "Subscription Preferences | " as page_title %}{{ page_title|add:user.username }}
+{% trans 'Subscription Preferences' %} | {{ user.username }}
 {% endblock %}
 
 {% block main %}
-{% include 'postorius/menu/user_nav.html' %}
-<ul class="nav nav-tabs">
-   <li><a href="{% url 'user_mailmansettings' %}">{% trans "Global Mailman Preferences" %}</a></li>
-   <li class="active"><a href="#">{% trans "Address Based Preferences" %}</a></li>
-   <li><a href="{% url 'user_subscription_preferences' %}">{% trans "Subscription Based Preferences" %}</a></li>
-</ul>
-{% if nolists %}
-    <div class="mm_subHeader" >
-       <h1>{% trans "No Preferences Available" %}</h1>
+    {% user_nav 'settings' %}
+    <div class="panel panel-default">
+        <div class="panel-heading"><h1 class="panel-title">Subscription Settings</h1></div>
+        <div class="panel-body">
+            <ul class="nav nav-tabs">
+                <li><a href="{% url 'user_mailmansettings' %}">{% trans 'Global Mailman Preferences' %}</a></li>
+                <li class="active"><a href="#">{% trans 'Address Based Preferences' %}</a></li>
+                <li><a href="{% url 'user_subscription_preferences' %}">{% trans 'Subscription Based Preferences' %}</a></li>
+            </ul>
+            {% if nolists %}
+                <div>
+                    <h1>{% trans 'No Preferences Available' %}</h1>
+                </div>
+                <p>{% trans 'You are not yet subscribed to any lists, so you have no Mailman preferences.' %}</p>
+            {% else %}
+                <form action="{% url 'user_address_preferences' %}" method="post" id="address_formset">
+                    {% csrf_token %}
+                    {{ formset.management_form }}
+                    <div class="table-responsive">
+                        <table class="table table-striped table-bordered">
+                            {% for form,address in zipped_data %}
+                                {% if forloop.first %}
+                                    <thead>
+                                        <tr>
+                                            <th>{% trans 'Address' %}</th>
+                                            {% for field in form.visible_fields %}
+                                                <th>
+                                                    <label for="{{ field.id_for_label }}"><a data-toggle="tooltip" title="{{ field.help_text }}">{{ field.label }}</a></label>
+                                                </th>
+                                            {% endfor %}
+                                        </tr >
+                                    </thead >
+                                {% endif %}
+                                <tr>
+                                    <td>{{ address }}</td>
+                                        {% for field in form %}
+                                        {% if field|fieldtype == 'RadioSelect' %}
+                                            <td class="text-center">
+                                                {% for choice in field %}
+                                                    <label class="radio-inline">
+                                                        {{ choice.tag }}
+                                                        {{ choice.choice_label }}
+                                                    </label>
+                                                {% endfor %}
+                                            </td>
+                                        {% else %}
+                                            <td>{{ field|add_form_control }}</td>
+                                        {% endif %}
+                                    {% endfor %}
+                                </tr>
+                            {% endfor %}
+                        </table>
+                    </div>
+                    <div class="text-center">
+                        <button class="btn btn-success" type="submit">{% trans 'Save' %}</button>
+                    </div>
+                </form>
+            {% endif %}
+        </div>
     </div>
-    <p>{% trans 'You are not yet subscribed to any lists, so you have no Mailman preferences.' %}</p>
-{% else %}
-    <form action = "{% url 'user_address_preferences' %}" method = "post" class = "well" id ="address_formset">
-       {% csrf_token %}
-       {{formset.management_form}}
-       {{formset.non_form_errors.as_ul}}
-       <table class="table table-bordered table-striped" border = "2">
-          <thead>
-             <tr>
-                <th> {% trans 'Preferences' %} </th>
-                {% for form,address in zipped_data %}
-                <th> {{address}} </th>
-                {% endfor %}
-             </tr >
-          </thead >
-          <tr>
-             <td>
-                <p>{% trans 'Mail Delivery' %}: </p>
-                <p>[<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ helperform.delivery_status.help_text }}
-                   </span></span>] 
-                </p>
-             </td>
-             {% for form,address in zipped_data %}
-             <td> {{form.delivery_status }}</td>
-             {% endfor %} 
-          </tr>
-          <tr>
-             <td>
-                <p> {% trans 'Select a Mode of Delivery' %}:  </p>
-                <p>[<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ helperform.delivery_mode.help_text }}
-                   </span></span>] 
-                </p>
-             </td>
-             {% for form,address in zipped_data %}
-             <td> {{form.delivery_mode }} </td>
-             {% endfor %} 
-          </tr>
-          <tr>
-             <td>
-                <p> {% trans 'Receive your own posts to the list?' %} </p>
-                <p>[<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ helperform.receive_own_postings.help_text }}
-                   </span></span>] 
-                </p>
-             </td>
-             {% for form,address in zipped_data %}
-             <td> {{form.receive_own_postings }} </td>
-             {% endfor %} 
-          </tr>
-          <tr>
-             <td>
-                <p> {% trans 'Receive acknowledgement mails?' %} </p>
-                <p>[<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ helperform.acknowledge_posts.help_text }}
-                   </span></span>]
-                </p>
-             </td>
-             {% for form,address in zipped_data %}
-             <td> {{form.acknowledge_posts }} </td>
-             {% endfor %} 
-          </tr>
-          <tr>
-             <td>
-                <p> {% trans 'Conceal yourself from the subscriber list?' %} </p>
-                <p>[<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ helperform.hide_address.help_text }}
-                   </span></span>]
-                </p>
-             </td>
-             {% for form,address in zipped_data %}
-             <td> {{form.hide_address }} </td>
-             {% endfor %} 
-          </tr>
-          <tr>
-             <td>
-                <p> {% trans 'Avoid duplicate copies of messages?' %} </p>
-                <p>[<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ helperform.receive_list_copy.help_text }}
-                   </span></span>]
-                </p>
-             </td>
-             {% for form,address in zipped_data %}
-             <td> {{form.receive_list_copy }} </td>
-             {% endfor %} 
-          </tr>
-       </table>
-       <center><button class="btn btn-success" type="submit">{% trans "Save" %}</button></center>
-    </form>
-{% endif %}
 {% endblock main %}
+{% block additionaljs %}
+<script>
+    $(function () {
+        $('[data-toggle="tooltip"]').tooltip()
+    })
+</script>
+{% endblock %}
diff --git a/src/postorius/templates/postorius/user_mailmansettings.html b/src/postorius/templates/postorius/user_mailmansettings.html
index d345783..5269f35 100644
--- a/src/postorius/templates/postorius/user_mailmansettings.html
+++ b/src/postorius/templates/postorius/user_mailmansettings.html
@@ -1,88 +1,71 @@
 {% extends postorius_base_template %}
 {% load i18n %}
+{% load bootstrap_tags %}
+{% load nav_helpers %}
 
 {% block subtitle %}
-{% trans "Subscription Preferences | " as page_title %}{{ page_title|add:user.username }}
+{% trans 'Subscription Preferences' %} | {{ user.username }}
 {% endblock %}
 
 {% block main %}
-{% include 'postorius/menu/user_nav.html' %}
-<ul class="nav nav-tabs">
-   <li class="active"><a>{% trans "Global Mailman Preferences" %}</a></li>
-   <li><a href="{% url 'user_address_preferences' %}">{% trans "Address Based Preferences" %}</a></li>
-   <li><a href="{% url 'user_subscription_preferences' %}">{% trans "Subscription Based Preferences" %}</a></li>
-</ul>
-{% if not mm_user %}
-    <div class="mm_subHeader" >
-       <h1>{% trans "No Preferences Available" %}</h1>
+    {% user_nav 'settings' %}
+    <div class="panel panel-default">
+        <div class="panel-heading"><h1 class="panel-title">Subscription Settings</h1></div>
+        <div class="panel-body">
+            <ul class="nav nav-tabs">
+                <li class="active"><a>{% trans 'Global Mailman Preferences' %}</a></li>
+                <li><a href="{% url 'user_address_preferences' %}">{% trans 'Address Based Preferences' %}</a></li>
+                <li><a href="{% url 'user_subscription_preferences' %}">{% trans 'Subscription Based Preferences' %}</a></li>
+            </ul>
+            {% if not mm_user %}
+                <div>
+                    <h1>{% trans 'No Preferences Available' %}</h1>
+                </div>
+                <p>{% trans 'You are not yet subscribed to any lists, so you have no Mailman preferences.' %}</p>
+            {% else %}
+                <form action="{% url 'user_mailmansettings' %}" method="post" >
+                    {% csrf_token %}
+                    <div class="table-responsive">
+                        <table class="table table-bordered table-striped">
+                            <thead>
+                                <tr>
+                                    <th>{% trans 'Preferences' %}</th>
+                                    <th class="text-center">{% trans 'Global' %}</th>
+                                </tr>
+                            </thead >
+                            {% for field in settingsform %}
+                                <tr>
+                                    <td>
+                                        <label for="{{ field.id_for_label }}"><a data-toggle="tooltip" title="{{ field.help_text }}">{{ field.label }}</a></label>
+                                    </td>
+                                    {% if field|fieldtype == 'RadioSelect' %}
+                                        <td class="text-center">
+                                            {% for choice in field %}
+                                                <label class="radio-inline">
+                                                    {{ choice.tag }}
+                                                    {{ choice.choice_label }}
+                                                </label>
+                                            {% endfor %}
+                                        </td>
+                                    {% else %}
+                                        <td><div class="col-md-offset-4 col-md-4">{{ field|add_form_control }}</div></td>
+                                    {% endif %}
+                                </tr>
+                            {% endfor %}
+                        </table>
+                    </div>
+                    <div class="text-center">
+                        <button class="btn btn-success" type="submit">{% trans 'Save' %}</button>
+                    </div>
+                </form>
+            {% endif %}
+        </div>
     </div>
-    <p>{% trans 'You are not yet subscribed to any lists, so you have no Mailman preferences.' %}</p>
-{% else %}
-    <form  class="well" action="{% url 'user_mailmansettings' %}" method="post" >
-       {% csrf_token %}
-       <table class="table table-bordered table-striped" border="2">
-          <thead>
-             <tr>
-                <th> {% trans "Preferences" %} </th>
-                <th> {% trans "Global" %} </th>
-             </tr>
-          </thead >
-          <tr>
-             <td>
-                <p> {% trans "Mail Delivery" %}: </p>
-                </p>
-                [<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ settingsform.delivery_status.help_text }}
-                </span></span>] </p>
-             </td>
-             <td> {{settingsform.delivery_status }} </td>
-          </tr>
-          <tr>
-             <td>
-                <p> {% trans "Select a Mode of Delivery" %}: </p>
-                </p>
-                [<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ settingsform.delivery_mode.help_text }}
-                </span></span>] </p>
-             </td>
-             <td> {{settingsform.delivery_mode }} </td>
-          </tr>
-          <tr>
-             <td>
-                <p> {% trans "Receive your own posts to the list?" %} </p>
-                </p>
-                [<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ settingsform.receive_own_postings.help_text }}
-                </span></span>] </p>
-             </td>
-             <td> {{settingsform.receive_own_postings }} </td>
-          </tr>
-          <tr>
-             <td>
-                <p> {% trans "Receive acknowledgement mails?" %} </p>
-                </p>
-                [<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ settingsform.acknowledge_posts.help_text }}
-                </span></span>] </p>
-             </td>
-             <td> {{settingsform.acknowledge_posts }} </td>
-          </tr>
-          <tr>
-             <td>
-                <p>{% trans "Conceal yourself from the subscriber list?" %} </p>
-                </p>
-                [<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ settingsform.hide_address.help_text }}
-                </span></span>] </p>
-             </td>
-             <td> {{settingsform.hide_address }} </td>
-          </tr>
-          <tr>
-             <td>
-                <p>{% trans "Avoid duplicate copies of messages?" %}</p>
-                </p>
-                [<span class="more_info"><a href="#">{% trans 'More info' %}</a><span>{{ settingsform.receive_list_copy.help_text }}
-                </span></span>] </p>
-             </td>
-             <td> {{settingsform.receive_list_copy }} </td>
-          </tr>
-       </table>
-       <center><button class="btn btn-success" type="submit">{% trans "Save" %}</button></center>
-    </form>
-{% endif %}
 {% endblock main %}
+{% block additionaljs %}
+<script>
+    $(function () {
+        $('[data-toggle="tooltip"]').tooltip()
+    })
+</script>
+{% endblock %}
diff --git a/src/postorius/templates/postorius/user_profile.html b/src/postorius/templates/postorius/user_profile.html
index 7e9d55d..25849d9 100644
--- a/src/postorius/templates/postorius/user_profile.html
+++ b/src/postorius/templates/postorius/user_profile.html
@@ -1,25 +1,27 @@
 {% extends postorius_base_template %}
 {% load i18n %}
+{% load nav_helpers %}
 
 {% block subtitle %}
-{% trans "Profile | " as page_title %}{{ page_title|add:user.username }}
+{% trans 'Profile' %} | {{ user.username }}
 {% endblock %}
 
 {% block main %}
-    {% include 'postorius/menu/user_nav.html' %}
-    <h1>{% trans "User Profile" %} <span>- {{ user }}</span></h1>
-
-    <table class="table table-bordered table-striped mm_userData">
-        <tbody>
-            <tr>
-                <td>{% trans 'Mailman display name' %}</td>
-                <td>{{ mm_user.display_name}}</td>
-            </tr>
-            <tr>
-                <td>{% trans 'User name' %}</td>
-                <td>{{ user.username}}</td>
-            </tr>
-            <tr>
+    {% user_nav 'profile' %}
+    <div class="panel panel-default">
+        <div class="panel-heading"><h1 class="panel-title">{% trans 'User Profile' %} - {{ user }}</h1></div>
+        <div class="panel-body">
+            <table class="table table-bordered table-striped">
+                <tbody>
+                    <tr>
+                        <td>{% trans 'Mailman display name' %}</td>
+                        <td>{{ mm_user.display_name }}</td>
+                    </tr>
+                    <tr>
+                        <td>{% trans 'Username' %}</td>
+                        <td>{{ user.username }}</td>
+                    </tr>
+	<tr>
                 <td>{% trans 'Main email' %}</td>
                 <td>{{ user.email}}</td>
             </tr>
@@ -31,6 +33,8 @@
                     {% endfor %}
                 </ul></td>
             </tr>
-        </tbody>
-    </table>
+                </tbody>
+            </table>
+        </div>
+    </div>
 {% endblock main %}
diff --git a/src/postorius/templates/postorius/user_subscription_preferences.html b/src/postorius/templates/postorius/user_subscription_preferences.html
index 5dbbea6..9dec700 100644
--- a/src/postorius/templates/postorius/user_subscription_preferences.html
+++ b/src/postorius/templates/postorius/user_subscription_preferences.html
@@ -1,54 +1,78 @@
 {% extends postorius_base_template %}
 {% load i18n %}
+{% load bootstrap_tags %}
+{% load nav_helpers %}
 
 {% block subtitle %}
-{% trans "Subscription Preferences | " as page_title %}{{ page_title|add:user.username }}
+{% trans 'Subscription Preferences' %} | {{ user.username }}
 {% endblock %}
 
 {% block main %}
-{% include 'postorius/menu/user_nav.html' %}
-<ul class="nav nav-tabs">
-   <li> <a href="{% url 'user_mailmansettings' %}">{% trans "Global Mailman Preferences" %}</a></li>
-   <li> <a href="{% url 'user_address_preferences' %}">{% trans "Address Based Preferences" %}</a></li>
-   <li class="active"><a href="#">{% trans "Subscription Based Preferences" %}</a></li>
-</ul>
-{% if nolists %}
-    <div class="mm_subHeader" >
-       <h1>{% trans "No Preferences Available" %}</h1>
+    {% user_nav 'settings' %}
+    <div class="panel panel-default">
+        <div class="panel-heading"><h1 class="panel-title">Subscription Settings</h1></div>
+        <div class="panel-body">
+            <ul class="nav nav-tabs">
+             <li> <a href="{% url 'user_mailmansettings' %}">{% trans 'Global Mailman Preferences' %}</a></li>
+             <li> <a href="{% url 'user_address_preferences' %}">{% trans 'Address Based Preferences' %}</a></li>
+             <li class="active"><a href="#">{% trans 'Subscription Based Preferences' %}</a></li>
+            </ul>
+            {% if nolists %}
+              <div>
+                  <h1>{% trans 'No Preferences Available' %}</h1>
+              </div>
+              <p>{% trans 'You are not yet subscribed to any lists, so you have no Mailman preferences.' %}</p>
+            {% else %}
+                <form action="{% url 'user_subscription_preferences' %}" method="post" id="subscriptions_formset">
+                    {% csrf_token %}
+                    {{ formset.management_form }}
+                    <div class="table-responsive">
+                        <table class="table table-striped table-bordered">
+                            {% for form,subscription in zipped_data %}
+                                {% if forloop.first %}
+                                    <thead>
+                                        <tr>
+                                            <th>{% trans 'Subscription' %}</th>
+                                            {% for field in form.visible_fields %}
+                                            <th>
+                                                <label for="{{ field.id_for_label }}"><a data-toggle="tooltip" title="{{ field.help_text }}">{{ field.label }}</a></label>
+                                            </th>
+                                            {% endfor %}
+                                        </tr >
+                                    </thead >
+                                {% endif %}
+                                <tr>
+                                    <td>{{ subscription.list_id }}</td>
+                                    {% for field in form %}
+                                        {% if field|fieldtype == 'RadioSelect' %}
+                                            <td class="text-center">
+                                            {% for choice in field %}
+                                                <label class="radio-inline">
+                                                    {{ choice.tag }}
+                                                    {{ choice.choice_label }}
+                                                </label>
+                                            {% endfor %}
+                                            </td>
+                                        {% else %}
+                                            <td>{{ field|add_form_control }}</td>
+                                    {% endif %}
+                                    {% endfor %}
+                                </tr>
+                            {% endfor %}
+                        </table>
+                    </div>
+                    <div class="text-center">
+                        <button class="btn btn-success" type="submit">{% trans 'Save' %}</button>
+                    </div>
+                </form>
+            {% endif %}
+        </div>
     </div>
-    <p>{% trans 'You are not yet subscribed to any lists, so you have no Mailman preferences.' %}</p>
-{% else %}
-    <form class="well" action = "{% url 'user_subscription_preferences' %}" method = "post" id = "subscriptions_formset" >
-       {% csrf_token %}
-       {{formset.management_form}}
-       {{formset.non_form_errors.as_ul}}
-       <table class="well" border="1" width="100%">
-          {% for form,subscription in zipped_data %}
-          {% if forloop.first %}
-          <thead>
-             <tr>
-                <th> {% trans 'Subscription' %} </th>
-                {% for field in form.visible_fields %}
-                <th>{{field.label}} <p><span class="more_info">[<a href="#">{% trans 'More info' %}</a><span>{{ field.help_text }}
-                    </span>]</span></p></th>
-                {% endfor %}
-             </tr >
-          </thead >
-          {% endif %}
-          {% endfor %}
-          <tr class = "{% cycle row1,row2 %}" >
-          {% for form,subscription in zipped_data %}
-             <td style="width:10%">{{subscription.list_id}}</td>
-             <td style="width:14%">{{form.delivery_status}}</td>
-             <td style="width:20%">{{form.delivery_mode}}</td>
-             <td style="width:14%">{{form.receive_own_postings}}</td>
-             <td style="width:14%">{{form.acknowledge_posts}}</td>
-             <td style="width:14%">{{form.hide_address}}</td>
-             <td style="width:14%">{{form.receive_list_copy}}</td>
-          </tr>
-          {% endfor %}
-       </table>
-       <center><button class="btn btn-success" type="submit"> {% trans "Save" %}</button></center>
-    </form>
-{% endif %}
 {% endblock main %}
+{% block additionaljs %}
+<script>
+    $(function () {
+        $('[data-toggle="tooltip"]').tooltip()
+    })
+</script>
+{% endblock %}
diff --git a/src/postorius/templates/postorius/user_subscriptions.html b/src/postorius/templates/postorius/user_subscriptions.html
index 456cd50..1554495 100644
--- a/src/postorius/templates/postorius/user_subscriptions.html
+++ b/src/postorius/templates/postorius/user_subscriptions.html
@@ -1,35 +1,40 @@
 {% extends postorius_base_template %}
 
 {% load i18n %}
+{% load nav_helpers %}
 
 {% block subtitle %}
-{% trans "Subscriptions | " as page_title %}{{ page_title|add:user.username }}
+{% trans 'Subscriptions' %} | {{ user.username }}
 {% endblock %}
 
 {% block main %}
-    {% include 'postorius/menu/user_nav.html' %}
-    <h1>{% trans "List Subscriptions" %} <span></span></h1>
-
-    <p>{% trans "You are subscribed to the following mailing lists:" %}</p>
-
-    <table class="table table-bordered table-striped">
-        <thead>
-    		<tr>
-    			<th>{% trans 'List Name' %}</th>
-    			<th>{% trans 'Subscription Address' %}</th>
-    			<th>{% trans 'Role' %}</th>
-    			<th>{% trans 'Delivery Mode' %}</th>
-    		</tr>
-        </thead>
-    	<tbody>
-            {% for subscription in memberships %}
-    		<tr>
-    			<td>{{ subscription.mlist }}</td>
-    			<td>{{ subscription.address }}</td>
-    			<td>{{ subscription.role }}</td>
-    			<td>{{ subscription.preferences.delivery_mode }}</td>
-    		</tr>
-            {% endfor %}
-    	</tbody>
-    </table>
+    {% user_nav 'subscriptions' %}
+    <div class="panel panel-default">
+        <div class="panel-heading"><h1 class="panel-title">{% trans 'List Subscriptions' %}</h1></div>
+        <div class="panel-body">
+            <p>{% trans 'You are subscribed to the following mailing lists' %}:</p>
+            <div class="table-responsive">
+                <table class="table table-bordered table-striped">
+                    <thead>
+                        <tr>
+                            <th>{% trans 'List Name' %}</th>
+                            <th>{% trans 'Subscription Address' %}</th>
+                            <th>{% trans 'Role' %}</th>
+                            <th>{% trans 'Delivery Mode' %}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for subscription in memberships %}
+                            <tr>
+                                <td>{{ subscription.mlist }}</td>
+                                <td>{{ subscription.address }}</td>
+                                <td>{{ subscription.role }}</td>
+                                <td>{{ subscription.preferences.delivery_mode }}</td>
+                            </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
 {% endblock main %}