diff --git a/templates/base.html b/templates/base.html
index 9d1ffc5..0afe229 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,13 +5,22 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
+
 <style type="text/css">
-body{
+body {
   font-family: monospace;
-  margin:40px auto;max-width:700px;line-height:1.6;font-size:18px;color:#444;padding:0 10px}
-  h1,h2,h3{line-height:1.2}
-  .text-nowrap { white-space:nowrap; }
-  .text-end { text-align: right; }
+  margin: 40px auto;
+  max-width: 1040px;
+  line-height: 1.6;
+  font-size: 18px;
+  color: #444;
+  padding: 0 10px
+}
+h1, h2, h3{line-height:1.2}
+.text-nowrap { white-space:nowrap; }
+.text-end { text-align: right; }
+// img { max-width: 100%; height: auto; }
 </style>
 
 <title>{% block title %}Xanadu{% endblock %}</title>
@@ -21,10 +30,11 @@ body{
 </head>
 
 <body>
+  {% include "navbar.html" %}
 {% block content %}
 {% endblock %}
 
-{% block scripts %}
+{% block script %}
 {% endblock %}
 
 </body>
diff --git a/templates/navbar.html b/templates/navbar.html
new file mode 100644
index 0000000..1c19061
--- /dev/null
+++ b/templates/navbar.html
@@ -0,0 +1,5 @@
+<p>
+  <a href="{{ url_for("index") }}">home</a>
+  | <a href="{{ url_for("events_page") }}">events</a>
+  | <a href="{{ url_for("top_speakers_page") }}">speakers</a>
+</p>
