diff --git a/about.html b/about.html
index e69d402..7b5c91c 100644
--- a/about.html
+++ b/about.html
@@ -42,65 +42,82 @@
         </div>
     </header>
     <div id="wrapper" class="fluid">
+        <section id="contact">
+            <h2>Contact Us!</h2>
+            <div class="desc">
+                <span class="quote">
+                    "The world is moved not only by the mighty shoves of the heroes, but also by the aggregate of the tiny pushes of each honest worker."  - Helen Keller
+                </span>
+            </div>
+            <div class="desc">
+                Contact us at
+                <a href="mailto:sga.tjhsst@gmail.com">sga.tjhsst@gmail.com</a>. We would love to answer questions or hear
+                about how you think we can improve TJ!
+            </div>
+        </section>
+        <hr />
         <section id="officers">
             <h2>SGA Officers</h2>
-                <div class="officers-intro">
-                    <div class="officers-image">                 
-                    </div>
-                    <div class="officers-text">
-                        <span>Nick Begotka '18</span>
-                        <p>
-                            &nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
-                            Association's new home on the web! As you know, TJ is going through some very exciting times, and
-                            we want you to be a part of it with us.
-                        </p>
-                    </div>
+            <div class="officers-intro">
+                <div class="officers-image">
                 </div>
-                <div class="officers-intro">
-                    <div class="officers-image">                 
-                    </div>
-                    <div class="officers-text">
-                        <span>Nick Begotka '18</span>
-                        <p>
-                            &nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
-                            Association's new home on the web! As you know, TJ is going through some very exciting times, and
-                            we want you to be a part of it with us.
-                        </p>
-                    </div>
+                <div class="officers-text">
+                    <span>Nick Begotka '18</span>
+                    <p>
+                        &nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
+                        Association's new home on the web! As you know, TJ is going through some very exciting times, and
+                        we want you to be a part of it with us.
+                    </p>
                 </div>
-                <div class="officers-intro">
-                    <div class="officers-image">                 
-                    </div>
-                    <div class="officers-text">
-                        <span>Nick Begotka '18</span>
-                        <p>
-                            &nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
-                            Association's new home on the web! As you know, TJ is going through some very exciting times, and
-                            we want you to be a part of it with us.
-                        </p>
-                    </div>
+            </div>
+            <div class="officers-intro">
+                <div class="officers-image">
                 </div>
-                <div class="officers-intro">
-                    <div class="officers-image">                 
-                    </div>
-                    <div class="officers-text">
-                        <span>Nick Begotka '18</span>
-                        <p>
-                            &nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
-                            Association's new home on the web! As you know, TJ is going through some very exciting times, and
-                            we want you to be a part of it with us.
-                        </p>
-                    </div>
+                <div class="officers-text">
+                    <span>Nick Begotka '18</span>
+                    <p>
+                        &nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
+                        Association's new home on the web! As you know, TJ is going through some very exciting times, and
+                        we want you to be a part of it with us.
+                    </p>
                 </div>
+            </div>
+            <div class="officers-intro">
+                <div class="officers-image">
+                </div>
+                <div class="officers-text">
+                    <span>Nick Begotka '18</span>
+                    <p>
+                        &nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
+                        Association's new home on the web! As you know, TJ is going through some very exciting times, and
+                        we want you to be a part of it with us.
+                    </p>
+                </div>
+            </div>
+            <div class="officers-intro">
+                <div class="officers-image">
+                </div>
+                <div class="officers-text">
+                    <span>Nick Begotka '18</span>
+                    <p>
+                        &nbsp;&nbsp;&nbsp;&nbsp;Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government
+                        Association's new home on the web! As you know, TJ is going through some very exciting times, and
+                        we want you to be a part of it with us.
+                    </p>
+                </div>
+            </div>
         </section>
         <hr />
         <section id="excomm">
             <h2>SGA Executive Committee</h2>
             <div id="excomm-desc">
