ieeemysight4rehab/ieeemysight4rehab.github.io

<template>
  <v-content class="pa-0">
    <v-container fluid class="mt-2 mb-0">
      <v-layout wrap align-center justify-center row fill-height class="my-0">
        <v-flex xs12 md10 class="mb-0">
          <p class="google-font mb-0 mt-0" style="font-size:200%;color:#616161">
            About {{ ChapterDetails.ChapterName }}
          </p>
        </v-flex>
      </v-layout>
    </v-container>

    <v-container fluid class="">
      <v-layout wrap align-center justify-center row fill-height>
        <v-flex xs12 md10 class="">
          <aboutIEEEMySIGHT4RehabChapter />
        </v-flex>
      </v-layout>
    </v-container>

    <v-container fluid class="grey lighten-5 pt-5 pb-1">
      <v-layout wrap align-center justify-center row fill-height>
        <v-flex xs12 md10 class="">
          <contactInfo />
        </v-flex>
      </v-layout>
    </v-container>

    <v-container fluid class="grey lighten-5 py-2 pt-0">
      <v-layout wrap align-center justify-center row fill-height>
        <v-flex xs12 md10 class="">
          <coc />
        </v-flex>
      </v-layout>
    </v-container>
  </v-content>
</template>

<script>
import ChapterDetails from '@/assets/data/chapterDetails.json'
import aboutIEEEMySIGHT4RehabChapter from '@/components/about/aboutIEEEMySIGHT4RehabChapter'
import contactInfo from '@/components/about/contactInfo'
import coc from '@/components/about/coc'
export default {
  components: {
    aboutIEEEMySIGHT4RehabChapter,
    contactInfo,
    coc,
  },
  data() {
    return {
      ChapterDetails: ChapterDetails,
    }
  },
}
</script>