insight-ui-zcash/public/views/index.html

<div class="alert alert-danger" data-ng-show="flashMessage">
  {{flashMessage}}
</div>
<section data-ng-controller="IndexController" data-ng-init="index()">
  <div class="container">
    <div id="home" class="row">
      <div class="col-md-8 m20v">
        <h2>Latest Blocks</h2>
        <table class="table table-hover" >
          <thead>
            <tr>
              <th>Height</th>
              <th>Age</th>
              <th>Transactions</th>
              <th>Size</th>
              <th>Confirmations</th>
            </tr>
          </thead>
          <tbody>
          <tr data-ng-show="!blocks.length"><td colspan="5">Waiting for blocks...</td></tr>
          <tr class="fader" data-ng-repeat='b in blocks'>
            <td>
              <a href="/#!/block/{{b.hash}}">{{b.height}}</a>
            </td>
            <td>{{humanSince(b.time)}}</td>
            <td>{{b.tx.length}}</td>
            <td>{{b.size}}</td>
            <td>{{b.confirmations}}</td>
          </tr>
          </tbody>
        </table>
        <h3 style="margin-top: 50px;"> About </h3>
        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, sint, neque harum libero eos maiores rerum rem fuga quae architecto ea incidunt dolore optio ullam sit placeat vero perferendis beatae?</p>
        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, unde quidem commodi dolor asperiores ullam molestias sit a sapiente ipsa!</p>
        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt tempora fugiat dolorem cupiditate perspiciatis praesentium.</p>
      </div>

      <div class="col-md-4">
        <div class="col-gray">
          <h4>Latest Transactions</h4>

          <table class="table table-hover" style="table-layout: fixed">
            <thead>
              <tr>
                <th>Hash</th>
                <th>Age</th>
                <th>Value Out</th>
              </tr>
            </thead>
            <tbody>
            <tr data-ng-show="!txs.length"><td colspan="5">Waiting for transactions...</td></tr>
            <tr class="fader" data-ng-repeat='tx in txs'>
              <td>
                <a class="ellipsis" href="/#!/tx/{{tx.txid}}">{{tx.txid}}</a>
              </td>
              <td><span class="ellipsis">{{humanSince(tx.time)}}</span></td>
              <td>{{tx.valueOut}}</td>
            </tr>
            </tbody>
          </table>
          <div class="m50v"></div>
          <h4> Other Bitcoin Links </h4>
          <ul style="line-height: 22px;">
            <li>
              <a href="">Most Popular Addresses</a>
              <small> - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores.</small>
            </li>
            <li>
              <a href="">Addresses</a>
              <small> - Addresses which have received the most payments</small>
            </li>
            <li>
              <a href="">Lorem ipsum dolor.</a>
              <small> - Lorem ipsum dolor sit amet.</small>
            </li>
            <li>
              <a href="">Most Popular Addresses</a>
              <small> - Addresses which have received the most payments</small>
            </li>
            <li>
              <a href="">Lorem ipsum dolor sit.</a>
              <small> - Lorem ipsum dolor sit amet, consectetur adipisicing.</small>
            </li>
            <li>
              <a href="">Addresses</a>
              <small> - Addresses which have received the most payments</small>
            </li>
          </ul>
        </div>
      </div> <!-- END OF COL-3 -->
    </div>
  </div>
</section>