-                The Executive Committee (ExComm) is a integral sub-group of the SGA. Its members act as representatives of the student body. The members work with the officers to organize events and activities throughout to year. While several ExComm positions may have more specific roles, all are working towards the goals of the SGA. Applications to be on ExComm are released every June after Class Council elections have been completed.
+                The Executive Committee (ExComm) is a integral sub-group of the SGA. Its members act as representatives of the student body.
+                The members work with the officers to organize events and activities throughout to year. While several ExComm
+                positions may have more specific roles, all are working towards the goals of the SGA. Applications to be
+                on ExComm are released every June after Class Council elections have been completed.
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -108,7 +125,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -116,7 +133,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -124,7 +141,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -132,7 +149,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -140,7 +157,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -148,7 +165,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -156,7 +173,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -164,7 +181,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -172,7 +189,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -180,7 +197,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -188,7 +205,7 @@
                 </div>
             </div>
             <div class="excomm-intro">
-                <div class="excomm-image">                 
+                <div class="excomm-image">
                 </div>
                 <div class="excomm-text">
                     <span>William Zhang '18</span>
@@ -196,14 +213,18 @@
                 </div>
             </div>
         </section>
-         <hr />
+        <hr />
         <section id="senators">
             <h2>SGA Class Senators</h2>
             <div id="senators-desc">
-                Jefferson's student government is divided into school-wide student government (SGA) and grade-level student government (Class Council). While the SGA organizes school-wide events and addresses school-wide concerns and issues, Class Councils represent their grade's needs and host fundraisers and events with the goal to raise money for both Prom and Graduation at the end of senior year.  SGA Class Senators serve as Class Council members who are liaisons with the SGA.
+                Jefferson's student government is divided into school-wide student government (SGA) and grade-level student government (Class
+                Council). While the SGA organizes school-wide events and addresses school-wide concerns and issues, Class
+                Councils represent their grade's needs and host fundraisers and events with the goal to raise money for both
+                Prom and Graduation at the end of senior year. SGA Class Senators serve as Class Council members who are
+                liaisons with the SGA.
             </div>
             <div class="senator-intro">
-                <div class="senator-image">                 
+                <div class="senator-image">
                 </div>
                 <div class="senator-text">
                     <span>Sabria Kazmi '19</span>
@@ -211,7 +232,7 @@
                 </div>
             </div>
             <div class="senator-intro">
-                <div class="senator-image">                 
+                <div class="senator-image">
                 </div>
                 <div class="senator-text">
                     <span>Sabria Kazmi '19</span>
@@ -219,7 +240,7 @@
                 </div>
             </div>
             <div class="senator-intro">
-                <div class="senator-image">                 
+                <div class="senator-image">
                 </div>
                 <div class="senator-text">
                     <span>Sabria Kazmi '19</span>
@@ -227,7 +248,7 @@
                 </div>
             </div>
             <div class="senator-intro">
-                <div class="senator-image">                 
+                <div class="senator-image">
                 </div>
                 <div class="senator-text">
                     <span>Sabria Kazmi '19</span>
@@ -235,7 +256,7 @@
                 </div>
             </div>
             <div class="senator-intro">
-                <div class="senator-image">                 
+                <div class="senator-image">
                 </div>
                 <div class="senator-text">
                     <span>Sabria Kazmi '19</span>
@@ -243,7 +264,7 @@
                 </div>
             </div>
             <div class="senator-intro">
-                <div class="senator-image">                 
+                <div class="senator-image">
                 </div>
                 <div class="senator-text">
                     <span>Sabria Kazmi '19</span>
@@ -251,14 +272,15 @@
                 </div>
             </div>
         </section>
-         <hr />
-         <section id="sponsors">
-             <h2>SGA Sponsors</h2>
+        <hr />
+        <section id="sponsors">
+            <h2>SGA Sponsors</h2>
             <div id="sponsors-desc">
-                The SGA Sponsors attend all SGA meetings and functions. They also provide invaluable guidance and feedback - whether through late night emails, frigid-cold morning meetings, lunch discussions, or anything in between. 
+                The SGA Sponsors attend all SGA meetings and functions. They also provide invaluable guidance and feedback - whether through
+                late night emails, frigid-cold morning meetings, lunch discussions, or anything in between.
             </div>
             <div class="sponsor-intro">
