diff --git a/basicswap/http_server.py b/basicswap/http_server.py
index 55181b5..2fecd3a 100644
--- a/basicswap/http_server.py
+++ b/basicswap/http_server.py
@@ -290,22 +290,14 @@ class HttpHandler(BaseHTTPRequestHandler):
         swap_client = self.server.swap_client
         offers = swap_client.listOffers(sent)
 
-        content = html_content_start(self.server.title, self.server.title) \
-            + '<h3>' + ('Sent ' if sent else '') + 'Offers</h3>'
-
-        content += '<table>'
-        content += '<tr><th>At</th><th>Offer ID</th><th>Coin From</th><th>Coin To</th><th>Amount From</th><th>Amount To</th><th>Rate</th></tr>'
-        for o in offers:
-            coin_from_name = getCoinName(Coins(o.coin_from))
-            coin_to_name = getCoinName(Coins(o.coin_to))
-            amount_to = (o.amount_from * o.rate) // COIN
-            content += '<tr><td>{0}</td><td><a href=/offer/{1}>{1}</a></td><td>{2}</td><td>{3}</td><td>{4}</td><td>{5}</td><td>{6}</td></tr>'.format(
-                time.strftime('%Y-%m-%d %H:%M', time.localtime(o.created_at)),
-                o.offer_id.hex(), coin_from_name, coin_to_name, format8(o.amount_from), format8(amount_to), format8(o.rate))
-
-        content += '</table>'
-        content += '<p><a href="/">home</a></p></body></html>'
-        return bytes(content, 'UTF-8')
+        template = env.get_template('offers.html')
+        return bytes(template.render(
+            title=self.server.title,
+            h2=self.server.title,
+            page_type='Sent' if sent else 'Received',
+            offers=[(time.strftime('%Y-%m-%d %H:%M', time.localtime(o.created_at)),
+                     o.offer_id.hex(), getCoinName(Coins(o.coin_from)), getCoinName(Coins(o.coin_to)), format8(o.amount_from), format8((o.amount_from * o.rate) // COIN), format8(o.rate)) for o in offers],
+        ), 'UTF-8')
 
     def page_advance(self, url_split, post_string):
         assert(len(url_split) > 2), 'Bid ID not specified'
@@ -452,19 +444,14 @@ class HttpHandler(BaseHTTPRequestHandler):
         swap_client = self.server.swap_client
         bids = swap_client.listBids(sent=sent)
 
-        content = html_content_start(self.server.title, self.server.title) \
-            + '<h3>' + ('Sent ' if sent else '') + 'Bids</h3>'
-
-        content += '<table>'
-        content += '<tr><th>At</th><th>Bid ID</th><th>Offer ID</th><th>Bid Status</th><th>ITX Status</th><th>PTX Status</th></tr>'
-        for b in bids:
-            content += '<tr><td>{0}</td><td><a href=/bid/{1}>{1}</a></td><td><a href=/offer/{2}>{2}</a></td><td>{3}</td><td>{4}</td><td>{5}</td></tr>'.format(
-                time.strftime('%Y-%m-%d %H:%M', time.localtime(b.created_at)),
-                b.bid_id.hex(), b.offer_id.hex(), getBidState(b.state), getTxState(b.initiate_txn_state), getTxState(b.participate_txn_state))
-        content += '</table>'
-
-        content += '<p><a href="/">home</a></p></body></html>'
-        return bytes(content, 'UTF-8')
+        template = env.get_template('bids.html')
+        return bytes(template.render(
+            title=self.server.title,
+            h2=self.server.title,
+            page_type='Sent' if sent else 'Received',
+            bids=[(time.strftime('%Y-%m-%d %H:%M', time.localtime(b.created_at)),
+                   b.bid_id.hex(), b.offer_id.hex(), getBidState(b.state), getTxState(b.initiate_txn_state), getTxState(b.participate_txn_state)) for b in bids],
+        ), 'UTF-8')
 
     def page_watched(self, url_split, post_string):
         swap_client = self.server.swap_client
diff --git a/basicswap/templates/bids.html b/basicswap/templates/bids.html
new file mode 100644
index 0000000..68c27f8
--- /dev/null
+++ b/basicswap/templates/bids.html
@@ -0,0 +1,16 @@
+{% include 'header.html' %}
+
+<h3>{{ page_type }} Bids</h3>
+{% if refresh %}
+<p>Page Refresh: {{ refresh }} seconds</p>
+{% endif %}
+
+<table>
+<tr><th>At</th><th>Bid ID</th><th>Offer ID</th><th>Bid Status</th><th>ITX Status</th><th>PTX Status</th></tr>
+{% for b in bids %}
+<tr><td>{{ b[0] }}</td><td><a href=/bid/{{ b[1] }}>{{ b[1] }}</a></td><td><a href=/offer/{{ b[2] }}>{{ b[2] }}</a></td><td>{{ b[3] }}</td><td>{{ b[4] }}</td><td>{{ b[5] }}</td></tr>
+{% endfor %}
+</table>
+
+<p><a href="/">home</a></p>
+</body></html>
diff --git a/basicswap/templates/offers.html b/basicswap/templates/offers.html
new file mode 100644
index 0000000..11a821d
--- /dev/null
+++ b/basicswap/templates/offers.html
@@ -0,0 +1,16 @@
+{% include 'header.html' %}
+
+<h3>{{ page_type }} Offers</h3>
+{% if refresh %}
+<p>Page Refresh: {{ refresh }} seconds</p>
+{% endif %}
+
+<table>
+<tr><th>At</th><th>Offer ID</th><th>Coin From</th><th>Coin To</th><th>Amount From</th><th>Amount To</th><th>Rate</th></tr>
+{% for o in offers %}
+<tr><td>{{ o[0] }}</td><td><a href=/offer/{{ o[1] }}>{{ o[1] }}</a></td><td>{{ o[2] }}</td><td>{{ o[3] }}</td><td>{{ o[4] }}</td><td>{{ o[5] }}</td><td>{{ o[6] }}</td></tr>
+{% endfor %}
+</table>
+
+<p><a href="/">home</a></p>
+</body></html>