<template>
  <footer class="container">
    <div class="row" style="margin-top: 20px;">
      <div class="col-md-12 text-center">
        <p>&copy; MyCard 2021 </p>
      </div>
    </div>
  </footer>
  <!--<div class="other">
    <footer>
      <div class="row">
        <div class="col-md-4 col-sm-6 footer-navigation">
          <h3><a href="#">MyCard </a></h3>
          <p class="links"><a href="#">社区 </a><strong> · </strong><a href="#">排行榜 </a><strong> · </strong><a href="#">战报系统 </a><strong> · </strong><a href="#">下载 </a> </p>
          <p class="company-name">mycard © 2016 </p>
        </div>
        <div class="col-md-4 col-sm-6 footer-contacts">
          <div><span class="fa fa-map-marker footer-contacts-icon"> </span>
            <p><span class="new-line-span">21 Revolution Street</span> Paris, France</p>
          </div>
          <div><i class="fa fa-phone footer-contacts-icon"></i>
            <p class="footer-center-info email text-left"> +1 555 123456</p>
          </div>
          <div><i class="fa fa-envelope footer-contacts-icon"></i>
            <p> <a href="#" target="_blank">support@company.com</a></p>
          </div>
        </div>
        <div class="clearfix visible-sm-block"></div>
        <div class="col-md-4 footer-about">
          <h4>About the company</h4>
          <p> Lorem ipsum dolor sit amet, consectateur adispicing elit. Fusce euismod convallis velit, eu auctor lacus vehicula sit amet.
          </p>
          <div class="social-links social-icons"><a href="#"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-linkedin"></i></a><a href="#"><i class="fa fa-github"></i></a></div>
        </div>
      </div>
    </footer>
  </div>-->
</template>

<script>
  export default {
    data () {
      return {
        msg: 'other!'
      }
    }
  }
</script>