-                <div class="sponsor-image">                 
+                <div class="sponsor-image">
                 </div>
                 <div class="sponsor-text">
                     <span>Amanda Hurowitz</span>
@@ -266,7 +288,7 @@
                 </div>
             </div>
             <div class="sponsor-intro">
-                <div class="sponsor-image">                 
+                <div class="sponsor-image">
                 </div>
                 <div class="sponsor-text">
                     <span>Marianne Razzino</span>
diff --git a/css/about.css b/css/about.css
index e8037ed..5d8ea74 100644
--- a/css/about.css
+++ b/css/about.css
@@ -1,9 +1,31 @@
-.officers-image, .excomm-image, .senator-image, .sponsor-image {
+#contact {
+    display: block;
+    text-align: center;
+}
+
+#contact>.desc {
+    font-size: 1.1em;
+}
+
+.quote {
+    color: #fff;
+    font-style: italic;
+    display: inline-block;
+    opacity: 0.7;
+}
+
+.officers-image,
+.excomm-image,
+.senator-image,
+.sponsor-image {
     width: 100%;
     height: 20vh;
 }
 
-.officers-image:after, .excomm-image:after, .senator-image:after, .sponsor-image:after {
+.officers-image:after,
+.excomm-image:after,
+.senator-image:after,
+.sponsor-image:after {
     width: 20vh;
     height: 20vh;
     content: '';
@@ -16,21 +38,32 @@
     border-radius: 50%;
 }
 
-.officers-text, #excomm-desc, .excomm-text, #senators-desc, .senator-text, #sponsors-desc, .sponsor-text {
+.officers-text,
+#excomm-desc,
+.excomm-text,
+#senators-desc,
+.senator-text,
+#sponsors-desc,
+.sponsor-text {
     font-size: 1.1em;
     color: #fff;
     width: 100%;
 }
 
-.officers-text > span, .excomm-text > span, .senator-text > span, .sponsor-text {
+.officers-text>span,
+.excomm-text>span,
+.senator-text>span,
+.sponsor-text {
     font-size: 1.4em;
     font-weight: bold;
     display: inline-block;
     width: 100%;
 }
 
-
-.officers-intro, .excomm-intro, .senator-intro, .sponsor-intro  {
+.officers-intro,
+.excomm-intro,
+.senator-intro,
+.sponsor-intro {
     text-align: center;
     margin: 2vw;
     flex-basis: calc(25% - 4vw);
@@ -38,16 +71,24 @@
     flex-wrap: wrap;
 }
 
-#excomm-desc, #senators-desc, #sponsors-desc {
-    margin: 0 7vw;
+#excomm-desc,
+#senators-desc,
+#sponsors-desc {
+    margin: 0 10vw;
 }
 
-#officers, #excomm, #senators, #sponsors {
+#officers,
+#excomm,
+#senators,
+#sponsors {
     display: flex;
     flex-wrap: wrap;
-    
 }
 
-#officers > h2, #excomm > h2, #senators > h2, #sponsors > h2 {
+#contact>h2,
+#officers>h2,
+#excomm>h2,
+#senators>h2,
+#sponsors>h2 {
     text-align: center;
 }
\ No newline at end of file
diff --git a/css/header.css b/css/header.css
index 0c99797..6206a4d 100644
--- a/css/header.css
+++ b/css/header.css
@@ -57,7 +57,6 @@ a.menu-item {
     z-index: 10;
     display: inline-block;
     float: left;
-    
 }
 
 button.menu-item {
diff --git a/css/main.css b/css/main.css
index 8e2c24d..9d3bd4f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -9,7 +9,6 @@
     src: url('../fonts/OpenSans/OpenSans-Bold.ttf')
 }
 
-
 /*http://meyerweb.com/eric/tools/css/reset/*/
 html,body,div,span,button,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
     font: inherit;
@@ -160,7 +159,13 @@ section {
     z-index: 2;
 }
 
-#intro, #updates, #officers, #excomm, #senators, #sponsors, #links {
+#intro,
+#updates,
+#officers,
+#excomm,
+#senators,
+#sponsors,
+#resources {
     display: flex;
     height: 100%;
     justify-content: center;
