human-friendly-dates.html

<div class="container mt-4 mb-2" style="max-width: 600px">
  <h2>Human Feed</h2>
  <p class="lead">This is a demo of human-friendly dates <!-- ... --></p>
  
  <div class="mx-auto text-center">
    <p class="lead mb-1">View in</p>
    
    <div class="btn-group mb-2" id="localeControls">
      <button
        id="localeControl-en"
        class="btn btn-sm btn-secondary active"
      >
        English
      </button>
      
      <button
        id="localeControl-ar"
        class="btn btn-sm btn-secondary"
      >
        عربي
      </button>
    </div>
  </div>
  
  <h3 id="feedHeader">What's New</h3>
  
  <ul class="list-group pr-0" id="feed">
  </ul>
</div>