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>
@@ -18,11 +26,14 @@
                 {% endfor %}
             </ul>
         </div>
-    <div>
-        <a href="/announcements/add/"> New Announcement </a>
     </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