diff --git a/portfolio/templates/index.html b/portfolio/templates/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..0a488f2d51925ecd65cd7e9076c6af3656bb578b
--- /dev/null
+++ b/portfolio/templates/index.html
@@ -0,0 +1,34 @@
+{% block title %}<h1 class="text-center page-title" style="font-size: 2em; font-weight: bold; margin-bottom: 50px;">Password Protected Portfolio</h1>{% endblock title %}
+{% block content %}
+<div class="container text-center">
+  <div class="row">
+    <div class="col-md-6 offset-md-3 form-container">
+      <form method="POST" action="{{ url_for('passwordSubmit') }}">
+        {{ form.csrf_token }}
+        <div class="form-group text-center">
+          <h3 class="form-title" style="margin-bottom: 30px;">Please enter website password</h3>
+          <label for="password" style="font-size: 1.2em;">Password:</label>
+          {{ form.password(class="form-control", style="margin-top: 10px; padding: 12px 20px; font-size: 1.2em;") }}
+        </div>
+        <div class="form-group text-center">
+          {{ form.submit(class="btn btn-primary btn-block", style="margin-top: 20px; padding: 12px 20px; font-size: 1.2em;") }}
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+<div class="container mt-5">
+  <div class="row">
+    <div class="col-12">
+      {% with messages = get_flashed_messages() %}
+        {% if messages %}
+        <div class="alert alert-danger" role="alert" style="margin-top: 20px;">
+          {% for message in messages %}
+              {{ message }}
+            {% endfor %}
+          </div>
+        {% endif %}
+      {% endwith %}
+    </div>
+  </div>
+{% endblock content %}