<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@*" data-semver="1.3.11" src="https://code.angularjs.org/1.3.11/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-aria.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angular_material/0.8.3/angular-material.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chance/0.5.6/chance.min.js"></script>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/0.8.3/angular-material.min.css" />
<script src="script.js"></script>
</head>
<body ng-app="demoMD">
<h1>Layout Demo</h1>
<div flex layout="row" layout-align="center" layout-wrap>
<div flex="70" flex-md="90" flex-sm="95" layout="row" layout-wrap style="height: 200px;">
<md-card flex="35" layout-padding style="height: 400px;">
<h2 class="md-subhead">Contact Information</h2>
<md-card-content>
<h2 class="md-subhead">About</h2>
</md-card-content>
</md-card>
<md-card flex="55" layout-padding >
<h2 class="md-subhead">Contact Information</h2>
<md-card-content>
<h2 class="md-subhead">About</h2>
</md-card-content>
</md-card>
<md-card flex="35" layout-padding style="height: 400px;">
<h2 class="md-subhead">Contact Information</h2>
<md-card-content>
<h2 class="md-subhead">About</h2>
</md-card-content>
</md-card>
</div>
</div>
</body>
</html>
// Code goes here
var chance = new Chance();
var app = angular.module('demoMD', [
'ngMaterial'
// TODO: Eventually we should refactor our "resources" to be individual submodules, like 'tvlApp.probes', 'fnet.identity', 'fnet.data', etc...
]);
app.controller('KitchenSinkCtrl', ['$rootScope','$scope','$timeout', function($rootScope,$scope,$timeout) {
}]);
/* Styles go here */