3 files changed, 22 insertions, 3 deletions
diff --git a/app/templates/404.html b/app/templates/404.html
new file mode 100644
index 0000000..a4e9644
--- /dev/null
+++ b/app/templates/404.html
@@ -0,0 +1,7 @@
+{% extends 'base.html' %}
+
+{% block main %}
+    <h2>Oh Snap! Error 404</h2>
+    <p>The Page you are looking for cannot be found</p>
+    <p>Go Back <a href="{{ url_for('home') }}">home</a></p>
+{% endblock %}
+\ No newline at end of file
diff --git a/app/templates/about.html b/app/templates/about.html
new file mode 100644
index 0000000..d9e1c70
--- /dev/null
+++ b/app/templates/about.html
@@ -0,0 +1,7 @@
+{% extends 'base.html' %}
+
+{% block main %}
+    <h2>About Curie Web</h2>
+    <p>The Page you are looking for cannot be found</p>
+    <p>Go Back <a href="{{ url_for('home') }}">home</a></p>
+{% endblock %}
+\ No newline at end of file
diff --git a/app/templates/base.html b/app/templates/base.html
index 68fe61b..8c6b030 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -3,12 +3,17 @@
 <head>
     <meta charset="UTF-8">
     <title>Curie Web</title>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
     <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='favicons/apple-touch-icon.png') }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicons/favicon-32x32.png') }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicons/favicon-16x16.png') }}">
+    <link rel="manifest" href="{{ url_for('static', filename='favicons/site.webmanifest') }}">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-      <span class="navbar-brand mb-0 h1">Curie Web</span>
+      <span class="navbar-brand mb-0 h1">🧪</span>
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
@@ -31,7 +36,7 @@
     </nav>
     <header class="jumbotron jumbotron-fluid">
         <div class="container">
-            <h1>Curie Web Demo</h1>
+            <h1>Curie Web</h1>
         </div>
     </header>
     <main>