add material2 and flex-layout

[fulls1z3]

I'm submitting a ... (check one with "x")

[ ] bug report => check the README and search github for a similar issue or PR before submitting
[ ] support request => check the README and search github for a similar issue or PR before submitting
[x] feature request

Current behavior
The project has a very primitive UI.

Expected/desired behavior
Leveraging the power of @angular/material2 and @angular/flex-layout.

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?
Using @angular/material2 and @angular/flex-layout on a server-side-rendered Angular project and seeding it would save dozens of hours of development time of our community.

However, we need to wait until @angular/flex-layout beta.9 to be released, beta.8 fails on server-side rendering (angular/flex-layout#187).

Please tell us about your environment:

• Angular version: 2.0.X

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

• Node (for AoT issues): node --version =