<template>
  <div>
    <tab-nav active="1"></tab-nav>
    <img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_banner_01.png" class="main-banner" />
    <div class="main-container">
      <div class="main-content">
        <h1 class="title">{{ $t('alumni.contentTit') }}</h1>
        <p>
          {{ $t('alumni.contentP1') }}
        </p>
        <p>
          {{ $t('alumni.contentP2') }}
        </p>
        <p>
          {{ $t('alumni.contentP3') }}
        </p>
        <p>{{ $t('alumni.fbDes') }}</p>
        <img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_01.png" />
        <img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_02.png" />
        <p style="text-align: right">{{ $t('alumni.time') }}</p>
        <div style="text-align: center">
          <h4 style="font-weight: normal; margin-bottom: 10px">{{ $t('alumni.followTit') }}</h4>
          <img src="https://webapp-pub.ezijing.com/www/pc/alum-code.png" style="width: 200px" />
          <p>{{ $t('alumni.followDes') }}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import TabNav from '@/components/alumnus/TabNav'
export default {
  components: { TabNav }
}
</script>
<style lang="scss" scoped>
.main-content {
  p {
    margin-bottom: 0.3rem;
  }
  img {
    width: 100%;
    margin-bottom: 0.18rem;
  }
}
</style>