@@ -185,6 +190,9 @@ section h2,
 
 #intro-text {
     text-align: center;
+}
+
+#intro-text {
     width: calc(50% - 8vw);
     margin: 0 2vw;
 }
@@ -229,6 +237,22 @@ section h2,
     margin: 0.5em 0;
 }
 
-#links > h2 {
+.desc {
+    font-size: 1.1em;
+    color: #fff;
+    margin: 0.5em 5vw;
+}
+
+.list>ul {
+    font-size: 1.1em;
+    margin: 0 10vw;
+}
+
+.desc>span {
+    display: inline-block;
+}
+
+.links>h2,
+.list>h2 {
     text-align: center;
 }
\ No newline at end of file
diff --git a/css/responsive.css b/css/responsive.css
index 4ebf97f..b974a72 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -1,4 +1,7 @@
 @media screen and (max-width: 500px) {
+    ul {
+        margin: 0 10vw;
+    }
     #dome {
         display: none;
     }
@@ -15,9 +18,15 @@
     #intro-text {
         margin: 0 5vw;
     }
-    .officers-intro, .excomm-intro, .senator-intro, .sponsor-intro {
+    .officers-intro,
+    .excomm-intro,
+    .senator-intro,
+    .sponsor-intro {
         margin: 7vw;
     }
+    nav#menu {
+        overflow: hidden;
+    }
 }
 
 @media screen and (max-width: 1100px) {
@@ -74,7 +83,10 @@
     #menu-toggle {
         display: block;
     }
-    .officers-intro, .excomm-intro, .senator-intro, .sponsor-intro  {
+    .officers-intro,
+    .excomm-intro,
+    .senator-intro,
+    .sponsor-intro {
         flex-basis: calc(50% - 4vw);
     }
 }
@@ -83,7 +95,9 @@
     #intro-text,
     #intro-image,
     #tweets,
-    #feedback {
+    #feedback,
+    .list,
+    .links {
         width: 100%;
     }
     section {
@@ -95,13 +109,30 @@
     #intro-text,
     #intro-image,
     #tweets,
-    #feedback {
+    #feedback,
+    .list,
+    .links {
         max-width: 550px;
     }
+    .list>ul {
+        margin: 0 5vw;
+    }
+    .desc,
+    .list>ul {
+        font-size: 1.3em;
+    }
+    /*.officers-intro, .excomm-intro, .senator-intro, .sponsor-intro {
+        flex-basis: calc(35% - 4vw);
+    }*/
 }
 
 @media screen and (min-width: 1800px) {
     #letter {
         font-size: 1.4em;
     }
+    #excomm-desc,
+    #senators-desc,
+    #sponsors-desc {
+        margin: 0 20vw;
+    }
 }
