opensearch-docs-cn/_includes/cards.html

<div class="card-container-wrapper">
  <p class="heading-main">Explore OpenSearch documentation</p>
  <div class="card-container">
    <div class="card">
      <a href="{{site.url}}{{site.baseurl}}/about/" class='card-link'></a>
        <p class="heading">OpenSearch and OpenSearch Dashboards</p>
        <p class="description">Build your OpenSearch solution using core tooling and visualizations</p>
        <p class="last-link">Documentation &#x2192;</p>
      </div>
  
  
    <div class="card">
      <a href="{{site.url}}/docs/latest/data-prepper/" class='card-link'></a>
        <p class="heading">Data Prepper</p>
        <p class="description">Filter, mutate, and sample your data for ingestion into OpenSearch</p>
        <p class="last-link" >Documentation &#x2192;</p>
      </div>
  
    <div class="card">
      <a href="{{site.url}}/docs/latest/clients/" class='card-link'></a>
        <p class="heading">Clients</p>
        <p class="description">Interact with OpenSearch from your application using language APIs</p>
        <p class="last-link">Documentation &#x2192;</p>
      </div>
  
    
    <div class="card">
      <a href="{{site.url}}/docs/latest/benchmark/" class='card-link'></a>
        <p class="heading">OpenSearch Benchmark</p>
        <p class="description">Measure performance metrics for your OpenSearch cluster</p>
        <p class="last-link">Documentation &#x2192;</p>
      </div>  
  </div>
  
</div>