PersonalDataBox.vue

<template>
    <adminlte-vue-box color="primary">
        <template slot="title">About Me</template>
        <strong><i class="fa fa-book margin-r-5"></i> Education</strong>

        <p class="text-muted">
            B.S. in Computer Science from the University of Tennessee at Knoxville
        </p>

        <hr>

        <strong><i class="fa fa-map-marker margin-r-5"></i> Location</strong>

        <p class="text-muted">Malibu, California</p>

        <hr>

        <strong><i class="fa fa-pencil margin-r-5"></i> Skills</strong>

        <p>
            <span class="label label-danger">UI Design</span>
            <span class="label label-success">Coding</span>
            <span class="label label-info">Javascript</span>
            <span class="label label-warning">PHP</span>
            <span class="label label-primary">Node.js</span>
        </p>

        <hr>

        <strong><i class="fa fa-file-text-o margin-r-5"></i> Notes</strong>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum enim neque.</p>
    </adminlte-vue-box>
</template>

<script>
  import {Box} from 'adminlte-vue'

  export default {
    components: {
      'adminlte-vue-box' : Box
    }
  }
</script>