+ Drop by any of our social media outlets to learn more about us, keep
+ up-to-date with our upcoming events, or to chat with our members!
+
+
+
+ {/* TODO: fix feedback form link */}
+ Send feedback through our Feedback Form
+
+ >
+ );
+}
diff --git a/content/get-involved.mdx b/content/get-involved.mdx
new file mode 100644
index 00000000..c060f3d6
--- /dev/null
+++ b/content/get-involved.mdx
@@ -0,0 +1,17 @@
+## How to Join
+
+### General Members
+
+Simply drop by our office in MC 3036/3037 with some identification (WatCard, driver's license, etc.) and $2 per term that
+you would like to pay for. We'll have you sign our [machine usage agreement](/resources/services/) and after your account on our systems is created
+you'll have access to all the services available to members.
+
+### Executive Roles
+
+Are you interested in using your skills to get involved with CSC? We have committees covering everything from design to development,
+so no matter your interests, we’ve got a place for you. CSC hires at the beginning of every term, so make sure to stay connected
+through social media to keep up to date on when applications open!
+
+### Elected Seats
+Each term the CSC holds elections to determine the executive council. To find out when and where the next elections will be held,
+check the [homepage](/). For details on the elections, see the constitution.
\ No newline at end of file
diff --git a/pages/get-involved.mdx b/pages/get-involved.mdx
deleted file mode 100644
index da4c5a96..00000000
--- a/pages/get-involved.mdx
+++ /dev/null
@@ -1 +0,0 @@
-# Get Involved page
diff --git a/pages/get-involved.module.css b/pages/get-involved.module.css
new file mode 100644
index 00000000..f086e5ec
--- /dev/null
+++ b/pages/get-involved.module.css
@@ -0,0 +1,45 @@
+.headerContainer {
+ display: flex;
+ flex-direction: row;
+ border-bottom: calc(1rem / 16) solid var(--purple-2);
+}
+
+.headerText h1 {
+ color: var(--purple-2);
+ margin: 0 0 0.5rem 0;
+}
+
+.headerText p {
+ color: var(--black);
+ margin: 0 0 1.375rem 0;
+}
+
+.codey {
+ align-self: flex-end;
+ justify-self: end;
+}
+
+.content {
+ margin-top: calc(32rem / 16);
+ margin-bottom: calc(52.77rem / 16);
+}
+
+.content h2 {
+ font-weight: 600;
+ color: var(--blue-2);
+ margin-top: calc(30rem / 16);
+}
+
+.content h3 {
+ font-weight: 600;
+ color: var(--purple-2);
+ margin-top: calc(30rem / 16);
+ margin-bottom: calc(15rem / 16);
+}
+
+.content p {
+ margin: 0;
+}
+
+@media only screen and (max-width: calc(768rem / 16)) {
+}
diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx
new file mode 100644
index 00000000..a2925784
--- /dev/null
+++ b/pages/get-involved.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+import { Image } from "../components/Image";
+import { Link } from "../components/Link";
+import { ConnectWithUs } from "../components/ConnectWithUs";
+import Content from "../content/get-involved.mdx";
+import styles from "./get-involved.module.css";
+
+export default function GetInvolved() {
+ return (
+ <>
+
+
+
Get Involved!
+
+ If you’re interested in holding, planning, or helping out with an
+ event, don’t hesitate to get in touch with the{" "}
+ Programme Committee!
+