diff --git a/smash/web/templates/equipment_and_rooms/index.html b/smash/web/templates/equipment_and_rooms/index.html
index 44d02f5a96286d22414ef31bc3c2ba4fe67aba9b..146ef7101c5db55b381143f975318a21c146900d 100644
--- a/smash/web/templates/equipment_and_rooms/index.html
+++ b/smash/web/templates/equipment_and_rooms/index.html
@@ -5,6 +5,11 @@
 {% block page_description %}
 {% endblock page_description %}
 
+{% block breadcrumb %}	
+			  <li><a href="#"><i class="fa fa-dashboard"></i> Dashboard</a></li>
+			  <li class="active">Equipment and rooms</li>
+{% endblock breadcrumb %}
+
 {% block maincontent %}
 <div class="row">
 	<div class="col-md-3">
diff --git a/smash/web/templates/mail_templates/index.html b/smash/web/templates/mail_templates/index.html
index 69bb5c01c7f97ffa86c3bee116fa82b129f81027..d4345af51bd719d1334c76192431c88d8f5a3dda 100644
--- a/smash/web/templates/mail_templates/index.html
+++ b/smash/web/templates/mail_templates/index.html
@@ -1,5 +1,78 @@
 {% extends "_base.html" %}
+{% load static %}
 
 {% block page_title %}'mail_templates'{% endblock page_title %}
 {% block page_header %}Mail templates{% endblock page_header %}
 {% block page_description %}{% endblock page_description %}
+
+{% block breadcrumb %}	
+			  <li><a href="#"><i class="fa fa-dashboard"></i> Dashboard</a></li>
+			  <li class="active">Mail templates</li>
+{% endblock breadcrumb %}
+
+{% block maincontent %}
+<div class="box-body">
+	<table id="table" class="table table-bordered table-striped">
+		<thead>
+			<tr>
+				<th>No.</th>
+				<th>Destination</th>
+				<th>Language</th>
+				<th>Title</th>
+				<th>Details</th>
+				<th>Edit</th>
+				<th>Delete</th>
+			</tr>
+		</thead>
+	<tbody>
+		<tr>
+			<td>1</td>
+			<td>Patients</td>
+			<td>english</td>
+			<td>"Thank you" letter</td>
+			<td><button type="button" class="btn btn-block btn-default">Details</button></td>
+			<td><button type="button" class="btn btn-block btn-warning">Edit</button></td>
+			<td><button type="button" class="btn btn-block btn-danger">Delete</button></td>
+		</tr>
+		<tr>
+			<td>2</td>
+			<td>Patients</td>
+			<td>english</td>
+			<td>"Dankescreiben" letter</td>
+			<td><button type="button" class="btn btn-block btn-default">Details</button></td>
+			<td><button type="button" class="btn btn-block btn-warning">Edit</button></td>
+			<td><button type="button" class="btn btn-block btn-danger">Delete</button></td>
+		</tr>
+		<tr>
+			<td>3</td>
+			<td>Doctors</td>
+			<td>english</td>
+			<td>"New Scheduling system"</td>
+			<td><button type="button" class="btn btn-block btn-default">Details</button></td>
+			<td><button type="button" class="btn btn-block btn-warning">Edit</button></td>
+			<td><button type="button" class="btn btn-block btn-danger">Delete</button></td>
+		</tr>
+	</tbody>
+	</table>
+</div>
+{% endblock maincontent %}
+
+{% block scripts %}
+	{{ block.super }}
+	
+	<script src="{% static 'AdminLTE/plugins/datatables/jquery.dataTables.min.js' %}"></script>
+	<script src="{% static 'AdminLTE/plugins/datatables/dataTables.bootstrap.min.js' %}"></script>
+	
+	<script>
+		$(function () {
+			$('#table').DataTable({
+			  "paging": true,
+			  "lengthChange": false,
+			  "searching": false,
+			  "ordering": true,
+			  "info": true,
+			  "autoWidth": false
+			});
+		});
+	</script>
+{% endblock scripts %}