gkilmain

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300);

body {
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #F6F8F8;
	font-size: 1.1em;
	//font-weight: bold;
}

.cf:before, .cf:after {

gkilmain

.card {
    width: 50px;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: left;
    margin: 5px;
}

gkilmain

angular.module('app', [])
  .controller('MainCtrl', MainCtrl)
  .directive('checkBox', checkBox);

function checkBox() {
  var directive = {
    controller: Controller,
    link: link,
    restrict: 'E',
    require: 'ngModel',

gkilmain

<ng-template #loginButtons>
  <button (click)="login()">{{loginText}}</button>
  <button (click)="signUp()">{{signUpText}}</button>
</ng-template>

<ng-template #logoText>
  <h3>Super Awsome Logo Text</h3>
</ng-template>

<ng-template #logo>

gkilmain

<record-text>Regular text</record-text>
<record-text class="title">Title text</record-text>