<template>
  <div>

    <!-- First row -->
    <div class="content-box flex middle-xs between-xs vertical-margin-medium">
      <!-- Information -->
      <div class="col-xs-12 col-md-4"></div>
      <!-- Services -->
      <div class="col-xs-12 col-md-4"></div>
      <!-- MyAccount -->
      <div class="col-xs-12 col-md-4"></div>
      <!-- Contact -->
      <div class="col-xs-12 col-md-4"></div>
    </div>

    <!-- Second row -->
    <div class="content-box flex middle-xs between-xs vertical-margin-medium">
      <!-- SocialMedias -->
      <div class="col-xs-12 col-md-6">
        <custom-social-medias></custom-social-medias>
      </div>
      <!-- PaymentOptions -->
      <div class="col-xs-12 col-md-6"></div>
    </div>

    <!-- Third row -->
    <div class="content-box flex middle-xs between-xs vertical-margin-medium">
      <!-- CustomOptions -->
      <div class="col-xs-12 col-md-5"></div>
      <!-- Certificates -->
      <div class="col-xs-12 col-md-7"></div>
    </div>

  </div>
</template>

<script>
export default {
  name: 'CustomFooter',
  data() {
    return {};
  },
  components: {
    CustomCertificates: () => import(/* webpackChunkName: "CustomCertificates" */ '@components/TheFooter/CustomFooter/CustomCertificates/index.vue'),
    CustomContact: () => import(/* webpackChunkName: "CustomContact" */ '@components/TheFooter/CustomFooter/CustomContact/index.vue'),
    CustomCustomOptions: () => import(/* webpackChunkName: "CustomCustomOptions" */ '@components/TheFooter/CustomFooter/CustomCustomOptions/index.vue'),
    CustomInformation: () => import(/* webpackChunkName: "CustomInformation" */ '@components/TheFooter/CustomFooter/CustomInformation/index.vue'),
    CustomMyAccount: () => import(/* webpackChunkName: "CustomMyAccount" */ '@components/TheFooter/CustomFooter/CustomMyAccount/index.vue'),
    CustomPaymentOptions: () => import(/* webpackChunkName: "CustomPaymentOptions" */ '@components/TheFooter/CustomFooter/CustomPaymentOptions/index.vue'),
    CustomServices: () => import(/* webpackChunkName: "CustomServices" */ '@components/TheFooter/CustomFooter/CustomServices/index.vue'),
    CustomSocialMedias: () => import(/* webpackChunkName: "CustomSocialMedias" */ '@components/TheFooter/CustomFooter/CustomSocialMedias/index.vue'),
  },
}
</script>

<style scoped></style>