JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular-material.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular-material.min.css">
<body ng-app="PayrApp">

  <md-toolbar layout="row" class="md-default-theme">
    <div class="md-toolbar-tools">
      <md-button href="#">Payr</md-button>
      <!-- fill up the space between left and right area -->
      <span flex></span>
      <md-button href="#">Sign In</md-button>
    </div>
  </md-toolbar>

  <div layout-fill>
      <div layout="column" layout-align="center center" class="coverImage" layout-fill>
      <md-content class="md-padding">
        sample text
      </md-content>
      <md-button class="md-raised md-primary">Sign Up</md-button>
    </div>
  </div>
</body>

JavaScript

var payrApp = angular.module('PayrApp', ['payrControllers',  'ngMaterial']);