diff --git a/src/api/voting.js b/src/api/voting.js
index 5b07932..b2b0cfd 100644
--- a/src/api/voting.js
+++ b/src/api/voting.js
@@ -1,8 +1,10 @@
 import routes from "./routes";
 import request from "./request";
 
-async function getBallot() {
-  return request(routes.voting_ballot);
+async function getBallot(page, per) {
+  return request(routes.voting_ballot, {
+    params: { page, per }
+  });
 }
 
 async function cast(answerId, email) {
diff --git a/src/views/Accounts/Register/index.vue b/src/views/Accounts/Register/index.vue
index 6d5b442..3c868d7 100644
--- a/src/views/Accounts/Register/index.vue
+++ b/src/views/Accounts/Register/index.vue
@@ -74,6 +74,10 @@ import Step4 from "./Step4";
 
 import * as api from "@/api";
 
+function validateEmail(mail) {
+  return /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(mail);
+}
+
 export default {
   components: {
     Step1,
@@ -102,7 +106,7 @@ export default {
         await api.auth.createAccount({
           foundUs:
             this.fields.heardAboutUs.value === "Other"
-              ? this.fields.heardAboutUsText.value
+              ? "Other - " + this.fields.heardAboutUsText.value
               : this.fields.heardAboutUs.value,
           studentFirstName: this.fields.firstName.value,
           studentLastName: this.fields.lastName.value,
@@ -153,7 +157,7 @@ export default {
           label: "Parent's E-mail Address",
           type: "email",
           value: "",
-          rules: [v => !!v || "Please provide a email"]
+          rules: [v => validateEmail(v) || "Please provide a valid e-mail"]
         },
         studentEmail: {
           label: "Student's E-mail Address (optional)",
diff --git a/src/views/Quiz/QuizCountdown.vue b/src/views/Quiz/QuizCountdown.vue
index a929a12..fe9f063 100644
--- a/src/views/Quiz/QuizCountdown.vue
+++ b/src/views/Quiz/QuizCountdown.vue
@@ -7,7 +7,7 @@
           <div v-if="Quiz.awaitNextQuestion">
             Congratulations, {{ User.displayName }}!
             <br />
-            You've conquered Level {{ User.rank }}.
+            You've conquered Level {{ User.rank - 1 }}.
             <br />
             <br />That's all the questions available for now.
             <br />
@@ -16,7 +16,7 @@
           <div v-else>
             Congratulations, {{ User.displayName }}!
             <br />
-            You've conquered Level {{ User.rank }}.
+            You've conquered Level {{ User.rank - 1 }}.
             <br />
             <br />
           </div>
@@ -37,7 +37,15 @@
             icon
             ><v-icon>mdi-facebook</v-icon></v-btn
           >
-          <v-btn class="mt-5" :style="{ backgroundColor: 'white !important' }" x-large color="blue" href="https://twitter.com/CodeWizardsHQ" icon><v-icon>mdi-twitter</v-icon></v-btn>
+          <v-btn
+            class="mt-5"
+            :style="{ backgroundColor: 'white !important' }"
+            x-large
+            color="blue"
+            href="https://twitter.com/CodeWizardsHQ"
+            icon
+            ><v-icon>mdi-twitter</v-icon></v-btn
+          >
         </template>
       </quiz-scroll>
     </v-row>
diff --git a/src/views/Quiz/QuizFinalQuestion.vue b/src/views/Quiz/QuizFinalQuestion.vue
index 0c84ce1..ba0f511 100644
--- a/src/views/Quiz/QuizFinalQuestion.vue
+++ b/src/views/Quiz/QuizFinalQuestion.vue
@@ -90,11 +90,12 @@ export default {
     const jsCode = `function calculateAnswer(){
   return 100;
 }
+// we check your answer by looking at the output var
 var output = calculateAnswer();`;
     const pyCode = `def calculateAnswer():
   return 100
-
-output = calculateAnswer()`;
+# we check your answer by what you print
+print(calculateAnswer())`;
     return {
       isLoading: false,
       isSubmitting: false,
diff --git a/src/views/Voting/Ballot.vue b/src/views/Voting/Ballot.vue
index f016711..4b69f6a 100644
--- a/src/views/Voting/Ballot.vue
+++ b/src/views/Voting/Ballot.vue
@@ -3,21 +3,34 @@
     <v-row>
       <v-col>
         <h2 class="ballot-header">
-          Lorem Ipsum is simply dummy text of the printing and typesetting
-          industry. Lorem Ipsum has been the industry's standard dummy text ever
-          since the 1500s, when an unknown printer took a galley of type and
-          scrambled it to make a type specimen book.
+          Cast your vote below!
         </h2></v-col
       >
     </v-row>
-    <v-row justify="center">
+    <v-row justify="center" v-if="isLoading">
+      <v-col class="text-center">
+        <v-progress-circular
+          class="mt-6"
+          color="cwhqBlue"
+          size="100"
+          width="10"
+          indeterminate
+        />
+        <h2 class="mt-6">
+          Loading Results <small><br />Please Wait</small>
+        </h2>
+      </v-col>
+    </v-row>
+    <v-row justify="center" v-else>
       <ballot-card
         v-for="(item, i) in items"
         :key="i"
         v-bind="item"
         @click="showCode(item)"
-      >
-      </ballot-card>
+      />
+    </v-row>
+    <v-row justify="center" v-if="totalPages > 1">
+      <v-pagination v-model="page" :length="totalPages" circle></v-pagination>
     </v-row>
     <code-modal v-bind="this.item" v-model="showModal" />
   </v-container>
@@ -36,12 +49,14 @@ export default {
   },
   data() {
     return {
+      isLoading: true,
+      per: 16,
       item: null,
       showModal: false,
       hasNext: false,
       hasPrev: false,
       nextNum: false,
-      page: 0,
+      page: 1,
       prevNum: null,
       totalItems: 0,
       totalPages: 0,
@@ -53,30 +68,28 @@ export default {
     showCode(item) {
       this.item = item;
       this.showModal = true;
+    },
+    async loadPage() {
+      this.isLoading = true;
+      try {
+        const results = await voting.getBallot(this.page, this.per);
+        for (const [key, value] of Object.entries(results)) {
+          Vue.set(this, key, value);
+        }
+        // console.log(results);
+      } catch (err) {
+        this.$router.push({ name: "redirect" });
+      }
+      this.isLoading = false;
     }
   },
-  async mounted() {
-    // for (let i = 0; i < 100; i++) {
-    //   this.items.push({
-    //     display: "Kyle A.",
-    //     firstName: "Kyle",
-    //     id: 45,
-    //     lastName: "Askew",
-    //     numVotes: 0,
-    //     text:
-    //       "function calculateAnswer(){\n  return 100;\n}\nvar output = calculateAnswer();;output",
-    //     username: "net8floz2"
-    //   });
-    // }
-    try {
-      const results = await voting.getBallot();
-      for (const [key, value] of Object.entries(results)) {
-        Vue.set(this, key, value);
-      }
-      // console.log(results);
-    } catch (err) {
-      this.$router.push({ name: "redirect" });
+  watch: {
+    page(val) {
+      this.loadPage(val);
     }
+  },
+  async mounted() {
+    this.loadPage();
   }
 };
 </script>
diff --git a/src/views/Voting/CodeModal.vue b/src/views/Voting/CodeModal.vue
index 70b3092..c074c0b 100644
--- a/src/views/Voting/CodeModal.vue
+++ b/src/views/Voting/CodeModal.vue
@@ -51,22 +51,9 @@
         </v-row>
       </v-card>
     </v-dialog>
-    <v-dialog v-model="showSuccess" max-width="600">
-      <v-card color="white" light v-if="isOpen">
-        <v-card-title>
-          We have sent a voting confirmation e-mail.
-        </v-card-title>
-        <v-card-text>
-          Please check your inbox to confirm your vote.
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer />
-          <v-btn color="cwhqBlue" tile flat @click="showSuccess = false"
-            >Okay</v-btn
-          >
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
+
+    <success-modal v-model="showSuccess" />
+
     <v-dialog v-model="showError" max-width="600">
       <v-card color="white" light v-if="isOpen">
         <v-card-title>
@@ -77,7 +64,7 @@
         </v-card-text>
         <v-card-actions>
           <v-spacer />
-          <v-btn color="cwhqBlue" tile flat @click="showError = false"
+          <v-btn color="cwhqBlue" tile text @click="showError = false"
             >Okay</v-btn
           >
         </v-card-actions>
@@ -88,8 +75,12 @@
 
 <script>
 import * as api from "@/api";
+import SuccessModal from "./SuccessModal";
 
 export default {
+  components: {
+    SuccessModal
+  },
   data() {
     return {
       showSuccess: false,
@@ -149,7 +140,6 @@ export default {
         this.errorMessage = err.message;
         this.showError = true;
       }
-
       this.isSubmitting = false;
     }
   }
diff --git a/src/views/Voting/SuccessModal.vue b/src/views/Voting/SuccessModal.vue
new file mode 100644
index 0000000..f96f08d
--- /dev/null
+++ b/src/views/Voting/SuccessModal.vue
@@ -0,0 +1,103 @@
+<template>
+  <v-dialog v-model="show" max-width="600">
+    <v-card color="white" light>
+      <v-card-title>
+        <v-spacer />
+        <v-btn icon x-large @click="show = false">X</v-btn></v-card-title
+      >
+
+      <h3>ALMOST DONE</h3>
+
+      <p>
+        Your vote has been cast! In order for your vote to count you must first
+        confirm your it. Please check your inbox for the confirmation email.
+      </p>
+      <hr />
+      <h4>
+        Share this code with your friends!
+      </h4>
+
+      <v-card-text class="text-center">
+        <v-btn icon class="mr-6" x-large color="cwhqBlue"
+          ><v-icon>mdi-facebook</v-icon></v-btn
+        >
+        <v-btn icon class="mr-6" x-large color="cwhqBlue"
+          ><v-icon>mdi-twitter</v-icon></v-btn
+        >
+        <v-btn icon class="mr-6" x-large color="cwhqBlue"
+          ><v-icon>mdi-email</v-icon></v-btn
+        >
+      </v-card-text>
+      <br />
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+export default {
+  props: ["value"],
+  watch: {
+    show() {
+      if (this.show != this.value) {
+        this.$emit("input", this.show);
+      }
+    },
+    value() {
+      if (this.show != this.value) {
+        this.show = this.value;
+      }
+    }
+  },
+  data() {
+    return {
+      show: this.value
+    };
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.v-card__title .v-btn {
+  z-index: 3;
+  position: relative;
+  top: -12px;
+  right: -22px;
+  font-size: 30px !important;
+}
+
+.v-btn i.v-icon {
+  font-size: 60px !important;
+}
+h3 {
+  text-align: center;
+  padding-top: 30px;
+  font-size: 40px;
+  color: #0d1d41;
+  position: relative;
+  top: -90px;
+  margin-bottom: -60px;
+}
+
+hr {
+  margin-left: 80px;
+  margin-right: 80px;
+  height: 1px;
+  margin-top: 40px;
+  margin-bottom: 20px;
+}
+
+p {
+  font-size: 20px;
+  padding-left: 80px;
+  padding-right: 80px;
+}
+
+h4 {
+  text-align: center;
+  padding-top: 30px;
+  font-size: 30px;
+  line-height: 40px;
+  color: #0d1d41;
+  margin-bottom: 30px;
+}
+</style>