diff --git a/templates/bgp_peer_graph.html b/templates/bgp_peer_graph.html
new file mode 100644
index 0000000..66f50d1
--- /dev/null
+++ b/templates/bgp_peer_graph.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+
+{% block title %}AS215085 - Router tools | BGP Peer History{% endblock %}
+
+{% block content %}
+<section id="graph-container">
+    <h2>Prefix History for {{ neighbor_ip }}</h2>
+    
+    <div class="d-flex justify-content-end align-items-center mb-3">
+        <div class="btn-group" role="group" aria-label="Time range">
+            <button type="button" class="btn btn-outline-primary active" data-range="24h">24H</button>
+            <button type="button" class="btn btn-outline-primary" data-range="7d">7D</button>
+            <button type="button" class="btn btn-outline-primary" data-range="30d">30D</button>
+			<button type="button" class="btn btn-outline-primary" data-range="90d">90D</button>
+        </div>
+        </div>
+
+    <div class="achart-wrapper-chart">
+        <canvas id="peerHistoryChart"></canvas>
+    </div>
+	<button type="button" class="btn btn-primary mt-3" onclick="window.close()">
+          <i class="fas fa-window-close"></i> Back to BGP overview
+        </button>
+</section>
+
+<script src="{{ url_for('static', filename='js/chart.js') }}"></script>
+<script src="{{ url_for('static', filename='js/chartjs-adapter-date-fns') }}"></script>
+<script>
+    const neighborIp = "{{ neighbor_ip }}";
+</script>
+<script src="{{ url_for('static', filename='js/pages/bgp_peer_graph.js') }}"></script>
+
+{% endblock %}
\ No newline at end of file