\ No newline at end of file
diff --git a/forms-temp.html b/forms-temp.html
new file mode 100644
index 0000000..cc651d5
--- /dev/null
+++ b/forms-temp.html
@@ -0,0 +1,55 @@
+<!--<h2>February Frenzy Volleyball Tournament 2017</h2>
+            <a href="https://docs.google.com/document/d/1FPNXRipNI98REYuoBTVi6OSULJEsoa_OoCJGL1uXfiY/edit" target="_blank">
+                2017 February Frenzy Permission
+            </a>
+            <a href="https://docs.google.com/document/d/1FPNXRipNI98REYuoBTVi6OSULJEsoa_OoCJGL1uXfiY/edit" target="_blank">
+                Rules + Forms
+            </a>
+            <a href="https://docs.google.com/forms/d/e/1FAIpQLSfE1q8vWm1DzACaeBBlSm-rN-H_Go7j-JLbY938uB0il6ncHg/viewform" target="_blank">
+                2017 February Frenzy Registration
+            </a>
+
+            <h2>Middle School Leadership Conference</h2>
+            <a href="https://docs.google.com/document/d/1QENrXmRVlOlpF2bJvXxFo2us6pMyqH3F1Lf3Elb9g-4/edit?usp=sharing" target="_blank">
+                2017 Activity/Workshop Form
+            </a>
+
+            <h2>Jefferson Day 2017</h2>
+            <a href="https://docs.google.com/document/d/10iWm9I_uKcs9ONCf_MbdHkEeSaV1ZXZFluUJ8GOXYo8/edit" target="_blank">
+                J-Day Guide (courtesy of Devan Kowdley)
+            </a>
+            <a href="https://docs.google.com/spreadsheets/d/1vQMRtvvq5MFvWJQ6x0kksYTy3inxqd2rIjOhaeT2-Bg/edit#gid=0" target="_blank">
+                J-Day Performance
+            </a>
+            <a href="https://docs.google.com/spreadsheets/d/1vQMRtvvq5MFvWJQ6x0kksYTy3inxqd2rIjOhaeT2-Bg/edit#gid=0" target="_blank">
+                Schedule
+            </a>                
+            <a href="https://docs.google.com/presentation/d/1UrXJ9RDRBkNg5MrGSB0pGBs4jyqfinMq11AZBYUviMs/edit#slide=id.g1e1bf490cc_0_67"  target="_blank">
+                J-Day Map and Club Key
+            </a>
+            
+            <h2>J-Day May Madness Basketball</h2>>
+                <ul>
+                    <li>
+                        <a href="https://docs.google.com/document/d/14XifheYhCZGAuoTERynfW_7ssXLdngaApOlN2PJ1tY8/edit" target="_blank">
+                            Schedule &amp; Rules
+                        </a>
+                    </li>
+                    <li>
+                        <a href="https://docs.google.com/spreadsheets/d/1e8ux2jT1YVEUc318Ns1kQ9YGtHa9gzptvdQraOEpU1g/edit?usp=sharing" target="_blank">
+                            Seeding &amp; Roster
+                        </a>
+                    </li>
+                    <li>
+                        Updated Basketball Bracket&nbsp;→&nbsp;Coming Soon!
+                    </li>
+                    <li>
+                        <a href="/uploads/3/8/0/7/38079437/jdaybballpermissionform2016.docx">
+                            J-Day Basketball Permission Form
+                        </a>
+                    </li>
+                </ul>
+            <h2>Slivoskey Grant</h2>
+            <a href="/uploads/3/8/0/7/38079437/slivoskey-grant-application-2016.docx">
+                2016 Slivoskey Grant Application
+            </a>-->
\ No newline at end of file
diff --git a/forms.html b/forms.html
index cc651d5..27eaded 100644
--- a/forms.html
+++ b/forms.html
@@ -1,55 +1,70 @@
-<!--<h2>February Frenzy Volleyball Tournament 2017</h2>
-            <a href="https://docs.google.com/document/d/1FPNXRipNI98REYuoBTVi6OSULJEsoa_OoCJGL1uXfiY/edit" target="_blank">
-                2017 February Frenzy Permission
-            </a>
-            <a href="https://docs.google.com/document/d/1FPNXRipNI98REYuoBTVi6OSULJEsoa_OoCJGL1uXfiY/edit" target="_blank">
-                Rules + Forms
-            </a>
-            <a href="https://docs.google.com/forms/d/e/1FAIpQLSfE1q8vWm1DzACaeBBlSm-rN-H_Go7j-JLbY938uB0il6ncHg/viewform" target="_blank">
-                2017 February Frenzy Registration
-            </a>
+<!DOCTYPE html>
+<html>
 
-            <h2>Middle School Leadership Conference</h2>
-            <a href="https://docs.google.com/document/d/1QENrXmRVlOlpF2bJvXxFo2us6pMyqH3F1Lf3Elb9g-4/edit?usp=sharing" target="_blank">
-                2017 Activity/Workshop Form
-            </a>
+<head>
+    <meta charset="UTF-8">
+    <meta content="" name="description">
+    <meta content="William Zhang" name="author">
+    <meta name="theme-color" content="#1976D2" />
+    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />
+    <link href="icons/favicon.ico" rel="icon" type="image/ico">
+    <link href="css/header.css" rel="stylesheet" />
+    <link href="css/main.css" rel="stylesheet" />
+    <link href="css/footer.css" rel="stylesheet" />
+    <link href="css/responsive.css" rel="stylesheet" />
+    <title>Forms - TJSGA</title>
+</head>
 
