diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
new file mode 100644
index 0000000..3331e17
--- /dev/null
+++ b/src/pages/course-selection/course-selection.vue
@@ -0,0 +1,42 @@
+<template>
+    <div id="course-selection">
+        <el-card id="info">
+            <div class="header">Course Selection</div>
+            <div class="content">
+                This new page is designed to help you with your course selection next year,
+                providing more information such as how many people are currently enrolled in a course.
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts">
+    import {Component, Vue} from 'vue-property-decorator'
+
+    @Component
+    export default class CourseSelection extends Vue
+    {
+
+    }
+</script>
+
+<style lang="scss" scoped>
+#info
+{
+    margin: 20px;
+
+    .header
+    {
+        margin-top: 15px;
+        margin-bottom: 10px;
+
+        font-size: 30px;
+        color: #8c85ea;
+    }
+
+    .content
+    {
+        margin-bottom: 15px;
+    }
+}
+</style>