diff --git a/app/templates/nopaque.html.j2 b/app/templates/nopaque.html.j2
index dbdc4ce57bfb3f72895860d7caf9cea75b611e7c..d0f20afdb71fbef2d194a3468cfdfe8fea55ad9b 100644
--- a/app/templates/nopaque.html.j2
+++ b/app/templates/nopaque.html.j2
@@ -151,7 +151,7 @@
{% endif %}
</main>
- <!-- <footer class="page-footer">
+ <footer class="page-footer">
<div class="container">
<div class="row">
<div class="col s6 m3">
@@ -179,9 +179,9 @@
<a class="grey-text text-lighten-4 right" href="#!">Legal notice</a>
</div>
</div>
- </footer> -->
-
+ </footer>
+ <!--
<footer class="page-footer">
<div class="container">
<div class="row">
@@ -215,6 +215,7 @@
</div>
</div>
</footer>
+ -->
<script src="{{ url_for('static', filename='js/Materialize/materialize.min.js') }}"></script>
<script>
diff --git a/app/templates/profile/settings.html.j2 b/app/templates/profile/settings.html.j2
index 1289e5b06c6e6e5812842a1bbd397e69d1a7a836..08b9a01669ee0d0affe03e80fc4efbb0c2c4e638 100644
--- a/app/templates/profile/settings.html.j2
+++ b/app/templates/profile/settings.html.j2
@@ -23,6 +23,21 @@
</label>
</div>
</div>
+ <div class="col s12"><p> </p></div>
+ <div class="col s12 divider"></div>
+ <div class="col s12"><p> </p></div>
+ <div class="col s9">
+ <p><i class="material-icons left">notifications</i>Email notifications</p>
+ <p class="light">Receive emails when a job completes.</p>
+ </div>
+ <div class="col s3 right-align">
+ <div class="switch">
+ <label>
+ <input disabled type="checkbox">
+ <span class="lever"></span>
+ </label>
+ </div>
+ </div>
<!--
Seperate each setting with the following two elements
<div class="col s12 divider"></div>
diff --git a/app/templates/services/corpus_analysis.html.j2 b/app/templates/services/corpus_analysis.html.j2
index 652078d3e2cdf9cfb6d462fa075d1925700ef7ae..4512ef6ff321780973a052a96b08cb593c1a8f7a 100644
--- a/app/templates/services/corpus_analysis.html.j2
+++ b/app/templates/services/corpus_analysis.html.j2
@@ -3,12 +3,12 @@
{% set headline = '<i class="material-icons left service" data-service="corpus_analysis" style="font-size: inherit;"></i>Corpus analysis' %}
{% block page_content %}
-<div class="col s12 m9 l9">
- <p>Nopaque lets you create and upload as many text corpora as you want. It makes use of CQP Query Language, which allows for complex search requests with the aid of metadata and NLP tags. The results can either be displayed as text or abstract visualizations.</p>
+<div class="col s12 m3 push-m9">
+ {% include 'services/roadmap.html.j2' %}
</div>
-<div class="col m3 l3">
- {% include 'services/roadmap.html.j2' %}
+<div class="col s12 m9 pull-m3">
+ <p>Nopaque lets you create and upload as many text corpora as you want. It makes use of CQP Query Language, which allows for complex search requests with the aid of metadata and NLP tags. The results can either be displayed as text or abstract visualizations.</p>
</div>
<div class="col s12">
diff --git a/app/templates/services/nlp.html.j2 b/app/templates/services/nlp.html.j2
index ee2073c13cc53de69f5dd5f2eec2a594d1c1f37a..22df6cfb5386a71038dcd311c9b8d73f98f0935d 100644
--- a/app/templates/services/nlp.html.j2
+++ b/app/templates/services/nlp.html.j2
@@ -3,7 +3,11 @@
{% set headline = '<i class="material-icons left service" data-service="nlp" style="font-size: inherit;"></i>Natural Language Processing' %}
{% block page_content %}
-<div class="col s12 m9 l10">
+<div class="col s12 m3 push-m9">
+ {% include 'services/roadmap.html.j2' %}
+</div>
+
+<div class="col s12 m9 pull-m3">
<div class="card">
<div class="card-content">
<div class="row">
@@ -36,10 +40,6 @@
</div>
</div>
-<div class="col m3 l2">
- {% include 'services/roadmap.html.j2' %}
-</div>
-
<div class="col s12">
<h3>Submit a job</h3>
<div class="card">
diff --git a/app/templates/services/ocr.html.j2 b/app/templates/services/ocr.html.j2
index f84b81e0ddc34279e09da9ce5fbd7a6274f5ad03..76cfac6b9d06209572531e6cc426c8449a040659 100644
--- a/app/templates/services/ocr.html.j2
+++ b/app/templates/services/ocr.html.j2
@@ -3,7 +3,11 @@
{% set headline = '<i class="material-icons left service" data-service="ocr" style="font-size: inherit;"></i>Optical Character Recognition' %}
{% block page_content %}
-<div class="col s12 m9 l10">
+<div class="col s12 m3 push-m9">
+ {% include 'services/roadmap.html.j2' %}
+</div>
+
+<div class="col s12 m9 pull-m3">
<div class="card">
<div class="card-content">
<div class="row">
@@ -18,10 +22,6 @@
</div>
</div>
-<div class="col s12 m3 l2">
- {% include 'services/roadmap.html.j2' %}
-</div>
-
<div class="col s12">
<h3>Submit a job</h3>
<div class="card">
diff --git a/app/templates/services/setup_files.html.j2 b/app/templates/services/setup_files.html.j2
index 31651ccdc4bfebd36103ac49c0a55f65623c18f5..4994818097019f9726b0b3aa9ceac85ebd274a0f 100644
--- a/app/templates/services/setup_files.html.j2
+++ b/app/templates/services/setup_files.html.j2
@@ -3,7 +3,11 @@
{% set headline = '<i class="material-icons left service" data-service="setup_files" style="font-size: inherit;"></i>File setup' %}
{% block page_content %}
-<div class="col s12 m9 l10">
+<div class="col s12 m3 push-m9">
+ {% include 'services/roadmap.html.j2' %}
+</div>
+
+<div class="col s12 m9 pull-m3">
<div class="card">
<div class="card-content">
<div class="row">
@@ -18,10 +22,6 @@
</div>
</div>
-<div class="col m3 l2">
- {% include 'services/roadmap.html.j2' %}
-</div>
-
<div class="col s12">
<h3>Submit a job</h3>
<div class="card">
@@ -82,10 +82,6 @@
</div>
</div>
-<div class="col hide-on-small-only m3 l2">
- {% include 'services/roadmap.html.j2' %}
-</div>
-
<div id="progress-modal" class="modal">
<div class="modal-content">
<h4><i class="material-icons prefix">file_upload</i> Uploading files for <span class="title"></span></h4>