diff --git a/.gcloudignore b/.gcloudignore
new file mode 100644
index 0000000..a987f11
--- /dev/null
+++ b/.gcloudignore
@@ -0,0 +1,19 @@
+# This file specifies files that are *not* uploaded to Google Cloud Platform
+# using gcloud. It follows the same syntax as .gitignore, with the addition of
+# "#!include" directives (which insert the entries of the given .gitignore-style
+# file at that point).
+#
+# For more information, run:
+#   $ gcloud topic gcloudignore
+#
+.gcloudignore
+# If you would like to upload your .git directory, .gitignore file or files
+# from your .gitignore file, remove the corresponding line
+# below:
+.git
+.gitignore
+
+# Python pycache:
+__pycache__/
+# Ignored by the build system
+/setup.cfg
\ No newline at end of file
diff --git a/UnitTests/test.py b/UnitTests/test.py
new file mode 100644
index 0000000..f12e5b7
--- /dev/null
+++ b/UnitTests/test.py
@@ -0,0 +1,70 @@
+from app import app
+import unittest
+
+
+class FlaskTestCase(unittest.TestCase):
+
+    def test_about (self):
+        tester=app.test_client(self)
+        response=tester.get('/about', content_type='html/text')
+        self.assertEqual(response.status_code,200)
+
+    def test_account(self):
+        tester = app.test_client(self)
+        response = tester.get('/account', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_afterAmend(self):
+        tester = app.test_client(self)
+        response = tester.get('/afterAmend', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_afterDelete(self):
+        tester = app.test_client(self)
+        response = tester.get('/afterDelete', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_afterOrder(self):
+        tester = app.test_client(self)
+        response = tester.get('/afterOrder', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_amendOrder(self):
+        tester = app.test_client(self)
+        response = tester.get('/amendOrder', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_deleteOrder(self):
+        tester = app.test_client(self)
+        response = tester.get('/deleteOrder', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_home(self):
+        tester = app.test_client(self)
+        response = tester.get('/home', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_login(self):
+        tester = app.test_client(self)
+        response = tester.get('/login', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_newOrder(self):
+        tester = app.test_client(self)
+        response = tester.get('/newOrder', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_signUp(self):
+        tester = app.test_client(self)
+        response = tester.get('/signUp', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+    def test_userOrder(self):
+        tester = app.test_client(self)
+        response = tester.get('/userOrder', content_type='html/text')
+        self.assertEqual(response.status_code, 200)
+
+
+
+if __name__ == '__main__':
+    unittest.main()
diff --git a/app.yaml b/app.yaml
new file mode 100644
index 0000000..a0931a8
--- /dev/null
+++ b/app.yaml
@@ -0,0 +1,27 @@
+# Copyright 2021 Google LLC
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+runtime: python39
+
+handlers:
+  # This configures Google App Engine to serve the files in the app's static
+  # directory.
+- url: /static
+  static_dir: static
+
+  # This handler routes all requests not caught above to your main app. It is
+  # required when static routes are defined, but can be omitted (along with
+  # the entire handlers section) when there are no static files defined.
+- url: /.*
+  script: auto
diff --git a/index.yaml b/index.yaml
new file mode 100644
index 0000000..966f55b
--- /dev/null
+++ b/index.yaml
@@ -0,0 +1,21 @@
+# Copyright 2021 Google LLC
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+indexes:
+
+- kind: visit
+  ancestor: yes
+  properties:
+  - name: timestamp
+    direction: desc
diff --git a/main.py b/main.py
new file mode 100644
index 0000000..500bb3e
--- /dev/null
+++ b/main.py
@@ -0,0 +1,259 @@
+#import packages needed
+import datetime
+from flask import Flask, render_template, request, jsonify,redirect, url_for
+import json
+import requests
+from google.auth.transport import requests as grequests
+from google.cloud import datastore
+import google.oauth2.id_token
+import pymongo
+import logging
+from bson.objectid import ObjectId
+
+#connect to firebase
+firebase_request_adapter = grequests.Request()
+
+# [START gae_python38_datastore_store_and_fetch_user_times]
+# [START gae_python3_datastore_store_and_fetch_user_times]
+datastore_client = datastore.Client()
+
+#configure flask
+app = Flask(__name__)
+
+
+#Get users email from firebase
+def store_time(email, dt):
+    entity = datastore.Entity(key=datastore_client.key('User', email, 'visit'))
+    entity.update({
+        'timestamp': dt
+    })
+
+    datastore_client.put(entity)
+
+
+#Get the last 3 logind of user from firebase
+def fetch_times(email, limit):
+    ancestor = datastore_client.key('User', email)
+    query = datastore_client.query(kind='visit', ancestor=ancestor)
+    query.order = ['-timestamp']
+    times = query.fetch(limit=limit)
+    return times
+
+
+#Configure MongoDB connection
+mongoClient = pymongo.MongoClient(
+   "mongodb+srv://edward:Edward99@assignment.8snc4.mongodb.net/assignment?retryWrites=true&w=majority")
+mongoDB = mongoClient['ADUnit']
+
+
+# Stores the order into Mongo collection
+def store_post_mongodb(name, email, item, address, postcode, eta):
+    collection = mongoDB['orders']
+    # email will not be added, as author parameter will be used to identify individual users posts
+    json_data = {"name": name, "email": email, "item": item, "address": address,
+                 "postcode": postcode,"eta": eta}
+    collection.insert_one(json_data).inserted_id    
+
+# Amends the order into Mongo collection 
+def amend_post_mongodb(orderNo, name, email, item, postcode, address, eta):
+    collection = mongoDB['orders']
+    query = {"_id": ObjectId(orderNo)}
+    newData = {"name": name, "email": email, "item": item, "address": address,
+                 "postcode": postcode,"eta": eta}
+    collection.replace_one(query, newData)
+
+
+# delete the order into Mongo collection 
+def delete_post_mongodb(orderNo):
+    collection = mongoDB['orders']
+    query = {"_id": ObjectId(orderNo)}
+    collection.delete_one(query)
+
+
+#------------------Define Routes----------
+@app.route('/')
+@app.route('/home')
+def home():
+    return render_template('home.html')
+
+@app.route('/login')
+def login():
+    return render_template('login.html')
+
+@app.route('/about')
+def about():
+    return render_template('about.html')
+
+@app.route('/signUp')
+def signUp():
+    return render_template('signUp.html')
+
+
+@app.route('/account')
+def account():
+    # Verify Firebase auth.
+    id_token = request.cookies.get("token")
+    error_message = None
+    claims = None
+    times = None
+
+    if id_token:
+        try:
+            # Verify the token against the Firebase Auth API. This example
+            # verifies the token on each page load. For improved performance,
+            # some applications may wish to cache results in an encrypted
+            # session store (see for instance
+            # http://flask.pocoo.org/docs/1.0/quickstart/#sessions).
+            claims = google.oauth2.id_token.verify_firebase_token(
+                id_token, firebase_request_adapter)
+
+            store_time(claims['email'], datetime.datetime.now())
+            times = fetch_times(claims['email'], 3)
+           
+
+        except ValueError as exc:
+            # This will be raised if the token is expired or any other
+            # verification checks fail.
+            error_message = str(exc)
+    else:
+        return redirect("/login")
+
+    return render_template(
+        'account.html',
+        user_data=claims, error_message=error_message, times=times)
+
+
+@app.route('/userOrders')
+def getOrders():
+    # Verify Firebase auth.
+    id_token = request.cookies.get("token")
+    error_message = None
+    claims = None
+    times = None
+
+    if id_token:
+        try:
+            # Verify the token against the Firebase Auth API. This example
+            # verifies the token on each page load. For improved performance,
+            # some applications may wish to cache results in an encrypted
+            # session store (see for instance
+            # http://flask.pocoo.org/docs/1.0/quickstart/#sessions).
+            claims = google.oauth2.id_token.verify_firebase_token(
+                id_token, firebase_request_adapter)
+            email=claims['email']
+            url = "https://europe-west2-assignment-332511.cloudfunctions.net/helloworld?email=" + email
+            uResponse = requests.get(url)
+            jResponse = uResponse.text
+            data = json.loads(jResponse)
+        
+        except ValueError as exc:
+            # This will be raised if the token is expired or any other
+            # verification checks fail.
+            error_message = str(exc)
+    else:
+        return redirect("/login")
+    return render_template('userOrders.html', data=data) 
+
+
+
+@app.route('/newOrder')
+def newOrder():
+    # Verify Firebase auth.
+    id_token = request.cookies.get("token")
+    error_message = None
+    claims = None
+    if id_token:
+        try:
+            # Verify the token against the Firebase Auth API. This example
+            # verifies the token on each page load. For improved performance,
+            # some applications may wish to cache results in an encrypted
+            # session store (see for instance
+            # http://flask.pocoo.org/docs/1.0/quickstart/#sessions).
+            claims = google.oauth2.id_token.verify_firebase_token(
+                id_token, firebase_request_adapter)
+        except ValueError as exc:
+            # This will be raised if the token is expired or any other
+            # verification checks fail.
+            error_message = str(exc)
+    else:
+        return redirect("/login")
+    return render_template(
+        'newOrder.html')
+
+    
+
+
+@app.route('/subOrder',methods=['GET', 'POST'])
+def subOrder():
+    return render_template('afterOrder.html', name=name, email=email, item=item, address=address, postcode=postcode, eta=eta)
+
+
+#------------------Amend Orders----------
+@app.route('/amendOrder')
+def amendOrder():
+    return render_template(
+        'amendOrder.html') 
+
+
+@app.route('/afterAmend', methods=['GET', 'POST'])
+def afterAmend():
+    if request.method=='GET':
+        return render_template('home.html')   
+    else:
+        orderNo = request.form['orderNo']
+        name = request.form['name']
+        email = request.form['email']
+        item = request.form['item']
+        address = request.form['address']
+        postcode = request.form['postcode']
+        eta = datetime.datetime.now() + datetime.timedelta(days=7)
+        eta = eta.date().strftime("%d%m%Y")
+        amend_post_mongodb(orderNo, name, email, item, address, postcode, eta)
+        return render_template('afterAmend.html', orderNo=orderNo, name=name, email=email, item=item, address=address, postcode=postcode, eta=eta)
+
+
+
+
+#------------------Delete Orders----------
+@app.route('/deleteOrder')
+def deleteOrder():
+    return render_template(
+        'deleteOrder.html')
+
+
+@app.route('/afterDelete', methods=['GET', 'POST'])
+def afterDelete():
+    if request.method=='GET':
+        return render_template('home.html')   
+    else:
+        orderNo = request.form['orderNo']
+        delete_post_mongodb(orderNo)
+        return render_template('afterDelete.html', orderNo=orderNo)
+
+
+ 
+
+#------------------Error Handlers----------
+@app.errorhandler(500)
+def server_error(e):
+    # Log the error and stacktrace.
+    logging.exception('An error occurred during a request.')
+    return 'An internal error occurred.', 500
+
+@app.errorhandler(404)
+def page_not_found(error):
+    return render_template('404.html'), 404
+
+
+
+
+if __name__ == '__main__':
+    # This is used when running locally only. When deploying to Google App
+    # Engine, a webserver process such as Gunicorn will serve the app. This
+    # can be configured by adding an `entrypoint` to app.yaml.
+
+    # Flask's development server will automatically serve static files in
+    # the "static" directory. See:
+    # http://flask.pocoo.org/docs/1.0/quickstart/#static-files. Once deployed,
+    # App Engine itself will serve those files as configured in app.yaml.
+    app.run(host='127.0.0.1', port=8080, debug=True)
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..6171e58
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,6 @@
+Flask==1.1.2
+google-cloud-datastore==1.15.3
+google-auth==1.23.0
+requests==2.24.0
+pymongo
+dnspython
\ No newline at end of file
diff --git a/static/FP1.jpg b/static/FP1.jpg
new file mode 100644
index 0000000..6f8f7f9
Binary files /dev/null and b/static/FP1.jpg differ
diff --git a/static/FP2.jpg b/static/FP2.jpg
new file mode 100644
index 0000000..e0021ad
Binary files /dev/null and b/static/FP2.jpg differ
diff --git a/static/FP3.jpg b/static/FP3.jpg
new file mode 100644
index 0000000..0df6bc9
Binary files /dev/null and b/static/FP3.jpg differ
diff --git a/static/FP4.jpg b/static/FP4.jpg
new file mode 100644
index 0000000..40cbed3
Binary files /dev/null and b/static/FP4.jpg differ
diff --git a/static/FP5.jpg b/static/FP5.jpg
new file mode 100644
index 0000000..96baab3
Binary files /dev/null and b/static/FP5.jpg differ
diff --git a/static/FP6.jpg b/static/FP6.jpg
new file mode 100644
index 0000000..517378e
Binary files /dev/null and b/static/FP6.jpg differ
diff --git a/static/FP7.jpg b/static/FP7.jpg
new file mode 100644
index 0000000..2f471b7
Binary files /dev/null and b/static/FP7.jpg differ
diff --git a/static/FP8.jpg b/static/FP8.jpg
new file mode 100644
index 0000000..4efa912
Binary files /dev/null and b/static/FP8.jpg differ
diff --git a/static/auth.js b/static/auth.js
new file mode 100644
index 0000000..cdc4bff
--- /dev/null
+++ b/static/auth.js
@@ -0,0 +1,15 @@
+//sign up
+const signUpForm = document.querySelector('#registrationform');
+signUpForm.addEventListener('submit', (e) => {
+  e.preventDefault();
+
+  //get user info
+  const name = signUpForm['name'].value;
+  const email = signUpForm['email'].value;
+  const password = signUpForm['password'].value;
+
+  //signUp User
+  auth.createUserWithEmailAndPassword(email, password).then(cred => {
+
+  })
+})
\ No newline at end of file
diff --git a/static/avatar.png b/static/avatar.png
new file mode 100644
index 0000000..33e7aaf
Binary files /dev/null and b/static/avatar.png differ
diff --git a/static/cart.png b/static/cart.png
new file mode 100644
index 0000000..227f7ed
Binary files /dev/null and b/static/cart.png differ
diff --git a/static/category-1.jpg b/static/category-1.jpg
new file mode 100644
index 0000000..ce8a838
Binary files /dev/null and b/static/category-1.jpg differ
diff --git a/static/category-2.jpg b/static/category-2.jpg
new file mode 100644
index 0000000..07d6aa9
Binary files /dev/null and b/static/category-2.jpg differ
diff --git a/static/category-3.jpg b/static/category-3.jpg
new file mode 100644
index 0000000..a245fd1
Binary files /dev/null and b/static/category-3.jpg differ
diff --git a/static/custom.css b/static/custom.css
new file mode 100644
index 0000000..a95b295
--- /dev/null
+++ b/static/custom.css
@@ -0,0 +1,586 @@
+/**
+* Padding for the body (to accomodate the fixed nav-bar).
+*/
+body {
+    padding-top: 5rem;
+}
+
+/**
+* Responsive Text (apparently I'm on my own here)
+* https://v4-alpha.getbootstrap.com/content/typography/#responsive-typography
+*/
+
+.account{
+    font-family: "helvetica", sans-serif;
+    text-align: center; 
+}
+
+
+
+.starter-template {
+padding: 3rem 1.5rem;
+text-align: center;
+}
+
+
+/**
+* Padding for the body (to accomodate the fixed nav-bar).
+*/
+body {
+padding-top: 5rem;
+}
+
+/**
+* Responsive Text (apparently I'm on my own here)
+* https://v4-alpha.getbootstrap.com/content/typography/#responsive-typography
+*/
+p {
+font-size: 1.2em;
+color: #555;
+}
+
+
+.starter-template {
+padding: 3rem 1.5rem;
+text-align: center;
+}
+
+*{
+    margin: 0px;
+    padding: 0px;
+    box-sizing: border-box;
+}
+
+a{
+    text-decoration: none;
+    color: #555;
+}
+
+.container{
+    max-width: 1300px;
+    margin: auto;
+    padding-left: 25px;
+    padding-right: 25px;
+}
+.row{
+    display:flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-around;
+}
+
+.col-2{
+    flex-basis: 50%;
+    min-width: 300px;
+}
+
+.col-2 img{
+    max-width:100%;
+}
+
+.col-2 h1{
+    font-size: 50px;
+    line-height: 60px;
+    margin: 25px, 0px;
+    
+}
+
+.btn{
+    display: inline-block;
+    background: #ff523b;
+    color: #fff;
+    padding: 8px 30px;
+    margin: 30px 0px;
+    border-radius: 30px;
+    transition: background 0.5s;
+}
+
+.btn:hover{
+    background: #563434;
+}
+
+.header{
+    background: radial-gradient(#fff,#D3D3D3);
+}
+
+.header .row{
+    margin-top:70px;
+}
+
+body{
+    font-family:'Poppins', sans-serif;
+}
+
+.categories{
+    margin: 70px 0px;
+}
+
+.col-3{
+    flex-basis:30%;
+    min-width:250px;
+    margin-bottom:30px;
+}
+
+.col-3 img{
+    width: 100%;
+}
+
+.col-4{
+    flex-basis:25%;
+    padding: 10px;
+    min-width: 200px;
+    margin-bottom: 50px;
+    transition: transform 0.5s;
+}
+
+.col-4 img{
+    width: 100%;
+}
+
+.col-4:hover{
+    transform: translateY(-10px);
+}
+
+.rating{
+    list-style-type: none;
+    color: #ff523b;
+}
+
+.title{
+    text-align: center;
+    margin:  auto 80px;
+    position: relative;
+    line-height:60px;
+    color: #555
+}
+
+.title::after{
+    content:'';
+    background: #ff523b;
+    width: 80px; 
+    height: 5px;
+    border-radius: 5px;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);	
+}
+
+h4{
+    color: #555;
+    font-weight: normal;	
+}
+
+.col-4 p{
+    font-size: 14px;
+}
+
+
+.offer{
+    background: radial-gradient(#fff,#D3D3D3);
+}
+
+.small-container{
+    max-width: 1080px;
+    margin: auto;
+    padding-left: 25px;
+    padding-right: 25px;
+}
+
+/*-----------Navigation------*/
+.navbar{
+    display: flex;
+    align-items: center;
+    padding: 20px;
+}
+nav{
+    flex: 1; 
+    text-align: right;
+}
+nav ul{
+    display: inline-block;
+    list-style-type: none;
+}
+nav ul li{
+    display: inline-block;
+    margin-right: 50px;
+}
+
+/*-----------Single Product------*/
+.single-product .col-2 img{
+    padding: 0;
+    min-width: 300px;
+}
+
+.single-product .col-2{
+    padding: 20px;
+    flex-basis: 50%;
+    min-width: 300px;
+}
+.single-product h4{
+    margin:20px 0;
+    font-size:22px;
+    font-weight: bold;
+}
+
+.single-product input{
+    width: 50px;
+    height: 40px;
+    padding-left: 10px;
+    font-size: 20px;
+    margin-right: 10px;
+    border: 1px solid #ff523b;
+}
+
+
+/*-----------Reviews------*/
+.reviews{
+    padding-top: 10px;
+    background: radial-gradient(#fff,#D3D3D3);
+}
+
+.reviews .col-3{
+    text-align: center;
+    padding: 40px 20px;
+    box-shadow:0 0 20px 0px rgba(0,0,0,0.1);
+    cursor: pointer;
+    transition: transform 0.5s;
+}
+
+.reviews .col-3 img{
+    width: 50px;
+    margin-top: 20px;
+    border-radius:50%
+    
+}
+
+.reviews .col-3:hover{
+    transform: translateY(-10px);
+}
+
+/*-----------Footer------*/
+.footer{
+    background: #000;
+    color: #8a8a8a;
+    font-size: 14px;
+    padding: 60px 0 20px;
+}
+
+.footer p{
+    color: #8a8a8a;
+}
+
+.footer h3{
+    color: #fff;
+    margin-bottom: 20px;
+}
+
+.footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4{
+    min-width: 250px;
+    margin-bottom: 20px;
+}
+
+.footer-col-1{
+    flex-basis:30%
+}
+
+.footer-col-2{
+    flex: 1;
+    text-align: center;
+}
+
+.footer-col-2 img{
+    width: 180px;
+    margin-bottom: 20px;
+}
+
+.footer-col-3, .footer-col-4{
+    flex-basis: 12%;
+    text-align: center;
+}
+
+ul{
+    list-style-type: none;
+}
+
+.footer hr{
+    border: none;
+    background: b5b5b5;
+    height: 1px;
+    margin: 20px 0;
+}
+
+.copyright{
+    text-align: center;
+}
+
+
+/*-----------Menu Icon------*/
+
+
+.menu-icon{
+    width: 28px;
+    /*margin-left: 20px;*/
+    display: none;
+}
+
+
+/*-----------Sort Product------*/
+
+.row-2{
+    justify-content: space-between;
+    margin: 100px auto 50px;
+}
+
+select{
+    border: 1px solid #ff523b;
+    padding: 5px;
+}
+
+select:focus{
+    outline: none;
+}
+
+.page-btn{
+    margin: 0 auto 80px;
+}
+
+.page-btn span{
+    display: inline-block;
+    border: 1px solid #ff523b;
+    margin-left: 10px;
+    width: 40px;
+    height: 40;
+    text-align: center;
+    line-height: 40px;
+    cursor: pointer;
+}
+
+.page-btn span:hover{
+    background: #ff523b;
+    color: #fff;
+}
+
+/*----------about page-----------*/
+.aboutcolumn {
+  float: left;
+  width: 33.3%;
+  margin-bottom: 16px;
+  padding: 0 8px;
+}
+
+.aboutperson {
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+  margin: 8px;
+}
+.aboutperson:hover{
+    transform: translateY(-10px);
+}
+
+.aboutinfo{
+    text-align: center;
+    color: white
+}
+
+.aboutUs {
+  padding: 50px;
+  text-align: center;
+  background-color: #474e5d;
+  color: white;
+}
+
+.aboutcontainer {
+  padding: 0 16px;
+}
+
+.aboutcontainer::after, .aboutrow::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+.title {
+  color: grey;
+}
+
+.button {
+  border: none;
+  outline: 0;
+  display: inline-block;
+  padding: 8px;
+  color: white;
+  background-color: #000;
+  text-align: center;
+  cursor: pointer;
+  width: 100%;
+}
+
+.button:hover {
+  background-color: #555;
+}
+
+@media screen and (max-width: 650px) {
+  .column {
+    width: 100%;
+    display: block;
+  }
+}
+
+/*----------newOrder Page-----------*/
+.nop1 {
+    flex-basis: 30%;
+    min-width: 250px;
+    margin-bottom: 30px;
+}
+
+.nop2 {
+    flex-basis: 30%;
+    min-width: 500px;
+    margin-bottom: 30px;
+}
+
+input[type=text], select {
+  width: 100%;
+  padding: 12px 20px;
+  margin: 8px 0;
+  display: inline-block;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+input[type=submit] {
+  width: 100%;
+  background-color: #ff523b;
+  color: white;
+  padding: 14px 20px;
+  margin: 8px 0;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+input[type=submit]:hover {
+  background-color: #45a049;
+}
+
+.order {
+    background: radial-gradient(#fff, #D3D3D3);
+}
+
+/*----------404 Page-----------*/
+
+.error{
+    flex-basis: 30%;
+    min-width: 1000px;
+    margin-bottom: 30px;
+    text-align: center;
+}
+
+.error p{
+    font-size: 400px;
+    color: #ff523b;
+    text-align: center;
+}
+
+.error h2{
+    font-size: 75px;
+    color: #ff523b;
+    text-align: center;
+}
+
+.error h1{
+    font-size: 25px;
+    text-align: center;
+}
+
+
+.error h3{
+    font-size: 40px;
+    text-align: center;
+}
+
+.errorButton {
+    background-color: #ff523b;
+    border: none;
+    color: white;
+    padding: 20px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 4px 2px;
+    width: 150px;
+    height: auto;
+    border-radius: 12px;
+    align-content: center;
+    text-align: center;
+}
+
+/*----------account page-----------*/
+.accountTitle{
+    text-align: center;
+    margin:  auto 80px;
+    position: relative;
+    line-height:60px;
+    color: #555;
+    font-size: 50px;
+}
+
+.userInfo{
+    text-align: center;
+    position: relative;
+    line-height:60px;
+    font-size: 20px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.userInfoTitle{
+    text-align: center;
+    position: relative;
+    line-height:60px;
+    font-size: 30px;
+    text-decoration: underline;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+
+.accountTitle::after{
+    content:'';
+    background: #ff523b;
+    width: 80px;
+    height: 5px;
+    border-radius: 5px;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+
+
+.accountImg{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    max-width:10%;
+}
+
+
+.ordersCol-3{
+    flex-basis:30%;
+    min-width:250px;
+    margin-bottom:30px;
+}
+
+.ordersCol-2 h1{
+    font-size: 50px;
+    line-height: 60px;
+    margin: 25px,0px;
+    text-align: center;
+    text-decoration: underline;
+}
diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..d3327ca
Binary files /dev/null and b/static/favicon.png differ
diff --git a/static/forumpost.js b/static/forumpost.js
new file mode 100644
index 0000000..240bf67
--- /dev/null
+++ b/static/forumpost.js
@@ -0,0 +1,22 @@
+$(document).ready(function() {
+	$('form').on('submit', function(event) {
+		$.ajax({
+			data : {
+				title : $('#title').val(),
+				content : $('#content').val()
+			},
+			type : 'POST',
+			url : '/createpost'
+		}).done(function(data) {
+			if (data.error) {
+				$('#errorAlert').text(data.error).show();
+				$('#successAlert').hide();
+			} else {
+				$('#successAlert').text(data.message).show();
+				$('#errorAlert').hide();
+			}
+		});
+
+		event.preventDefault();
+	});
+});
\ No newline at end of file
diff --git a/static/headshot1.jpg b/static/headshot1.jpg
new file mode 100644
index 0000000..7422146
Binary files /dev/null and b/static/headshot1.jpg differ
diff --git a/static/headshot2.jpg b/static/headshot2.jpg
new file mode 100644
index 0000000..8cc377f
Binary files /dev/null and b/static/headshot2.jpg differ
diff --git a/static/headshot3.jpg b/static/headshot3.jpg
new file mode 100644
index 0000000..ff8232a
Binary files /dev/null and b/static/headshot3.jpg differ
diff --git a/static/image3.jpg b/static/image3.jpg
new file mode 100644
index 0000000..9afdff2
Binary files /dev/null and b/static/image3.jpg differ
diff --git a/static/logo.jpeg b/static/logo.jpeg
new file mode 100644
index 0000000..d3b6ba8
Binary files /dev/null and b/static/logo.jpeg differ
diff --git a/static/menu.png b/static/menu.png
new file mode 100644
index 0000000..c239d6b
Binary files /dev/null and b/static/menu.png differ
diff --git a/static/offer.jpg b/static/offer.jpg
new file mode 100644
index 0000000..8d38c7e
Binary files /dev/null and b/static/offer.jpg differ
diff --git a/static/offer1.jpg b/static/offer1.jpg
new file mode 100644
index 0000000..1f0ff44
Binary files /dev/null and b/static/offer1.jpg differ
diff --git a/static/review1.jpg b/static/review1.jpg
new file mode 100644
index 0000000..9360fc0
Binary files /dev/null and b/static/review1.jpg differ
diff --git a/static/review2.jpg b/static/review2.jpg
new file mode 100644
index 0000000..8bb5f3e
Binary files /dev/null and b/static/review2.jpg differ
diff --git a/static/review3.jpg b/static/review3.jpg
new file mode 100644
index 0000000..377c6a0
Binary files /dev/null and b/static/review3.jpg differ
diff --git a/static/script.js b/static/script.js
new file mode 100644
index 0000000..c950fcb
--- /dev/null
+++ b/static/script.js
@@ -0,0 +1,72 @@
+/**
+ * Copyright 2018, Google LLC
+ * Licensed under the Apache License, Version 2.0 (the `License`);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an `AS IS` BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+// [START gae_python38_log]
+'use strict';
+
+window.addEventListener('load', function () {
+  document.getElementById('sign-out').onclick = function () {
+    firebase.auth().signOut();
+  };
+
+  // FirebaseUI config.
+  var uiConfig = {
+    signInSuccessUrl: '/',
+    signInOptions: [
+      // Comment out any lines corresponding to providers you did not check in
+      // the Firebase console.
+      firebase.auth.GoogleAuthProvider.PROVIDER_ID,
+      firebase.auth.EmailAuthProvider.PROVIDER_ID,
+      //firebase.auth.FacebookAuthProvider.PROVIDER_ID,
+      //firebase.auth.TwitterAuthProvider.PROVIDER_ID,
+      //firebase.auth.GithubAuthProvider.PROVIDER_ID,
+      //firebase.auth.PhoneAuthProvider.PROVIDER_ID
+
+    ],
+    // Terms of service url.
+    tosUrl: '<your-tos-url>'
+  };
+
+  firebase.auth().onAuthStateChanged(function (user) {
+    if (user) {
+      // User is signed in, so display the "sign out" button and login info.
+      document.getElementById('sign-out').hidden = false;
+      document.getElementById('login-info').hidden = false;
+      console.log(`Signed in as ${user.displayName} (${user.email})`);
+      user.getIdToken().then(function (token) {
+        // Add the token to the browser's cookies. The server will then be
+        // able to verify the token against the API.
+        // SECURITY NOTE: As cookies can easily be modified, only put the
+        // token (which is verified server-side) in a cookie; do not add other
+        // user information.
+        document.cookie = "token=" + token;
+      });
+    } else {
+      // User is signed out.
+      // Initialize the FirebaseUI Widget using Firebase.
+      var ui = new firebaseui.auth.AuthUI(firebase.auth());
+      // Show the Firebase login button.
+      ui.start('#firebaseui-auth-container', uiConfig);
+      // Update the login state indicators.
+      document.getElementById('sign-out').hidden = true;
+      document.getElementById('login-info').hidden = true;
+      // Clear the token cookie.
+      document.cookie = "token=";
+    }
+  }, function (error) {
+    console.log(error);
+    alert('Unable to log in: ' + error)
+  });
+});
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..adbdc11
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,3 @@
+.pagetitle {
+    color: #800080;
+}
\ No newline at end of file
diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..f744cf2
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<title>Error 404</title>
+<br>
+
+<div class="order">
+    <div class = "small-container">
+        <div class ="row">
+            <div class="error">
+                <br>
+                <br>
+                <p>4 0 4</p>
+                <br>
+                <br>
+                <h2>Ooops!</h2>
+                <br>
+                <h1>We couldn't find your page. Let us help you get home</h1>
+                <br>
+                <br>
+            </div>
+        </div>
+    </div>
+</div>
+
+<br>
+
+{% endblock %}
diff --git a/templates/about.html b/templates/about.html
new file mode 100644
index 0000000..3da0d90
--- /dev/null
+++ b/templates/about.html
@@ -0,0 +1,65 @@
+{% extends "base.html" %}
+{% set active_page = "about" %}
+{% block content %}
+
+
+<br>
+<div class="offer">
+    <div class = "small-container">
+        <div class ="row">
+            <div class = "col-2">
+                <img src="static/favicon.png" class="offer-img">
+            </div>
+            <div class ="col-2">
+                <p></p>
+                <h1>About Us</h1>
+                <p> We are a new luxury service and furniture store that sell furniture and offers interiordesign services. Qualified interior designers are on hand to help you design your home interior and recommend which product will best suit you. Wether this is sleek and modern or comfy and cosey, we are here to help make your house a dream home.</p>
+            </div>
+        </div>
+    </div>
+</div>
+<br></br>
+
+<div class = "small-container">
+    <div class="reviews">
+        <div class="small-container">    
+            <h2 style="text-align:center">Our Team</h2>
+            <div class="row">
+                <div class="col-3">
+                    <img src="static/headshot1.jpg" width:"75%">
+                    <div class="aboutcontainer">
+                        <h2>Jess Smith</h2>
+                        <p class="aboutrole">CEO & Founder</p>
+                        <small>I am the ceo and founder of this great company. I have put many hour into creating and making this happen and aim to evolve the company in the future</small>
+                        <br></br>
+                        <small>jsmith@adfurniture.com</small>
+                    </div>
+                </div>
+            
+                <div class="col-3">
+                    <img src="static/headshot2.jpg" width:"75%">
+                    <div class="aboutcontainer">
+                        <h2>Joe Tate</h2>
+                        <p class="aboutrole">Director</p>
+                        <small>I joined in 2019 and i took the role as Director, I manage its daily business activities and finances</small>
+                        <br></br>
+                        <small>jtate@adfurniture.com</small>
+                    </div>
+                </div>
+            
+                <div class="col-3">
+                    <img src="static/headshot3.jpg" width:"75%">
+                    <div class="aboutcontainer">
+                        <h2>Jerome Seinfeld</h2>
+                        <p class="aboutrole">PR & marketing</p>
+                        <small>Ex-comedian now working for this great company selling to end furniture</small>
+                        <br></br>
+                        <small>jseinfeld@adfurniture.com</small>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% endblock %}
diff --git a/templates/account.html b/templates/account.html
new file mode 100644
index 0000000..f0fa20d
--- /dev/null
+++ b/templates/account.html
@@ -0,0 +1,100 @@
+{% extends "base.html" %}
+{% set active_page = "account" %}
+{% block content %}
+
+  
+<!-- See https://github.com/firebase/firebaseui-web. -->
+<!-- [START gae_python38_auth_init_firebase] -->
+<!-- [START gae_python3_auth_init_firebase] -->
+<!-- *******************************************************************************************
+    * TODO(DEVELOPER): Paste the initialization snippet from:
+    * http://console.firebase.google.com > Overview > Add Firebase to your web app.
+    ***************************************************************************************** -->
+<!-- [END gae_python3_auth_init_firebase] -->
+<!-- [END gae_python38_auth_init_firebase] -->
+
+<!-- [START gae_python38_auth_include_firebaseui] -->
+<!-- [START gae_python3_auth_include_firebaseui] -->
+<script src="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.js"></script>
+<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.css">
+<!-- [END gae_python3_auth_include_firebaseui] -->
+<!-- [END gae_python38_auth_include_firebaseui] -->
+<script src="{{ url_for('static', filename='script.js') }}"></script>
+<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+<link rel="stylesheet" href="static/custom.css">
+
+
+<title>Your Account</title>
+<!-- [START gae_python38_auth_firebase_html] -->
+<!-- [START gae_python3_auth_firebase_html] -->
+<div id="firebaseui-auth-container"></div>
+
+<!--<button id="sign-out" hidden=true>Sign Out</button>-->
+
+<div id="login-info" hidden=true></div>
+</div>
+
+
+<title>Your Account</title>
+<br>
+<br>
+<div class="offer">
+    <div class = "small-container">
+        <h2 class = "title">Account Details:</h2>
+        {% if user_data %}
+            <br>
+            <img class="accountImg" src="static/avatar.png" height="30%">
+            <h2 class="userInfoTitle">Full Name:</h2>
+            <h2 class="userInfo">{{ user_data['name'] }}</h2>
+            <h2 class="userInfoTitle">Email Address:</h2>
+            <h2 class="userInfo">{{ user_data['email'] }}</h2>
+    </div>
+</div>
+<br>
+<br>
+<div class="offer">
+    <div class = "small-container">
+        <h2 class = "accountTitle">Last Logins:</h2>
+        {% for time in times %}
+            <h2 class="userInfo">{{ time['timestamp'] }}</h2>
+        {% endfor %} 
+        {% elif error_message %}
+        <h2 class="userInfo">Error: {{ error_message }}</h2>
+        {% endif %}
+    </div>
+</div>
+<br>
+<br>
+
+
+
+<!-- [END gae_python3_auth_firebase_html] -->
+<!-- [END gae_python38_auth_firebase_html] -->
+</body>
+<!-- The core Firebase JS SDK is always required and must be listed first -->
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-app.js"></script>
+
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-auth.js"></script>
+
+<!-- TODO: Add SDKs for Firebase products that you want to use
+     https://firebase.google.com/docs/web/setup#available-libraries -->
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-analytics.js"></script>
+
+<script>
+  // Your web app's Firebase configuration
+  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
+  var firebaseConfig = {
+    apiKey: "AIzaSyBdEkS9JSHcHReiE8RngoXD7yTta-us5gk",
+    authDomain: "assignment-332511.firebaseapp.com",
+    projectId: "assignment-332511",
+    storageBucket: "assignment-332511.appspot.com",
+    messagingSenderId: "933317959193",
+    appId: "1:933317959193:web:bd045c164e98bef6d01488",
+    measurementId: "G-PHHGSLFTG8"
+    };
+  // Initialize Firebase
+  firebase.initializeApp(firebaseConfig);
+  firebase.analytics();
+</script>
+
+{% endblock %}
diff --git a/templates/afterAmend.html b/templates/afterAmend.html
new file mode 100644
index 0000000..899509e
--- /dev/null
+++ b/templates/afterAmend.html
@@ -0,0 +1,36 @@
+{% extends "base.html" %}
+{% set active_page = "afterAmend" %}
+{% block content %}
+
+<br>
+<br>
+
+<div class="offer">
+    <div class = "small-container">
+        <h2 class = "title">You have amended your order:</h2>
+            <br>
+            <h2 class="userInfoTitle">Order ID:</h2>
+            <h2 class="userInfo">{{orderNo}}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Full Name:</h2>
+            <h2 class="userInfo">{{name}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Email:</h2>
+            <h2 class="userInfo">{{name}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Item:</h2>
+            <h2 class="userInfo">{{item}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Address:</h2>
+            <h2 class="userInfo">{{address}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Postcode:</h2>
+            <h2 class="userInfo">{{postcode}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Delivery Date:</h2>
+            <h2 class="userInfo">{{eta}}</h2>
+            <br>
+</div>
+
+{% endblock %}
+
diff --git a/templates/afterDelete.html b/templates/afterDelete.html
new file mode 100644
index 0000000..fc62f9d
--- /dev/null
+++ b/templates/afterDelete.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% set active_page = "afterAmend" %}
+{% block content %}
+
+<br>
+<br>
+
+<div class="offer">
+    <div class = "small-container">
+        <h2 class = "title">You have deleted your order your order:</h2>
+            <br>
+            <h2 class="userInfoTitle">Order ID:</h2>
+            <h2 class="userInfo">{{orderNo}}}</h2>
+            <br>
+
+</div>
+
+{% endblock %}
+
diff --git a/templates/afterOrder.html b/templates/afterOrder.html
new file mode 100644
index 0000000..1e1cb83
--- /dev/null
+++ b/templates/afterOrder.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+{% set active_page = "afterOrder" %}
+{% block content %}
+
+<br>
+<br>
+
+<div class="offer">
+    <div class = "small-container">
+        <h2 class = "title">Thank you for submitting an order:</h2>
+            <br>
+            <h2 class="userInfoTitle">Full Name:</h2>
+            <h2 class="userInfo">{{name}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Email:</h2>
+            <h2 class="userInfo">{{name}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Item:</h2>
+            <h2 class="userInfo">{{item}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Address:</h2>
+            <h2 class="userInfo">{{address}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Postcode:</h2>
+            <h2 class="userInfo">{{postcode}}</h2>
+            <br>
+            <h2 class="userInfoTitle">Delivery Date:</h2>
+            <h2 class="userInfo">{{eta}}</h2>
+            <br>
+</div>
+
+{% endblock %}
+
diff --git a/templates/amendOrder.html b/templates/amendOrder.html
new file mode 100644
index 0000000..f2566f2
--- /dev/null
+++ b/templates/amendOrder.html
@@ -0,0 +1,56 @@
+{% extends "base.html" %}
+{% set active_page = "amendOrder" %}
+{% block content %}
+
+<br>
+<br>
+<title>Amend Order</title>
+<div class="order">
+    <div class = "small-container">
+        <h2 class = "title">Amend An Order</h2>
+        <div class ="row">
+            <div class="nop1">
+                <br>
+                <br>
+                <img src="static/logo.jpeg" class="offer-img" width="75%" height=auto>
+                <br>
+                <p>Amend Your Order</p>
+                <br>
+                <h1>Please fill out the form to amend an order</h1>
+                <br>
+                <small>Please fill out the form to amend your order, your order ID can be seen on your orders page</small>
+            </div>
+            <div class="nop2">
+                <br>
+                <br>
+                <form class="newOrder" action="{{ url_for('afterAmend') }}" method="post">
+                    <label for="name">Enter Order Number:</label>
+                    <input type="text" name="orderNo" id="orderNo">
+                    <br>
+                    <label for="name">Enter Name:</label>
+                    <input type="text" name="name" id="name">
+                    <br>
+                    <label for="email">Enter Email:</label>
+                    <input type="text" name="email" id="email">
+                    <br>
+                    <label for="name">Enter Order Item:</label>
+                    <input type="text" name="item" id="item">
+                    <br>
+                    <label for="name">Enter Address:</label>
+                    <input type="text" name="address" id="address">
+                    <br>
+                    <label for="name">Enter Postcode:</label>
+                    <input type="text" name="postcode" id="postcode">
+                    <br>
+                    <input type="submit" value="Submit">
+                    <br>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<br>
+<br>
+
+{% endblock %}
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..4c77a8e
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="AD Furniture">
+    <meta name="author" content="Ed Priestley">
+
+    <link rel="icon" type="image/x-icon" href="static/favicon.png">
+    <!-- Bootstrap core CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+    
+    <!-- Custom styles -->
+    <link rel="stylesheet" href="static/custom.css">
+  </head>
+
+
+  <!-- Jinja2 stuff related to generating nav and setting active state-->
+  {% set navigation_bar = [('/', 'home', 'Home'), ('/about', 'about', 'About'), ('/account','account','Account'), ('/newOrder','newOrder','New Order'), ('/deleteOrder','deleteOrder','Delete Order'), ('/amendOrder','amendOrder','Amend Order'), ('/userOrders', 'userOrders', 'Your Orders'), ('/login', 'login', 'Login / Sign Out'),('/signUp', 'signUp', 'SignUp')] -%}
+
+  {% set active_page = active_page|default('home') -%}
+
+  <body>
+    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+      <!-- Navbar branding. -->
+      <!-- <a class="navbar-brand" href="#">AD Furniture</a> -->
+      <img src="static/logo.jpeg" width="10%" padding="10px">
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbarsExampleDefault">
+        <ul class="navbar-nav mr-auto">
+
+          {% for href, id, caption in navigation_bar %}
+            {% if id == active_page %}
+                <li class="nav-item active">
+                  <a class="nav-link" href="{{ href|e }}">{{ caption|e }} <span class="sr-only">(current)</span></a>
+                </li>
+            {% else %}
+                <li class="nav-item">
+                  <a class="nav-link" href="{{ href|e }}">{{ caption|e }}</a>
+                </li>
+            {% endif %}
+          {% endfor %}
+
+        </ul>
+      </div>
+    </nav>
+
+    <main role="main" class="container">
+      <!-- Page Content -->
+      <br>
+      {% block content %}
+      {% endblock %}
+      
+      <!-----------footer----------------->
+	<div class = "small-container">
+		<div class="footer">
+			<div class="container">
+				<div class="row">
+					<div class="footer-col-1">
+						<h3>Visit our shop</h3>
+						<p>visit out shops in various locations</p>
+					</div>
+					<div class="footer-col-2">
+						<img src="static/logo.jpeg">
+						<p>we aim to deliver the best quality furniture with high end service</p>
+					</div>
+					<div class="footer-col-3">
+						<h3>Useful Links</h3>
+						<ul>
+							<li>Account</li>
+							<li>Returns Policy</li>
+							<li>About Us</li>
+						</ul>
+					</div>
+					<div class="footer-col-4">
+						<h3>Follow Us</h3>
+						<ul>
+							<li>Facebook</li>
+							<li>Twitter</li>
+							<li>Instagram</li>
+							<li>Youtube</li>
+						</ul>
+					</div>
+				</div>
+			</div>	
+			<hr>
+			<p class = "copyright"> Copyright 2020 - AD L6 Assignment</p>
+			</hr>
+		</div>
+	</div>
+
+    </main>
+
+    <!-- Bootstrap core JavaScript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+  </body>
+</html>
diff --git a/templates/deleteOrder.html b/templates/deleteOrder.html
new file mode 100644
index 0000000..b4b7281
--- /dev/null
+++ b/templates/deleteOrder.html
@@ -0,0 +1,41 @@
+{% extends "base.html" %}
+{% set active_page = "deleteOrder" %}
+{% block content %}
+
+<br>
+<br>
+<title>Delete Order</title>
+<div class="order">
+    <h2 class = "title">Delete an Order</h2>
+    <div class = "small-container">
+        <div class ="row">
+            <div class="nop1">
+                <br>
+                <br>
+                <img src="static/logo.jpeg" class="offer-img" width="75%" height=auto>
+                <br>
+                <p>Delete Your Order</p>
+                <br>
+                <h1>Please fill out the form to delete an order</h1>
+                <br>
+                <small>Enter order ID then click confirm to delete order</small>
+                <br>
+            </div>
+            <div class="nop2">
+                <br>
+                <br>
+                <form class="newOrder" action="{{ url_for('afterDelete') }}" method="post">
+                    <label for="name">Enter Order Number:</label>
+                    <input type="text" name="orderNo" id="orderNo">
+                    <input type="submit" value="Submit">
+                    <br>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<br>
+<br>
+
+{% endblock %}
diff --git a/templates/home.html b/templates/home.html
new file mode 100644
index 0000000..f0b379c
--- /dev/null
+++ b/templates/home.html
@@ -0,0 +1,246 @@
+{% extends "base.html" %}
+{% set active_page = "home" %}
+{% block content %}
+
+<div class ="header">
+    <div class="container">
+        <div class ="row">
+            <div class="col-2">
+                <h1>Spruce Up Your Home <br> With A New Style!</h1>
+                <p>Cheap funiture doesnt always have to be low quality. Its about <br> modern designs, high comfort and great prices</p>
+                <a href = "" class="btn"> Explore Now &#8594;</a>
+            </div>
+            <div class="col-2">
+                <img src = "static/image3.jpg">
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-----------featured categories----------------->
+
+<div class="categories">
+    <div class = "small-container">
+        <h2 class = "title">Featured Categories</h2>
+        <div class="row">
+            <div class="col-3">
+                <img src="static/category-1.jpg">
+            </div>
+            <div class="col-3">
+                <img src="static/category-2.jpg">
+            </div>	
+            <div class="col-3">
+                <img src="static/category-3.jpg">
+            </div>
+        </div>	
+    </div>
+</div>
+
+<!-----------featured products----------------->
+
+<div class = "small-container">
+    <h2 class = "title">Featured Products</h2>
+    <div class="row">
+        <div class="col-4">
+            <img src="static/FP1.jpg">
+            <h4>Blue 2 Seater Sofa</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9734;</li>
+            </div>
+            <p>£649.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP2.jpg">
+            <h4>Orange Minamalist Sofa</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£599.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP3.jpg">
+            <h4>King Sized Bed</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£299.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP4.jpg">
+            <h4>Modern Coffee Table</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£150.00</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP5.jpg">
+            <h4>Blue 2 Seater Sofa</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9734;</li>
+            </div>
+            <p>£649.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP6.jpg">
+            <h4>Orange Minamalist Sofa</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9734;</li>
+            </div>
+            <p>£599.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP7.jpg">
+            
+            <h4>King Sized Bed</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£299.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP8.jpg">
+            <h4>Modern Coffee Table</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£150.00</p>
+        </div>
+    </div>	
+</div>
+<br></br>
+    
+<!-----------offers----------------->
+    
+<div class="offer">
+    <div class = "small-container">
+        <div class ="row">
+            <div class = "col-2">
+                <img src="static/offer1.jpg" class="offer-img">
+            </div>
+            <div class ="col-2">
+                <p>Exclusive to AD Furniture</p>
+                <h1>Five Star Interior Consultations</h1>
+                <small>The new luxury service made available to our customers. Qualified interior designers are on hand to help you design your home interior. Wether this is sleek and modern or comfy and cosey, we are here to help make your house a dream home.</small>
+            </div>
+        </div>
+    </div>
+</div>
+
+<br></br>
+<br></br>
+    
+<!-----------featured products----------------->	
+
+<div class = "small-container">
+    <h2 class = "title">New Products</h2>
+    <div class="row">
+        <div class="col-4">
+            <img src="static/FP1.jpg">
+            <h4>Blue 2 Seater Sofa</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9734;</li>
+            </div>
+            <p>£649.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP2.jpg">
+            <h4>Orange Minamalist Sofa</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£599.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP3.jpg">
+            <h4>King Sized Bed</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£299.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP4.jpg">
+            <h4>Modern Coffee Table</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£150.00</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP5.jpg">
+            <h4>Blue 2 Seater Sofa</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9734;</li>
+            </div>
+            <p>£649.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP6.jpg">
+            <h4>Orange Minamalist Sofa</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9734;</li>
+            </div>
+            <p>£599.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP7.jpg">
+            
+            <h4>King Sized Bed</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£299.99</p>
+        </div>
+        <div class="col-4">
+            <img src="static/FP8.jpg">
+            <h4>Modern Coffee Table</h4>
+            <div class="rating">
+                <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+            </div>
+            <p>£150.00</p>
+        </div>
+    </div>	
+</div>
+
+<!-----------reviews----------------->
+<div class = "small-container">
+    <div class="reviews">
+        <div class="small-container">
+            <div class="row">
+                <div class="col-3">
+                    <i class="fa fa-quote-left" style="font-size:24px"></i>
+                    <p>"AD furniture really help me. They helped me change my house from looking dull and outdated to modern and classy. THANK YOU AD FUNITURE!"</p>
+                    <div class="rating">
+                        <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+                    </div>
+                    <img src="static/review1.jpg">
+                    <h3>John Doe</h3>
+                </div>
+                
+                <div class="col-3">
+                    <i class="fa fa-quote-left" style="font-size:24px"></i>
+                    <p>"The furniture on from this store is top quality. The sofa transformed my living room!!!!"</p>
+                    <div class="rating">
+                        <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+                    </div>
+                    <img src="static/review2.jpg">
+                    <h3>Sarah Mann</h3>
+                </div>
+                <div class="col-3">
+                    <i class="fa fa-quote-left" style="font-size:24px"></i>
+                    <p>"AD furniture you  are amazing. The room speaks for itslef. Just loop at this. I would highly reommend this store to anyone. The quality is 10/10 and the interior designers are amazing"</p>
+                    <div class="rating">
+                        <li>&#9733; &#9733; &#9733; &#9733; &#9733;</li>
+                    </div>
+                    <img src="static/review3.jpg">
+                    <h3>Mike Hall</h3>
+                </div>
+            </div>
+        </div>	
+    </div>
+</div>
+<br>
+<br>
+    
+{% endblock %}
diff --git a/templates/login.html b/templates/login.html
new file mode 100644
index 0000000..d537143
--- /dev/null
+++ b/templates/login.html
@@ -0,0 +1,95 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+  <title>Sign in / Logout</title>
+
+  <!-- See https://github.com/firebase/firebaseui-web. -->
+  <!-- [START gae_python38_auth_init_firebase] -->
+  <!-- [START gae_python3_auth_init_firebase] -->
+  <!-- *******************************************************************************************
+       * TODO(DEVELOPER): Paste the initialization snippet from:
+       * http://console.firebase.google.com > Overview > Add Firebase to your web app.
+       ***************************************************************************************** -->
+  <!-- [END gae_python3_auth_init_firebase] -->
+  <!-- [END gae_python38_auth_init_firebase] -->
+ 
+  <!-- [START gae_python38_auth_include_firebaseui] -->
+  <!-- [START gae_python3_auth_include_firebaseui] -->
+  <script src="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.js"></script>
+  <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.css">
+  <!-- [END gae_python3_auth_include_firebaseui] -->
+  <!-- [END gae_python38_auth_include_firebaseui] -->
+  <script src="{{ url_for('static', filename='script.js') }}"></script>
+  <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+
+
+
+    <!-- [START gae_python38_auth_firebase_html] -->
+    <!-- [START gae_python3_auth_firebase_html] -->
+    <br>
+    <br>
+    <div class="offer">
+        <div class = "small-container">
+            <div class ="row">
+                <div class = "col-2">
+                    <div id="firebaseui-auth-container"></div>
+                </div>
+                <div class ="col-2">
+                    <p></p>
+                    <h1>Sign In Here</h1>
+                    <p> If you are already logged in you will not see the login</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <br>
+    
+    <br>
+    <br>
+    <div class="offer">
+        <div class = "small-container">
+            <div class ="row">
+                <div class = "col-2">
+                    <h1>Sign Out Here</h1>
+                    <p> If you are not logged in you will not see the signout button</p>
+                </div>
+                <div class ="col-2">
+                    <button id="sign-out" hidden=true>Sign Out</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <br>
+
+
+
+
+
+<!-- The core Firebase JS SDK is always required and must be listed first -->
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-app.js"></script>
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-auth.js"></script>
+
+<!-- TODO: Add SDKs for Firebase products that you want to use
+     https://firebase.google.com/docs/web/setup#available-libraries -->
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-analytics.js"></script>
+
+<script>
+  // Your web app's Firebase configuration
+  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
+  var firebaseConfig = {
+    apiKey: "AIzaSyBdEkS9JSHcHReiE8RngoXD7yTta-us5gk",
+    authDomain: "assignment-332511.firebaseapp.com",
+    projectId: "assignment-332511",
+    storageBucket: "assignment-332511.appspot.com",
+    messagingSenderId: "933317959193",
+    appId: "1:933317959193:web:bd045c164e98bef6d01488",
+    measurementId: "G-PHHGSLFTG8"
+  };
+  // Initialize Firebase
+  firebase.initializeApp(firebaseConfig);
+  firebase.analytics();
+</script>
+
+
+{% endblock %}
diff --git a/templates/newOrder.html b/templates/newOrder.html
new file mode 100644
index 0000000..2bfaeaa
--- /dev/null
+++ b/templates/newOrder.html
@@ -0,0 +1,55 @@
+{% extends "base.html" %}
+{% set active_page = "newOrder" %}
+{% block content %}
+
+<br>
+<br>
+<title>Submit Order</title>
+
+
+<div class="order">
+    <div class = "small-container">
+        <h2 class = "title">Submit An Order</h2>
+        <div class ="row">
+            <div class="nop1">
+                <br>
+                <br>
+                <img src="static/logo.jpeg" class="offer-img" width="75%" height=auto>
+                <br>
+                <p>Welcome to AD funiture</p>
+                <br>
+                <h1>Please fill out the form to submit an order</h1>
+                <br>
+                <small>All orders can be viewed, amended and deleted once they have been submitted. Please look to the navigation bar to do this</small>
+            </div>
+            <div class="nop2">
+                <br>
+                <br>
+                <form class="newOrder" action="{{ url_for('subOrder') }}" method="post">
+                    <label for="name">Enter Name:</label>
+                    <input type="text" name="name" id="name">
+                    <br>
+                    <label for="email">Enter Email:</label>
+                    <input type="text" name="email" id="email">
+                    <br>
+                    <label for="name">Enter Order Item:</label>
+                    <input type="text" name="item" id="item">
+                    <br>
+                    <label for="name">Enter Address:</label>
+                    <input type="text" name="address" id="address">
+                    <br>
+                    <label for="name">Enter Postcode:</label>
+                    <input type="text" name="postcode" id="postcode">
+                    <br>
+                    <input type="submit" value="Submit">
+                    <br>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<br>
+<br>
+
+{% endblock %}
diff --git a/templates/signUp.html b/templates/signUp.html
new file mode 100644
index 0000000..391334d
--- /dev/null
+++ b/templates/signUp.html
@@ -0,0 +1,74 @@
+{% extends "base.html" %}
+{% set active_page = "signUp" %}
+{% block content %}
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+<title>Registration Form</title>
+
+<br>
+<br>
+
+<div class="order">
+    <div class = "small-container">
+        <h2 class = "title">Sign Up</h2>
+        <div class ="row">
+            <div class="nop1">
+                <br>
+                <br>
+                <img src="static/logo.jpeg" class="offer-img" width="75%" height=auto>
+                <br>
+                <p>Welcome to AD funiture</p>
+                <br>
+                <h1>Please fill out the form to sign Up</h1>
+                <br>
+            </div>
+            <div class="nop2">
+                <br>
+                <br>
+                <form class="newOrder" action="" method="post" id="registrationform">
+                    <label for="email">Enter Email:</label>
+                    <input type="email" name="email" id="email">
+                    <br>
+                    <label for="name">Enter Password:</label>
+                    <input type="password" name="passwprd" id="password">
+                    <br>
+                    <button type="submit" >Register</button>
+                    <br>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-app.js"></script>
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-auth.js"></script>
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-firestore.js"></script>
+<script>
+// Your web app's Firebase configuration
+// For Firebase JS SDK v7.20.0 and later, measurementId is optional
+var firebaseConfig = {
+    apiKey: "AIzaSyBdEkS9JSHcHReiE8RngoXD7yTta-us5gk",
+    authDomain: "assignment-332511.firebaseapp.com",
+    projectId: "assignment-332511",
+    storageBucket: "assignment-332511.appspot.com",
+    messagingSenderId: "933317959193",
+    appId: "1:933317959193:web:bd045c164e98bef6d01488",
+    measurementId: "G-PHHGSLFTG8"
+};
+firebase.initializeApp(firebaseConfig);
+
+//make auth and firestore references
+const auth = firebase.auth();
+const db = firebase.firestore();
+
+//update firestore settings
+db.settings({ timestampsInSnapshots: True });
+</script>
+
+<script src="static/auth.js"></script>
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/submitted_order.html b/templates/submitted_order.html
new file mode 100644
index 0000000..523878e
--- /dev/null
+++ b/templates/submitted_order.html
@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class="starter-template">
+    <head>
+   <title>Submitted form</title>
+   <link rel="stylesheet" type="text/css" href="/static/style.css">
+ </head>
+ <body>
+   <div id="container">
+     <div class="pagetitle">
+       <h1>Thank you for submitting your order</h1>
+     </div>
+     <div id="main">
+       <p>Thanks for your submission, {{name}}!</p>
+       <p>Here's a review of the information that you sent:</p>
+       <p>
+          <strong>Name</strong>: {{name}} <br>
+          <strong>Email</strong>: {{email}} <br>
+          <strong>Order</strong>: {{order}} <br>
+          <strong>Comments</strong>: {{comments}}
+       </p>
+     </div>
+   </div>
+ </body>
+
+</div>
+
+{% endblock %}
+
+
diff --git a/templates/userOrders.html b/templates/userOrders.html
new file mode 100644
index 0000000..6123fb1
--- /dev/null
+++ b/templates/userOrders.html
@@ -0,0 +1,85 @@
+{% extends "base.html" %}
+{% set active_page = "userOrders" %}
+{% block content %}
+
+	<meta name="viewport" content="width=device-width, initial-scale=1"/>
+	<title>Your Orders</title>
+
+  	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-app.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-auth.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-storage.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+	<script src="{{ url_for('static', filename='forumpost.js') }}"></script>
+
+    <!-- [START gae_python38_auth_firebase_html] -->
+    <!-- [START gae_python3_auth_firebase_html] -->
+    <div id="firebaseui-auth-container"></div>
+
+    <button id="sign-out" hidden=true>Sign Out</button>
+
+
+    <br>
+    <br>
+
+	<div class="jumbotron text-center">
+		<h1>Your Orders</h1>
+	</div>
+
+	{% for d in data %}
+    <div class="offer">
+        <div class = "small-container">
+            <div class ="row">
+                <div class = "ordersCol-2">
+                    <h1>Order Summary</h1>
+                    <h1>number</h1>
+                </div>
+                <div class ="ordersCol-2">
+                    <br>
+                    <p><b>Full Name:</b> {{ d['name'] }}</p>
+                    <p><b>Email:</b> {{ d['email'] }}</p>
+                    <p><b>Order Item:</b>{{ d['item'] }}</p>
+                    <p><b>Delivery Address:</b>{{ d['address'] }}</p>
+                    <p><b>Delivery Postcode:</b>{{ d['postcode'] }}</p>
+                    <p><b>Delivery Date:</b>{{ d['eta'] }}</p>
+                    <br>
+                </div>
+            </div>
+        </div>
+    </div>
+    <br>
+    {% endfor %}
+</body>
+
+<!-- The core Firebase JS SDK is always required and must be listed first -->
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-app.js"></script>
+
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-auth.js"></script>
+
+<!-- TODO: Add SDKs for Firebase products that you want to use
+     https://firebase.google.com/docs/web/setup#available-libraries -->
+<script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-analytics.js"></script>
+
+<script>
+  // Your web app's Firebase configuration
+  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
+  var firebaseConfig = {
+    apiKey: "AIzaSyBdEkS9JSHcHReiE8RngoXD7yTta-us5gk",
+    authDomain: "assignment-332511.firebaseapp.com",
+    projectId: "assignment-332511",
+    storageBucket: "assignment-332511.appspot.com",
+    messagingSenderId: "933317959193",
+    appId: "1:933317959193:web:bd045c164e98bef6d01488",
+    measurementId: "G-PHHGSLFTG8"
+    };
+ 
+  // Initialize Firebase
+  firebase.initializeApp(firebaseConfig);
+  firebase.analytics();
+</script>
+
+
+{% endblock %}
\ No newline at end of file