GoogleMaterialを使ってWebページを作成する

GoogleMaterialを使ってWebページを作成してみました

参考サイト

公式サイトにテンプレートがあったので使用してみることにしました getmdl.io

結果

テンプレートですが、そのままでは表示がうまくいかなかったので以下をHeadタグに追加するとうまく表示できました。 これをもとにカスタマイズしたいと思います。 公式サイトは英語のものが多くて躊躇していたのですが、少しづつ読む習慣がついてきたと思います・・・！

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>