Cacher is the code snippet organizer for pro developers

<div class="pin-entry--content">
<div class="row" style="text-align: center">
            <div class="col col-10 col-offset-15" style="border-bottom: 1px solid black">
                {{pinCtrl.passcode.substring(0, 1)}}
            </div>
            <div class="col col-10 col-offset-10" style="border-bottom: 1px solid black">
                {{pinCtrl.passcode.substring(1, 2)}}
            </div>
            <div class="col col-10 col-offset-10" style="border-bottom: 1px solid black">
                {{pinCtrl.passcode.substring(2, 3)}}
            </div>
            <div class="col col-10 col-offset-10" style="border-bottom: 1px solid black">
                {{pinCtrl.passcode.substring(3, 4)}}
            </div>
        </div>
<div class="row" style="text-align: center">
              <div class="pin-entry--button col col-33">1</div>
              <div class="pin-entry--button col col-33">2</div>
              <div class="pin-entry--button col col-33">3</div>
            </div>

          <div class="row" style="text-align: center">
          <div class="pin-entry--button col col-33">4</div>
          <div class="pin-entry--button col col-33">5</div>
          <div class="pin-entry--button col col-33">6</div>
          </div>

          <div class="row" style="text-align: center">
            <div class="pin-entry--button col col-33">7</div>
            <div class="pin-entry--button col col-33">8</div>
            <div class="pin-entry--button col col-33">9</div>
          </div>

          <div class="row" style="text-align: center">
            <div class="pin-entry--button col col-33 col-offset-33">0</div>
            <div class="pin-entry--button button icon ion-arrow-left-a button-light button-stretch col"></div>
          </div>  
  <div>