diff --git a/core/templates/core/base.html b/core/templates/core/base.html
index c925c89b..917e18ab 100644
--- a/core/templates/core/base.html
+++ b/core/templates/core/base.html
@@ -1,10 +1,46 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>{% block title %}{% endblock %} | Baby Blotter</title>
+    <link rel="stylesheet"
+          href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"
+          integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
+          crossorigin="anonymous">
 </head>
-<body>
-{% block content %}{% endblock %}
+<body style="padding-top: 5rem;">
+<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+    <a class="navbar-brand" href="#">Navbar</a>
+    <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">
+            <li class="nav-item{% if request.path == '/' %} active{% endif %}">
+                <a class="nav-link" href="#">Home</a>
+            </li>
+            <li class="nav-item{% if request.path == '/baby/add' %} active{% endif %}">
+                <a class="nav-link" href="/baby/add">Add Baby</a>
+            </li>
+        </ul>
+        <form class="form-inline my-2 my-lg-0">
+            <input class="form-control mr-sm-2" type="text"
+                   placeholder="Search" aria-label="Search">
+            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">
+                Search
+            </button>
+        </form>
+    </div>
+</nav>
+
+<div class="container" style="padding: 3rem 1.5rem; text-align: center;">
+    {% block content %}{% endblock %}
+</div>
 </body>
 </html>
\ No newline at end of file
diff --git a/core/templates/core/index.html b/core/templates/core/index.html
index a734bfa5..68f957f3 100644
--- a/core/templates/core/index.html
+++ b/core/templates/core/index.html
@@ -2,4 +2,4 @@
 
 {% block title %}Welcome!{% endblock %}
 
-{% block content %}Welcome!{% endblock %}
\ No newline at end of file
+{% block content %}<h1>Hello!</h1>{% endblock %}
\ No newline at end of file
