<template>
  <div>
    <model-header></model-header>
    <div style="position:relative;">
      <model-carousel></model-carousel>
      <login-by-account></login-by-account>
    </div>
    <!-- <model-footer></model-footer> -->
  </div>
</template>
<script>
  //components
  import modelHeader from './components/header'
  import modelCarousel from './components/carousel'
  import modelFooter from './components/footer'
  import loginByAccount from './components/login-by-account'

  export default {
    components: {
      modelHeader: modelHeader,
      modelCarousel:modelCarousel,
      modelFooter:modelFooter,
      loginByAccount:loginByAccount
    }
  }
</script>