From a137466ed11e535ff4697f79548d411df9650e5f Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sat, 11 Apr 2020 18:59:29 -0400
Subject: [PATCH] [+] Create course selection page

---
 .../course-selection/course-selection.vue     | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/pages/course-selection/course-selection.vue

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>