LDS.html

<div class="slds-card">
  <header class="slds-card__header">
    <div class="slds-media slds-media--center">
      <div class="slds-media__figure">
        <div aura:id="svg_today">
          <![CDATA[<svg aria-hidden="true" class="slds-icon slds-icon--small slds-icon-text-default">
          <use xlink:href="/resource/SLDS080/assets/icons/action-sprite/svg/symbols.svg#priority"></use>
          </svg>]]>  
        </div>
      </div>
      <div class="slds-media__body">
        <h3 class="slds-text-heading--small">Today Summary</h3>
      </div>
    </div>
  </header>
  <section class="slds-card__body">
    <!-- LIST WITH ONE ITEM -->
    <ul>
      <li class="slds-tile slds-hint-parent">
        <div class="slds-text-heading--small">Steps : {!v.todayData.summary.steps}</div>
        <div class="slds-text-heading--small">Distances :  {!v.todayData.summary.distances[0].distance} </div>
        <div class="slds-text-heading--small">Calories : {!v.todayData.summary.caloriesOut}</div>
        <div class="slds-text-heading--small">Floors : {!v.todayData.summary.floors}</div>
      </li>
    </ul>
  <!-- LIST WITH ONE ITEM -->
  </section>
</div>