diff --git a/notes/static/notes/css/meeting.css b/notes/static/notes/css/meeting.css
index 1a1b82a..c438baf 100644
--- a/notes/static/notes/css/meeting.css
+++ b/notes/static/notes/css/meeting.css
@@ -1,30 +1,17 @@
-@import url('https://fonts.googleapis.com/css2?family=Lemonada&display=swap');
-h2 {
-    font-size: 40px;
-    margin-top: 10px;
-    text-align: center;
-    font-family: 'Lemonada', cursive;
-}
-.BulletedListBlock {
-}
-.TodoBlock {
-    font-weight: bold;
-}
+
 .SubheaderBlock {
     list-style-type: none;
     padding: 0px;
     margin: 0px;
-    font-size: 30px;
+    font-size: 30px !important;
     margin-top: 5px;
-    font-family: 'Lemonada', cursive;
+    font-weight: bold;
 }
 .SubsubheaderBlock {
     list-style-type: none;
     padding: 0px;
     margin: 0px;
-    font-size: 30px;
-    margin-top: 5px;
-    font-family: 'Lemonada', cursive;
-}
-.TextBlock {
+    font-size: 30px !important;
+    margin-top: 30px;
+    font-weight: bold;
 }
\ No newline at end of file
diff --git a/notes/templates/notes/meeting.html b/notes/templates/notes/meeting.html
index 7445b06..e2404ea 100644
--- a/notes/templates/notes/meeting.html
+++ b/notes/templates/notes/meeting.html
@@ -1,11 +1,16 @@
 {% extends 'pages/base.html' %}
 {% load static %}
+{% block title %}{{ title }}{% endblock title %}
 {% block css %}
-    <link rel="stylesheet" type="text/css" href="{% static 'notes/css/meeting.css' %}">
+<link rel="stylesheet" type="text/css" href="{% static 'notes/css/meeting.css' %}">
 {% endblock css %}
 
 {% block content %}
 <div class="container mt-5">
+<h1 class="display-4">{{ title }} - Meeting Notes</h1>
+</div>
+<hr>
+<div class="container mt-5 lead">
     {{html|safe}}
 </div>
 {% endblock content %}
\ No newline at end of file
diff --git a/notes/templates/notes/notes.html b/notes/templates/notes/notes.html
index 0f33fc2..1172a65 100644
--- a/notes/templates/notes/notes.html
+++ b/notes/templates/notes/notes.html
@@ -1,10 +1,20 @@
 {% extends 'pages/base.html' %}
 {% load static %}
+{% block title %}Meetings{% endblock title %}
 {% block css %}
-    <link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
+<link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
+<link rel="stylesheet" type="text/css" href="{% static 'notes/css/notes.css' %}">
 {% endblock css %}
 {% block content %}
 <div class="container mt-5">
-    {{html|safe}}
+<h1 class="display-4">Our Class Council Meetings</h1>
+<p class="lead">Select one to see our meeting notes - It may take a bit as it is fetching data</p>
 </div>
+<hr>
+<div class="container mt-5">
+    <center>
+    {{html|safe}}
+    </center>
+</div>
+<script src="{% static 'notes/js/notes.js' %}"></script>
 {% endblock content %}
\ No newline at end of file
diff --git a/notes/views.py b/notes/views.py
index 8a6cfab..12ed117 100644
--- a/notes/views.py
+++ b/notes/views.py
@@ -14,9 +14,25 @@ def meeting_overview(request):
         if block.id == '383b2866-a0ae-4f4e-b246-4131117721c0':
             meeting_block = block.collection
             break
-
+    sort_dict = {}
     for meeting in meeting_block.get_rows():
-        html += f'<h4><a href="/notes/meeting/{meeting.id}">{meeting.title}</a></h4>'
+        month = meeting.title.split(' ')[0].lower()
+        if month in sort_dict:
+            sort_dict[month].append(meeting)
+        else:
+            sort_dict[month] = [meeting]
+        # html = f'<h4 class="meeting"><a href="/notes/meeting/{meeting.id}">{meeting.title}</a></h4>' + html
+
+    for month in sort_dict.keys():
+        string = '<div class="wrapper">{}{}</div>'
+        button = f'<div class="button" id="button_{month}" onclick="dropdown(this, \'{month}\');"><p>{month}</p></div>'
+        tmp = '</ul></div>'
+        for meeting in sort_dict[month]:
+            tmp = f'<li class="meeting_{month}"><a href="/notes/meeting/{meeting.id}">{meeting.title}</a></li>' + tmp
+
+        tmp = f'<div class="dropdown1" id="dropdown_{month}"><ul class="content" id="content_{month}">' + tmp + '<br><br>'
+        html = string.format(button, tmp) + html
+
     return render(request, 'notes/notes.html', {'html': html})
 
 
