diff --git a/web/src/components/layout/Footer.tsx b/web/src/components/layout/Footer.tsx
index d8b3790..95a11de 100644
--- a/web/src/components/layout/Footer.tsx
+++ b/web/src/components/layout/Footer.tsx
@@ -12,7 +12,73 @@ export const Footer = () => {
 
   return (
     <footer className={styles.footer}>
-      <p>Footer med kontaktinfo og sånt</p>
+      <div className={styles.contact}>
+        <ul className={styles.contactList}>
+          <li className={styles.contactItem}>
+            <h2>Følg oss</h2>
+            <ul>
+              <li>
+                <a href="#" target="_blank">
+                  Instagram
+                </a>
+              </li>
+              <li>
+                <a href="#" target="_blank">
+                  Facebook
+                </a>
+              </li>
+              <li>
+                <a href="#" target="_blank">
+                  Twitter
+                </a>
+              </li>
+              <li>
+                <a href="#" target="_blank">
+                  Flickr
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li className={styles.contactItem}>
+            <h2>Kontakt oss</h2>
+            <p>
+              Generell kontaktinfo
+              <br />
+              Billetter
+              <br />
+              Hittegods
+              <br />
+              Telefon/mail?
+              <br />
+              Lenke til kontakt/ansatte?
+            </p>
+          </li>
+          <li className={styles.contactItem}>
+            <h2>Besøk oss</h2>
+            <p>
+              Det Norske Studentersamfund
+              <br />
+              Slemdalsveien 15
+              <br />
+              0369 Oslo
+              <br />
+              <a href="#" target="_blank">
+                Vis i Google Maps
+              </a>
+            </p>
+          </li>
+          <li className={styles.contactItem}>
+            <h2>Åpningstider</h2>
+            <p>
+              Glassbaren
+              <br />
+              Andre lokaler?
+              <br />
+              Generelle åpningstider?
+            </p>
+          </li>
+        </ul>
+      </div>
       <button onClick={scrollToTop}>Til toppen</button>
     </footer>
   );
diff --git a/web/src/components/layout/footer.module.scss b/web/src/components/layout/footer.module.scss
index c3d2099..84c7dc6 100644
--- a/web/src/components/layout/footer.module.scss
+++ b/web/src/components/layout/footer.module.scss
@@ -4,8 +4,17 @@
   align-items: flex-end;
   padding: var(--spacing-sitepadding);
   background: #ccc;
+}
 
-  a {
-    text-decoration: none;
-  }
+.contactList {
+  width: 100%;
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  column-gap: var(--spacing-gap-column);
+  row-gap: var(--spacing-gap-column);
+}
+
+.contactItem {
+  list-style: none;
+  grid-column: span 3;
 }
\ No newline at end of file