front/src/views/career/components/CareerTitleCard.vue

<template>
  <div class="index-block bg-white fx-column pl30 pr30">
    <div class="content-wrapper pt30">
      <div class="f24 bold f-999">{{ english }}</div>
      <div class="f24 bold f-333 mt15">{{ name }}</div>
      <div class="bg-primary mt10" style="width:40px;height:4px;" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'CareerTitleCard',
  props: {
    name: {
      type: String,
      default: ''
    },
    english: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
.content-wrapper {
  padding: 30px 0;
  background-image: url("~@/assets/images/career/icon_colleges.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
</style>