aiforge/templates/custom/home/home_dataset.tmpl

<style>
  .homedataset {
    padding-top: 4em;
    padding-bottom: 4em;
  }    
  .home-dataset-list {    
    position: relative;
    z-index: 9;
    padding: 0em 1em 3em;
    overflow: hidden;
  }
  .home-dataset-list .swiper-slide {
    padding-top: 5px;
  }
  .home-dataset-list .dataset-card {
    height: 130px;
    width: 130px;
    border: 1px solid rgba(157, 197, 226, 0.4);    
    box-shadow: rgb(157 197 226 / 20%) 0px 5px 10px 0px;
    color: rgb(16, 16, 16);
    border-radius: 6px;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;    
    transition: all 0.1s;
  }
  .home-dataset-list .dataset-card:hover {
    transform: translateY(-3px);
  }
  .home-dataset-list .dataset-card>div {
    width:100%;
    display: flex;   
    justify-content: center;
  }
  .home-dataset-list .dataset-card .content {
    width:100%;   
    overflow: hidden;    
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    padding: 0 10px;
  }
  .home-dataset-list .dataset-card .icon-c {   
    font-size: 14px;
    color: #101010;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
  }
  .home-dataset-list .dataset-card .label {
    font-size: 14px;
    color: #101010;
    margin-bottom: 8px;
  }
  .home-dataset-list .dataset-card .svg.fill:not([stroke]) {
    fill: url(#ila93em9ydx6bi61,1,rs,1,f000f000,f0rsf000,f000,00e6msqtrs,dw4hjuqlrs,ri00exmcrs);
  }
  .home-dataset-list .dataset-card .svg.fill:not([fill]) {
    fill: url(#ila93em9ydx6bi61,1,rs,1,f000f000,f0rsf000,f000,00e6msqtrs,dw4hjuqlrs,ri00exmcrs);
  }
  .home-dataset-list .dataset-card .count {
    font-size:12px;
    color:rgb(136,136,136);
  }
  .home-dataset-list .swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 4px;
  }
</style>
<div class="ui container homedataset _hm-container">
  <div class="ui stackable grid">
    <div class="sixteen wide tablet four wide computer column mobile-text-align-center">
      <h2>{{.i18n.Tr "home.search_dataset"}}</h2>
      <p><span class="ui text grey">{{.i18n.Tr "home.datasets_descr"}}&nbsp;</span><a href="/explore/datasets">{{.i18n.Tr "home.search_dataset"}}</a></p>
    </div>
    <div class="sixteen wide tablet twelve wide computer column">
      <div class="home-dataset-list">
        <div class="swiper-wrapper" id="home_dataset"></div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div>        
</div>