diff --git a/src/core/static/imgs/backgrounds/background.jpg b/src/core/static/imgs/backgrounds/background.jpg
new file mode 100644
index 0000000..d708ec9
Binary files /dev/null and b/src/core/static/imgs/backgrounds/background.jpg differ
diff --git a/src/core/static/imgs/placeholder.png b/src/core/static/imgs/placeholder.png
deleted file mode 100644
index fa136dc..0000000
Binary files a/src/core/static/imgs/placeholder.png and /dev/null differ
diff --git a/src/core/templates/body-footer.html b/src/core/templates/body-footer.html
new file mode 100644
index 0000000..9d16e1d
--- /dev/null
+++ b/src/core/templates/body-footer.html
@@ -0,0 +1,11 @@
+<div class="container">
+    <div class="row">
+        <div class="col justify-content-center text-center">
+            <nav>
+                <a href="#">Home</a>
+                <a href="#">About</a>
+                <a href="#">Donate</a>
+            </nav>
+        </div>
+    </div>
+</div>
diff --git a/src/core/templates/body-header.html b/src/core/templates/body-header.html
new file mode 100644
index 0000000..9d16e1d
--- /dev/null
+++ b/src/core/templates/body-header.html
@@ -0,0 +1,11 @@
+<div class="container">
+    <div class="row">
+        <div class="col justify-content-center text-center">
+            <nav>
+                <a href="#">Home</a>
+                <a href="#">About</a>
+                <a href="#">Donate</a>
+            </nav>
+        </div>
+    </div>
+</div>
diff --git a/src/core/templates/header-menu.html b/src/core/templates/header-menu.html
deleted file mode 100644
index 03b9ab6..0000000
--- a/src/core/templates/header-menu.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{% extends "layout.html" %}
-{% block header_menu %}
-    <div class="container">
-        <div class="row">
-            <div class="col justify-content-center text-center">
-                <h1>Hello World!</h1>
-                <p>Using dark themed Bootstrap 4 css files...</p>
-                <p>Themes:&nbsp;<a href="https://bootswatch.com/" target="_blank">Bootswatch</a></p>
-            </div>
-        </div>
-    </div>
-{% endblock header_menu %}
diff --git a/src/core/templates/index.html b/src/core/templates/index.html
index 97a8229..8e79aa4 100644
--- a/src/core/templates/index.html
+++ b/src/core/templates/index.html
@@ -1,10 +1,10 @@
 {% extends "layout.html" %}
 
-{% block body_header %}
-<h1 style=" position: fixed; top: 0em;">Footer</h1>
-{% endblock body_header %}
+{% block body_header_additional %}
+<h1 style=" position: fixed; top: 0em;">Header</h1>
+{% endblock body_header_additional %}
 
-{% block content %}
+{% block body_content %}
     <div class="container">
         <div class="row">
             <div class="col justify-content-center text-center">
@@ -14,16 +14,16 @@
             </div>
         </div>
     </div>
-{% endblock content %}
+{% endblock body_content %}
 
 
-{% block body_footer %}
+{% block body_footer_additional %}
 <h1 style=" position: fixed; bottom: 0em;">Footer</h1>
-{% endblock body_footer %}
+{% endblock body_footer_additional %}
 
-{% block body_scripts %}
+{% block body_scripts_additional %}
     <script src="{{ url_for('static', filename='js/ui-logic.js')}}"></script>
     <script src="{{ url_for('static', filename='js/post-ajax.js')}}"></script>
     <script src="{{ url_for('static', filename='js/ajax.js')}}"></script>
     <script src="{{ url_for('static', filename='js/events.js')}}"></script>
-{% endblock body_scripts %}
+{% endblock body_scripts_additional %}
diff --git a/src/core/templates/layout.html b/src/core/templates/layout.html
index 292f278..b91333e 100644
--- a/src/core/templates/layout.html
+++ b/src/core/templates/layout.html
@@ -8,39 +8,60 @@
         <title>App</title>
     {% endif %}
 
-    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap.min.css')}}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap-datepicker.css')}}">
-
+    <!-- Site CSS -->
     {% block header_css %}
+    <!-- Bootstrap CSS -->
+        <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap.min.css')}}">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap-datepicker.css')}}">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css')}}">
+        {% block header_css_additional %}
+        {% endblock header_css_additional %}
     {% endblock %}
 
     {% block header_scripts %}
+        {% block header_scripts_additional %}
+        {% endblock header_scripts_additional %}
     {% endblock %}
-
 </head>
 <body>
+    <img id="bg" src="{{ url_for('static', filename='imgs/backgrounds/background.jpg')}}" alt="{{title}} Background Logo" />
+
 
 {% block body_header %}
+    {% include "body-header.html" %}
+
+    {% block body_header_additional %}
+    {% endblock body_header_additional%}
 {% endblock %}
 
-{% block content %}
+
+
+{% block body_content %}
+    {% block body_content_additional %}
+    {% endblock body_content_additional%}
 {% endblock %}
 
 
 {% block body_footer %}
+    {% include "body-footer.html" %}
+
+    {% block body_footer_additional %}
+    {% endblock body_footer_additional%}
 {% endblock %}
 
-<!-- For Bootstrap in this exact order... -->
-<script src="{{ url_for('static', filename='js/bootstrap/jquery-3.3.1.slim.min.js')}}"></script>
-<script src="{{ url_for('static', filename='js/bootstrap/popper.min.js')}}"></script>
-<script src="{{ url_for('static', filename='js/bootstrap/bootstrap.min.js')}}"></script>
-
-<!-- For DatePicker -->
-<script src="{{ url_for('static', filename='js/bootstrap/moment.min.js')}}"></script>
-<script src="{{ url_for('static', filename='js/bootstrap/bootstrap-datepicker.min.js')}}"></script>
 
 {% block body_scripts %}
+<!-- For Bootstrap in this exact order... -->
+    <script src="{{ url_for('static', filename='js/bootstrap/jquery-3.3.1.slim.min.js')}}"></script>
+    <script src="{{ url_for('static', filename='js/bootstrap/popper.min.js')}}"></script>
+    <script src="{{ url_for('static', filename='js/bootstrap/bootstrap.min.js')}}"></script>
+
+    <!-- For DatePicker -->
+    <script src="{{ url_for('static', filename='js/bootstrap/moment.min.js')}}"></script>
+    <script src="{{ url_for('static', filename='js/bootstrap/bootstrap-datepicker.min.js')}}"></script>
+    {% block body_scripts_additional %}
+    {% endblock body_scripts_additional%}
 {% endblock %}
 
 </body>