-            <h2>Jefferson Day 2017</h2>
-            <a href="https://docs.google.com/document/d/10iWm9I_uKcs9ONCf_MbdHkEeSaV1ZXZFluUJ8GOXYo8/edit" target="_blank">
-                J-Day Guide (courtesy of Devan Kowdley)
+<body>
+    <header>
+        <div id="banner">
+            <button id="menu-toggle" class="fluid">
+                <i></i>
+            </button>
+            <h1>TJ STUDENT GOVERNMENT ASSOCIATION</h1>
+        </div>
+        <nav id="menu" class="fluid">
+            <a class="menu-item" href="index.html">
+                <button class="menu-item fluid">Home</button>
             </a>
-            <a href="https://docs.google.com/spreadsheets/d/1vQMRtvvq5MFvWJQ6x0kksYTy3inxqd2rIjOhaeT2-Bg/edit#gid=0" target="_blank">
-                J-Day Performance
+            <a class="menu-item" href="about.html">
+                <button class="menu-item fluid">About</button>
             </a>
-            <a href="https://docs.google.com/spreadsheets/d/1vQMRtvvq5MFvWJQ6x0kksYTy3inxqd2rIjOhaeT2-Bg/edit#gid=0" target="_blank">
-                Schedule
-            </a>                
-            <a href="https://docs.google.com/presentation/d/1UrXJ9RDRBkNg5MrGSB0pGBs4jyqfinMq11AZBYUviMs/edit#slide=id.g1e1bf490cc_0_67"  target="_blank">
-                J-Day Map and Club Key
+            <a class="menu-item" href="resources.html">
+                <button class="menu-item fluid">Resources</button>
             </a>
-            
-            <h2>J-Day May Madness Basketball</h2>>
-                <ul>
-                    <li>
-                        <a href="https://docs.google.com/document/d/14XifheYhCZGAuoTERynfW_7ssXLdngaApOlN2PJ1tY8/edit" target="_blank">
-                            Schedule &amp; Rules
-                        </a>
-                    </li>
-                    <li>
-                        <a href="https://docs.google.com/spreadsheets/d/1e8ux2jT1YVEUc318Ns1kQ9YGtHa9gzptvdQraOEpU1g/edit?usp=sharing" target="_blank">
-                            Seeding &amp; Roster
-                        </a>
-                    </li>
-                    <li>
-                        Updated Basketball Bracket&nbsp;→&nbsp;Coming Soon!
-                    </li>
-                    <li>
-                        <a href="/uploads/3/8/0/7/38079437/jdaybballpermissionform2016.docx">
-                            J-Day Basketball Permission Form
-                        </a>
-                    </li>
-                </ul>
-            <h2>Slivoskey Grant</h2>
-            <a href="/uploads/3/8/0/7/38079437/slivoskey-grant-application-2016.docx">
-                2016 Slivoskey Grant Application
-            </a>-->
\ No newline at end of file
+            <a class="menu-item" href="forms.html">
+                <button class="menu-item fluid">Forms</button>
+            </a>
+        </nav>
+        <div id="dome">
+        </div>
+    </header>
+    <div id="wrapper" class="fluid">
+        <section id="links">
+
+        </section>
+    </div>
+    <footer>
+        <span>&copy; 2017 TJSGA</span>
+        <a href="https://facebook.com/tjsga" target="_blank">
+            <button class="social" id="fb">
+            </button>
+        </a>
+        <a href="https://twitter.com/tjSGA" target="_blank">
+            <button class="social" id="tw">
+            </button>
+        </a>
+        <a href="https://facebook.com/tjsga" target="_blank">
+            <button class="social" id="flickr">
+            </button>
+        </a>
+        <a href="mailto:sga.tjhsst@gmail.com" target="_blank">
+            <button class="social" id="mail">
+            </button>
+        </a>
+    </footer>
+    <script src="js/sidebar.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/resources.html b/resources.html
index 9518348..fcdeaeb 100644
--- a/resources.html
+++ b/resources.html
@@ -41,25 +41,86 @@
         </div>
     </header>
     <div id="wrapper" class="fluid">
