nuxt-promote-yourself/pages/about.vue

<template>
  <div class="about-page">
    <div class="container">
      <figure class="avatar">
        <img src="/me.png">
      </figure>
      <p>HELLO MY NAME IS 또와 I AM A SOFTWARE TEACHER</p>
      <br>
      <p> 또와 SW교육은 4차 산업혁명의 시대에 인간을 이롭게 할 SW 인재를 양성하는 교육기업입니다.기능 위주의 과거의 컴퓨터교육을 탈피하고, 논리적인 사고력, 창의적인 문제 해결 능력 향상을 위한 코딩(소프트웨어) 교육을 연구하고 있습니다. 또와 SW교육은 차별화된 교육체계와 방법을 통해 대한민국 코딩(소프트웨어)교육의 기준을 제시하겠습니다.</p>
      <br>
    </div>
  </div>
</template>

<script>
export default {
  head: {
    title: 'Learn more about Nuxtjs | Nuxtjs'
  }
}
</script>
<style scoped lang="scss">
  .about-page {
    padding-top: 80px;
    position: relative;
    max-width: 800px;
    margin: 0 auto 5rem auto;
    font-size: 25px;
  }
  .avatar {
    margin-right: 20px;
    float: left;
  }
  .avatar img {
    height: 128px;
    width: 128px;
    padding: 5px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
    box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
  }
</style>