Edited forumpost-details.html: fixed error

widget_princessgabi/forum/templates/forum/forum.html

 {% extends 'base.html' %}
 
 {% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" href="{% static 'forum.css' %}">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+{% endblock %}
 
 {% block title %}Widget's Forum{% endblock %}
 
-{% block content %}
-    <h1>Welcome to Widget's Forum!</h1>
+{% block header %}
+<h1>Welcome to Widget's Forum!</h1>
+{% endblock %}
 
-    <h2>Forum posts:</h2>
+{% block body %}
 
-    <ul>
+{% block content %}
+<div class="main">
+    <h2>Forum posts:</h2>
+    <div class="list">
+        <ol>
             {% for post in forumposts %}
-        <li>
-            <a href = "{{ post.get_absolute_url }}">
-                {{ post.title }} by {{ post.author.first_name }} {{ post.author.last_name }}
+            <a href="{{ post.get_absolute_url }}">
+                <li>{{ post.title }} by {{ post.author.first_name }} {{ post.author.last_name }}</li>
             </a>
-        </li>
             {% endfor %}
-    </ul>
-
-    <a href="../forumposts/add/">New Post</a> 
-
-    <div>
-        <a href = "../dashboard/">Dashboard</a>
-
-    <a href = "../announcements/">Announcement Board</a>
-
-    <a href = "../assignments/">Assignments</a>
-
-    <a href = "../calendar/">Calendar</a>
+        </ol>
     </div>
+    <a href="../forumposts/add/" class="add-btn"><i class="fa fa-plus"></i> New Post</a>
+</div>
+{% endblock %}
+<div class="links">
+    <a href="../dashboard/" class="btn-primary">Dashboard</a>
+    <a href="../announcements/" class="btn-primary">Announcement Board</a>
+    <a href="../assignments/" class="btn-primary">Assignments</a>
+    <a href="../calendar/" class="btn-primary">Calendar</a>
+</div>
 
 {% endblock %}
\ No newline at end of file