-        <section id="links">
-            <h2>General Resources</h2>
-            <ul>
-                <li>
-                    <a href="https://docs.google.com/forms/d/18KRo3RritoN6RddNvI-l2zZs1h_1mmVWWgRQGOk2vvQ/viewform">
-                        SGA Feedback and Suggestion Google Form
+        <section id="resources">
+            <div class="list">
+                <h2>General Resources</h2>
+                <ul>
+                    <li>
+                        <a href="https://docs.google.com/forms/d/18KRo3RritoN6RddNvI-l2zZs1h_1mmVWWgRQGOk2vvQ/viewform">
+                            SGA Feedback and Suggestion Google Form
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/uploads/3/8/0/7/38079437/wi-fi_faq_-_june_2015.pdf" target="_blank">
+                            TJ Wi-Fi FAQs: FCPSonboard
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/uploads/3/8/0/7/38079437/sgafoodguidelinesmadeeasypizzasalebakesales-2.pdf" target="_blank">
+                            SGA Pizza Sale and Bake Sale Food Guidelines
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="list">
+                <h2>Mental Health</h2>
+                <ul>
+                    <li>
+                        <a href="https://tjmindmatters.weebly.com" target="_blank">
+                            TJ Mind Matters
+                        </a>
+                    </li>
+                    <li>
+                        <a href="https://tjmindmatters.weebly.com/dos-and-donts.html">
+                            How to Help a Friend
+                        </a>
+                    </li>
+                    <li>
+                        <a href="https://tjmindmatters.weebly.com/from-tj-to-tj" target="_blank">
+                            Read &amp; Submit  From TJ, to TJ Letters
+                        </a>
+                    </li>
+                    <li>
+                        <a href="https://tjmindmatters.weebly.com/youth-mental-health-first-aid.html" target="_blank">
+                            Register for YMHFA Training
+                        </a>
+                    </li>
+                    <li>
+                        <a href="http://tjmindmatters.weebly.com/blog" target="_blank">
+                            TJ Mind Matters Blog
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="links">
+                <h2>Course for Action</h2>
+                <div class="desc">
+                    An SGA initiative, designed by the students, for the students. Learn about the courses available at TJHSST from students
+                    who've taken them and the teachers that teach them!
+                    <span>
+                        Visit the YouTube channel <a href="https://youtube.com/channel/UCGvdoktHFvLHpqBaj17zKwQ" target="_blank">
+                        here.
                     </a>
-                </li>
-                <li>
-                    <a href="/uploads/3/8/0/7/38079437/wi-fi_faq_-_june_2015.pdf" target="_blank">
-                        TJ Wi-Fi Frequently Asked Questions: FCPSonboard
-                    </a>
-                </li>
-                <li>
-                    <a href="/uploads/3/8/0/7/38079437/sgafoodguidelinesmadeeasypizzasalebakesales-2.pdf" target="_blank">
-                        SGA Pizza Sale and Bake Sale Food Guidelines (Updated 1/26/15)
-                    </a>
-                </li>
-            </ul>
+                    </span>
+                </div>
+            </div>
+            <div class="links">
+                <h2>Student Advocacy</h2>
+                <div class="desc">
+                    At Jefferson, students have rights and responsibilities that they are guaranteed as a part of their educational experience.
+                    <a href="https://www.tjhsst.edu/abouttj/integrity/docs/Student%20advocacy%20brochure%202014.pdf" target="_blank">
+                            The Student Advocacy Guidlines
+                    </a> were created to help students be aware of how they can proactively manage their
+                    learning, self-advocate, and succeed in school.
+                </div>
+                <div class="desc">
+                    Use
+                    <a href="https://docs.google.com/forms/d/1clH0ga4U2G2hu2gW3EZpwW9BCJDU76RytTTJCKaheao/viewform" target="_blank">
+                        this form
+                    </a> to report divergences from the Student Advocacy Guidelines. Submissions will
+                    be kept strictly confidential, but name & grade are required for follow-up of the situation.
+                </div>
+            </div>
         </section>
     </div>
     <footer>