<template>
    <v-expansion-panels>
        <v-expansion-panel elevation="10">
            <v-expansion-panel-title>
                <v-row no-gutters>
                    <v-col cols="12" md="5"  class="d-flex justify-start">
                        <h6 class="text-h6">General settings</h6>
                    </v-col>
                    <v-col cols="12" md="6"  class="d-flex justify-start  mt-md-0 mt-3">
                        <h6 class="text-subtitle-1">i am an accordion</h6>
                    </v-col>
                </v-row>
            </v-expansion-panel-title>
            <v-expansion-panel-text>
                Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.
            </v-expansion-panel-text>
            <v-divider></v-divider>
        </v-expansion-panel>
        <v-expansion-panel elevation="10">
            <v-expansion-panel-title>
                <v-row no-gutters>
                    <v-col cols="12" md="5" class="d-flex justify-start">
                        <h6 class="text-h6">Users</h6>
                    </v-col>
                    <v-col cols="12" md="6" class="d-flex justify-start mt-md-0 mt-3">
                        <h6 class="text-subtitle-1">You are currently not an owner</h6>
                    </v-col>
                </v-row>
            </v-expansion-panel-title>
            <v-expansion-panel-text>
                Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.
            </v-expansion-panel-text>
            <v-divider></v-divider>
        </v-expansion-panel>
        <v-expansion-panel elevation="10">
            <v-expansion-panel-title>
                <v-row no-gutters>
                    <v-col cols="12" md="5" class="d-flex justify-start">
                        <h6 class="text-h6">Advance Settings</h6>
                    </v-col>
                    <v-col cols="12" md="6" class="d-flex justify-start  mt-md-0 mt-3">
                        <h6 class="text-subtitle-1">Filtering has been entirely disabled for whole web server</h6>
                    </v-col>
                </v-row>
            </v-expansion-panel-title>
            <v-expansion-panel-text>
                Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.
            </v-expansion-panel-text>
            <v-divider></v-divider>
        </v-expansion-panel>
        <v-expansion-panel elevation="10">
            <v-expansion-panel-title>
                <v-row no-gutters>
                    <v-col cols="10" class="d-flex justify-start mt-md-0 mt-3">
                        <h6 class="text-h6">Personal data</h6>
                    </v-col>
                </v-row>
            </v-expansion-panel-title>
            <v-expansion-panel-text>
                Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.
            </v-expansion-panel-text>
            <v-divider></v-divider>
        </v-expansion-panel>
    </v-expansion-panels>
</template>