@@ -56,7 +72,8 @@ def show_meeting(request, meeting_id):
                     break
 
     meeting_dict = dict()
-    html_dict = {meeting: '<h2>' + meeting.title.strip() + '</h2><ul>{}</ul>'}
+    title = meeting.title.strip()
+    html_dict = {meeting: '<ul>{}</ul>'}
 
     q = [meeting]
 
@@ -76,4 +93,4 @@ def show_meeting(request, meeting_id):
     html = getHtml(html_dict, meeting_dict, meeting)
     print(html)
 
-    return render(request, "notes/meeting.html", {'html': html})
+    return render(request, "notes/meeting.html", {'html': html, 'title': title})
diff --git a/pages/static/pages/css/styles.css b/pages/static/pages/css/styles.css
index f817642..414c46a 100644
--- a/pages/static/pages/css/styles.css
+++ b/pages/static/pages/css/styles.css
@@ -149,4 +149,4 @@ nav {
     100% {
          transform: translateY(0px);
     }
-}
+}
\ No newline at end of file
diff --git a/pages/templates/pages/base.html b/pages/templates/pages/base.html
index 1fdb3b2..d0dc6de 100644
--- a/pages/templates/pages/base.html
+++ b/pages/templates/pages/base.html
@@ -8,9 +8,10 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <title></title>
+        <title>2023 - {% block title %}{% endblock title %}</title>
         <meta name="description" content="Official 2023CC Website">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="icon" href="{% static 'pages/css/img/favicon.png' %}">
         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
         {% block css %}{% endblock css %}
     </head>
@@ -47,7 +48,7 @@
             </div>
         </nav>
         {% block content %}{% endblock content %}
-
+        <br><br><br>
         <!-- Optional JavaScript -->
         <!-- jQuery first, then Popper.js, then Bootstrap JS -->
         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
diff --git a/pages/templates/pages/council.html b/pages/templates/pages/council.html
index 240beb8..1368e78 100644
--- a/pages/templates/pages/council.html
+++ b/pages/templates/pages/council.html
@@ -1,5 +1,6 @@
 {% extends 'pages/base.html' %}
 {% load static %}
+{% block title %}Council{% endblock title %}
 {% block css %}
     <link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
 {% endblock css %}
diff --git a/pages/templates/pages/events.html b/pages/templates/pages/events.html
index d49fc76..919e154 100644
--- a/pages/templates/pages/events.html
+++ b/pages/templates/pages/events.html
@@ -1,14 +1,13 @@
 {% extends 'pages/base.html' %}
 {% load static %}
+{% block title %}Events{% endblock title %}
 {% block css %}
     <link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
 {% endblock css %}
 {% block content %}
-<div class="jumbotron jumbotron-fluid">
-    <div class="container mt-5">
-    <h1 class="display-4">Events</h1>
-    <p class="lead">Come and join your friends!</p>
-    </div>
+<div class="container mt-5">
+<h1 class="display-4">Events</h1>
+<p class="lead">Come and join your friends!</p>
 </div>
 <div class="container">
     <iframe src="https://calendar.google.com/calendar/embed?src=tjhsst2023%40gmail.com&ctz=America%2FNew_York" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
diff --git a/pages/templates/pages/index.html b/pages/templates/pages/index.html
index c1f8d33..7d13211 100644
--- a/pages/templates/pages/index.html
+++ b/pages/templates/pages/index.html
@@ -1,5 +1,6 @@
 {% extends 'pages/base.html' %}
 {% load static %}
+{% block title %}Home{% endblock title %}
 {% block css %}
     <link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
 {% endblock css %}
@@ -12,7 +13,7 @@
       <br>
   </div>
 </div>
-<div class="container-2">
+<div class="container">
     <h1><center><strong>2023 News</strong></center></h1>
     <br>
     <div class="row">