applied css to style announcements.html

widget_princessgabi/announcementboard/templates/announcementboard/announcements.html

 {% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" href="{% static 'announcements.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 Announcement Board {% endblock %}
 {% block header %}
 <h1> Welcome to Widget's Announcement Board! </h1>
 {% endblock %}
 
+{% block body %}
 {% block content %}
+<div class="main">
+    <div class="list">
 <h2> Announcements: </h2><br>
-    <div>
-        <ul>
-            {% for announcement in announcements %}
-            <li>
-                <a href="{{ announcement.get_absolute_url }}">
-                    {{ announcement.title }} by {{ announcement.author.first_name }} {{ announcement.author.last_name }}
-                </a>
-            </li>
-            {% endfor %}
-        </ul>
-    </div>
-    <div>
-        <a href="/announcements/add/"> New Announcement </a>
+        <div>
+            <ul>
+                {% for announcement in announcements %}
+                <li>
+                    <a href="{{ announcement.get_absolute_url }}">
+                        {{ announcement.title }} by {{ announcement.author.first_name }} {{ announcement.author.last_name }}
+                    </a>
+                </li>
+                {% endfor %}
+            </ul>
+        </div>
     </div>
+    <a href="/announcements/add/"> New Announcement </a>
+</div>
+{% endblock %}
+<div class="links">
     <a href="/dashboard/"> Dashboard </a>
     <a href="/forum/"> Forum </a>
     <a href="/assignments/"> Assignments </a>
     <a href="/calendar/"> Calendar </a>
+</div>
 {% endblock %}
\ No newline at end of file