diff --git a/portfolio/templates/comment.html b/portfolio/templates/comment.html
new file mode 100644
index 0000000000000000000000000000000000000000..3a48dfeced5f7a0d3a5706ebc5668b130647e977
--- /dev/null
+++ b/portfolio/templates/comment.html
@@ -0,0 +1,36 @@
+{% extends 'layout.html' %}
+
+{% block title %}Comment Corner{% endblock title %}
+
+{% block content %}
+<h1>Leave a Comment</h1>
+<form method="POST" action="{{ url_for('commentposted') }}">
+  <div>
+    <label for="name">Name:</label>
+    {{ comment.name(class="form-control") }}
+  </div>
+  <div>
+    <label for="comment">Comment:</label>
+    {{ comment.comment(class="form-control") }}
+  </div>
+  {{ comment.submit() }}
+</form>
+
+<h1>Recent Comments</h1>
+<form method="POST" action="{{ url_for('comment_order') }}">
+  <label for="order">Order by date:</label>
+  {{ filter.option }}
+  {{ filter.submit() }}
+</form>
+
+<div id="comments-container">
+  {% for mycomment in recentcomments %}
+    <div class="comment-container">
+      <div class="comment-date">{{ mycomment.date }}</div>
+      <div class="comment-name">{{ mycomment.name }}</div>
+      <div class="comment-text">{{ mycomment.comment }}</div>
+    </div>
+  {% endfor %}
+</div>
+
+{% endblock content %}
\ No newline at end of file