edited dashboard.html

widget_princessgabi/dashboard/templates/dashboard/dashboard.html

 {% extends 'base.html' %}
 
 {% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" href="{% static 'dashboard.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 v2{% endblock %}
+{% block header %}
+<h1>Welcome to Widget!</h1>
+{% endblock %}
 
+{% block body %}
 {% block content %}
-    <h1>Welcome to Widget!</h1>
-
-    <h2>Widget Users:</h2>
-    <ul>
-        {% for user in users %}
+<div class="main">
+    <div class="list">
+        <h2>Widget Users:</h2>
+        <ul>
+            {% for user in users %}
             <li>
-                <a href = "{{ user.get_absolute_url }}">{{ user.last_name }}, {{ user.first_name }}</a>
+                <a href="{{ user.get_absolute_url }}">{{ user.last_name }}, {{ user.first_name }}</a>
             </li>
-        {% endfor %}
-    </ul>
-
-    <a href = "/dashboard/widgetusers/add">Add Widget User</a>
-
-    <div>
-        <a href = "../announcements">Announcement Board</a>
-        <a href = "../forum">Forum</a>
-        <a href = "../assignments">Assignments</a>
-        <a href = "../calendar">Calendar</a>
+            {% endfor %}
+        </ul>
     </div>
-
+    <a href="/dashboard/widgetusers/add" class="add-btn"><i class="fa fa-plus"></i> Add Widget User</a>
+</div>
+{% endblock %}
+<div class="links">
+    <a href="../announcements">Announcement Board</a>
+    <a href="../forum">Forum</a>
+    <a href="../assignments">Assignments</a>
+    <a href="../calendar">Calendar</a>
+</div>
 {% endblock %}
\ No newline at end of file