<template>
    <v-content>
        <v-container>
        <v-card raised shaped>
            <v-container>
            <v-row>
            <v-col align-self="center">
                <v-container>
                    <v-btn>Col 1</v-btn>
                </v-container>
            </v-col>
            <v-row>
                <v-col>
                    <v-row>
                        <v-container>
                        <v-btn>Col 2.1.1</v-btn>
                        </v-container>
                    </v-row>
                    <v-row>
                        <v-container>
                            <v-btn>Col 2.1.2</v-btn>
                        </v-container>
                    </v-row>
                </v-col>
                <v-col>
                    <v-row>
                        <v-btn>Col 2.2.1</v-btn>
                    </v-row>
                    <v-row>
                        <v-btn>Col 2.2.2</v-btn>
                    </v-row>
                </v-col>
                <v-col>
                    <v-row>
                        <v-btn>Col 2.3.1</v-btn>
                    </v-row>
                    <v-row>
                        <v-btn>Col 2.3.2</v-btn>
                    </v-row>
                </v-col>
            </v-row>
            <v-col><v-btn>Col 3</v-btn></v-col>
            </v-row>
            </v-container>
        </v-card>
        </v-container>
    </v-content>
</template>

<script>
    export default {
        name: "CreditLists"
    }
</script>

<style scoped>

</style>
