1 files changed, 30 insertions, 0 deletions
diff --git a/src/components/Global/PageSection.vue b/src/components/Global/PageSection.vue
new file mode 100644
index 00000000..678fd31d
--- /dev/null
+++ b/src/components/Global/PageSection.vue
@@ -0,0 +1,30 @@
+<template>
+  <section class="page-section">
+    <h2>{{ sectionTitle }}</h2>
+    <slot />
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'PageSection',
+  props: ['sectionTitle']
+};
+</script>
+
+<style lang="scss" scoped>
+.page-section {
+  margin-bottom: $spacer * 2;
+}
+h2 {
+  @include font-size($h4-font-size);
+  margin-bottom: $spacer;
+  &::after {
+    content: '';
+    display: block;
+    width: 100px;
+    border: 1px solid $gray-300;
+    margin-top: 10px;
+  }
+}
+</style>