initial

src/components/check/CheckList.vue

@@ -0,0 +1,51 @@
+<template>
+   <v-container class="text-center">
+    <div class="text-title">ใครสมัครสว.ได้บ้าง</div>
+    <div>
+      <v-img
+        :aspect-ratio="1"
+        class="mx-auto"
+        src="@/assets/Group 9.png"
+        width="70"
+      ></v-img>
+    </div>
+    <br />
+    <div class="text-sub ma-auto" style="width: 90%">
+      อยากลงสมัครสว. แต่ไม่แน่ใจว่าเราสามารถสมัครได้หรือไม่
+      เราสามารถมาร่วมกันเช็คคุณสมบัติ เช็คเราามารถสมัครกลุ่มไหน เขตอำเภอไหนบ้าง
+      ในการลงสมัคร สว. กัน !
+    </div>
+    <v-btn
+      elevated
+      color="#DD6C31"
+      style="white-space: pre-wrap"
+      class="text-subtitle mt-3"
+      height="70"
+      to="/checklist"
+      ><div class="text-wrap" style="width: 100%; margin: auto">
+        ตรวจสอบคุณสมบัติการเป็น สว. 2567
+      </div>
+    </v-btn>
+    <v-img
+      :aspect-ratio="1"
+      class="mx-auto"
+      src="@/assets/Group 51.png"
+      width="230"
+    ></v-img>
+    <v-btn variant="text" append color="#3ba8c8" size="lg"
+      ><div class="text-wrap text-sub3" style="width: 100%; margin: auto">
+        ตรวจเช็คคุณสมบัติ-ลักษณะต้องห้ามของผู้ที่จะสมัคร สว.
+      </div></v-btn
+    >
+  </v-container>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>