anchor.diff:      </a>
     </div>
   </div>
  +
  +  </div>
  +  <div class="mdl-cell mdl-cell--4-col">
  +  	
  +<div class="demo-card-square mdl-card mdl-shadow--2dp">
  +  <div class="mdl-card__title mdl-card--expand">
  +    <h2 class="mdl-card__title-text">Add Players</h2>
  +  </div>
  +  <div class="mdl-card__supporting-text">
  +    Create a new player or edit an existing one. Profile photos are handled via Gravatar and not within this app.
  +  </div>
  +  <div class="mdl-card__actions mdl-card--border">
  +    <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
  +      Add Scores
  +    </a>
  +  </div>
  +</div>
  +
  +
  +  </div>
  +</div>
  +
  +
  +
   
   
   	<div class='col-md-6'>
  
positive.code:   </div>
  </div>
  
  <style>
  .demo-card-square.mdl-card {
    width: 320px;
    height: 320px;
  }
  .demo-card-square > .mdl-card__title {
    color: #fff;
    background:
      url('../assets/demos/dog.png') bottom right 15% no-repeat #46B6AC;
  }
  </style>
  
  <div class="demo-card-square mdl-card mdl-shadow--2dp">
    <div class="mdl-card__title mdl-card--expand">
      <h2 class="mdl-card__title-text">Add Scores</h2>
  
negative.code: }
  </style>
  
  <div class="mdl-grid">
    <div class="mdl-cell mdl-cell--4-col">
  
    	<div class="demo-card-square mdl-card mdl-shadow--2dp">
    <div class="mdl-card__title mdl-card--expand">
      <h2 class="mdl-card__title-text">View Rankings</h2>
    </div>
    <div class="mdl-card__supporting-text">
      Here you can view the latest rankings based on our ELO point rating system.
    </div>
    <div class="mdl-card__actions mdl-card--border">
      <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
  