diff --git a/src/tjts5901/templates/addItem.html b/src/tjts5901/templates/addItem.html
index 310b969c9d19f2a4ef0f520d260c55e787809bcc..46734121041f4c47a7fc4d7d7019e06b2a3fd102 100644
--- a/src/tjts5901/templates/addItem.html
+++ b/src/tjts5901/templates/addItem.html
@@ -1,43 +1,31 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <title>Add item</title>
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
- </head>
- <body>
- <header>
+{% extends 'base.html' %}
- </header>
- <main>
- <form class="container-fluid" action="{{ url_for('views.add_item') }}" method="POST" enctype="multipart/form-data">
- <div class="container">
- <div class="mb-3">
- <label for="email" class="form-label">Email address</label>
- <input type="email" class="form-control" id="email" name="email" aria-describedby="emailHelp">
- </div>
- <div class="mb-3">
- <label for="nItem" class="form-label">Item's name</label>
- <input type="text" class="form-control" id="nItem" name="nItem">
- </div>
- <div class="mb-3">
- <label for="description" class="form-label">Description</label>
- <textarea class="form-control" id="description" name="description" maxlength="700"></textarea>
- </div>
- <div class="mb-3">
- <label for="sPrice" class="form-label">Starting price</label>
- <input type="number" class="form-control" id="sPrice" name="sPrice" min="0" max="100000000">
- </div>
- <div class="mb-3">
- <label for="image" class="form-label">Image</label>
- <input type="file" class="form-control" id="image" name="image">
- </div>
- <button type="submit" class="btn btn-primary">Submit</button>
- </div>
- </form>
- </main>
- <footer>
+{% block header %}
+<h1>{% block title %}Access tokens{% endblock %}</h1>
+{% endblock %}
- </footer>
- </body>
-</html>
\ No newline at end of file
+{% block content %}
+<div class="container">
+ <div class="mb-3">
+ <label for="email" class="form-label">Email address</label>
+ <input type="email" class="form-control" id="email" name="email" aria-describedby="emailHelp">
+ </div>
+ <div class="mb-3">
+ <label for="nItem" class="form-label">Item's name</label>
+ <input type="text" class="form-control" id="nItem" name="nItem">
+ </div>
+ <div class="mb-3">
+ <label for="description" class="form-label">Description</label>
+ <textarea class="form-control" id="description" name="description" maxlength="700"></textarea>
+ </div>
+ <div class="mb-3">
+ <label for="sPrice" class="form-label">Starting price</label>
+ <input type="number" class="form-control" id="sPrice" name="sPrice" min="0" max="100000000">
+ </div>
+ <div class="mb-3">
+ <label for="image" class="form-label">Image</label>
+ <input type="file" class="form-control" id="image" name="image">
+ </div>
+ <button type="submit" class="btn btn-primary">Submit</button>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/src/tjts5901/templates/listBid.html b/src/tjts5901/templates/listBid.html
index 38c1d1e20e2b38793a5e5932e6ea365da8c0f7d3..be83e8dfbb6777cf117d03aeeb3ff9c6f31da604 100644
--- a/src/tjts5901/templates/listBid.html
+++ b/src/tjts5901/templates/listBid.html
@@ -1,5 +1,10 @@
-<!DOCTYPE html>
-<html lang="en">
+{% extends 'base.html' %}
+
+{% block header %}
+ <h1>{% block title %}Access tokens{% endblock %}</h1>
+{% endblock %}
+
+{% block content %}
<head>
<meta charset="utf-8">
<title>View items</title>
@@ -51,4 +56,5 @@
</footer>
</body>
-</html>
\ No newline at end of file
+</html>
+{% endblock %}
\ No newline at end of file