<template>
  <section class="flex justify-evenly items-center flex-wrap">
    <topLeft />
    <topRight />
    <bottomLeft />
    <bottomRight />
  </section>
</template>

<script>
import topLeft from "./topLeft/index.vue";
import topRight from "./topRight/index.vue";
import bottomLeft from "./bottomLeft/index.vue";
import bottomRight from './bottomRight/index.vue';

export default {
  data() {
    return {
    }
  },
  components: {
    topLeft,
    topRight,
    bottomLeft,
    bottomRight,
  },
};
</script>

<style></style>
