<div class="container container-cards-pf">
  <div class="col-md-12">
    <div class="row">
      <div class="col-md-3 hidden-sm hidden-xs">
        <img src="~images/landing-image.png"/>
      </div>
      <div class="col-md-9">
        <h1><a style="cursor: pointer; cursor: hand" ui-sref="default">Thermostat</a></h1>
        <h2 translate>about.ABOUT</h2>
        <p translate>about.OVERVIEW</p>
        <h2 translate>about.VERSION</h2>
        <dl class="dl-horizontal">
          <dt translate>about.WEB_CLIENT</dt>
          <dd translate>CLIENT_VERSION</dd>
        </dl>
        <p translate>about.DOCUMENTATION</p>
        <h2 ng-if="$ctrl.username" translate>about.ACCOUNT</h2>
        <p ng-if="$ctrl.username" translate="about.ACCOUNT_DETAIL" translate-values="{ username: $ctrl.username }"></p>
      </div>
    </div>
  </div>
</div>