页面的head部分，仅需引入页面的CSS样式文件即可，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分，div容器里放入多个a标签作为导航菜单，代码如下：

<div class="container">
  <a href="https://jy.tp.yuanmeng.life/" class="social-container twitter">
    <div class="social-cube">
      <div class="front">
        sucaihuo
      </div>
      <div class="bottom">
        @Richer
      </div>
    </div>
  </a>
  <a href="#" class="social-container facebook">
    <div class="social-cube">
      <div class="front">
        weixin
      </div>
      <div class="bottom">
        Username
      </div>
    </div>
  </a>
  <a href="#" class="social-container youtube">
    <div class="social-cube">
      <div class="front">
        weibo
      </div>
      <div class="bottom">
        Username
      </div>
    </div>
  </a>
  <a href="#" class="social-container github">
    <div class="social-cube">
      <div class="front">
        QQ
      </div>
      <div class="bottom">
        Username
      </div>
    </div>
  </a>
  <a href="#" class="social-container dribbble">
    <div class="social-cube">
      <div class="front">
        email
      </div>
      <div class="bottom">
        Username
      </div>
    </div>
  </a>
  <a href="#" class="social-container codepen">
    <div class="social-cube">
      <div class="front">
        renren
      </div>
      <div class="bottom">
        Username
      </div>
    </div>
  </a>
</div>