<style>
     .links-content{
     margin-top:1rem;
     }
     .link-navigation::after {
     content: " ";
     display: block;
     clear: both;
     }
     .card {
     width: 40%;
     font-size: 1rem;
     padding: 10px 20px;
     border-radius: 4px;
     transition-duration: 0.15s;
     margin-bottom: 1rem;
     display:flex;
     }
     .card:nth-child(odd) {
     float: left;
     }
     .card:nth-child(even) {
     float: right;
     }
     .card:hover {
     transform: scale(1.1);
     box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
     }
     .card a {
     border:none;
     }
     .card .ava {
     width: 3rem!important;
     height: 3rem!important;
     margin:0!important;
     margin-right: 1em!important;
     border-radius:4px;
     }
     .card .card-header {
     font-style: italic;
     overflow: hidden;
     width: 100%;
     }
     .card .card-header a {
     font-style: normal;
     color: #2bbc8a;
     font-weight: bold;
     text-decoration: none;
     }
     .card .card-header a:hover {
     color: #d480aa;
     text-decoration: none;
     }
     .card .card-header .info {
     font-style:normal;
     color:#a3a3a3;
     font-size:14px;
     min-width: 0;
     overflow: hidden;
     white-space: nowrap;
     }
  </style>
  <div class="links-content">
     <div class="link-navigation">
        <div class="card">
           <img class="ava" src="https://q.qlogo.cn/headimg_dl?spec=100&img_type=jpg&dst_uin=1142381085" />
           <div class="card-header">
              <div>
                 <a href="https://tangcuxiaojikuai.xyz/">小鸡块</a>
              </div>
              <div class="info">🐓</div>
           </div>
        </div>
        <div class="card">
           <img class="ava" src="https://q.qlogo.cn/headimg_dl?spec=100&img_type=jpg&dst_uin=1507679486" />
           <div class="card-header">
              <div>
                 <a href="https://march-7th.tech/">March7th</a>
              </div>
              <div class="info">👩‍🦳</div>
           </div>
        </div>
         <div class="card">
           <img class="ava" src="https://q.qlogo.cn/headimg_dl?spec=100&img_type=jpg&dst_uin=2497404097" />
           <div class="card-header">
              <div>
                 <a href="https://thebearhimself.rest/">gtg</a>
              </div>
              <div class="info">🐻</div>
           </div>
        </div>
         <div class="card">
           <img class="ava" src="https://q.qlogo.cn/headimg_dl?spec=100&img_type=jpg&dst_uin=3071036174" />
           <div class="card-header">
              <div>
                 <a href="https://ech0her.github.io/">Ech0</a>
              </div>
              <div class="info">🔊</div>
           </div>
        </div>
         <div class="card">
           <img class="ava" src="https://q.qlogo.cn/headimg_dl?spec=100&img_type=jpg&dst_uin=2974199505" />
           <div class="card-header">
              <div>
                 <a href="https://www.cnblogs.com/ZimaBlue/">Zima</a>
              </div>
              <div class="info">🔵</div>
           </div>
        </div>
     </div>
  </div>