oravecz/Angular Material Basic App 1.0.markdown

## Angular Material Basic App 1.0.markdown

      
    Raw
  

              Angular Material Basic App 1.0.markdown
            
          
    Angular Material Basic App 1.0

Based on the Angular Material Getting Started, but with the HTML dependencies included in the settings.
https://material.angularjs.org/latest/getting-started
A Pen by Jim Cook on CodePen.
License.

  
## index.html
<html lang="en" >
<body ng-app="BlankApp" ng-cloak>
  <md-toolbar layout="row">
    <h1>Hello World</h1>
  </md-toolbar>
  <script>
     angular.module('BlankApp', ['ngMaterial']);
  </script>
</body>
</html>

## scripts
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>

## style.css
.md-toolbar-tools h1 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}

## styles
<link href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css" rel="stylesheet" />
	<html lang="en" >
	<body ng-app="BlankApp" ng-cloak>
	<md-toolbar layout="row">
	<h1>Hello World</h1>
	</md-toolbar>
	<script>
	angular.module('BlankApp', ['ngMaterial']);
	</script>
	</body>
	</html>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
	.md-toolbar-tools h1 {
	font-size: inherit;
	font-weight: inherit;
	margin: inherit;
	}