Angular Material md-button not working
<p>I have created a  html page and used angular material for responsiveness but when i try to add a button using md-button it does not work but md-card is working fine.</p>

<p>I have included all the files shown below</p>

<blockquote>
  <p>Blockquote</p>
</blockquote>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>   &lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
    &lt;title&gt;Image preview App&lt;/title&gt;
    
    &lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css"&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"&gt;&lt;/script&gt;
       &lt;link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"&gt;
    &lt;/head&gt;
    &lt;body ng-app&gt;
    &lt;md-card style="width:50%;height:300px;"&gt;
     &lt;md-button&gt;button&lt;/md-button&gt;
    &lt;/md-card&gt;
    &lt;/body&gt;
    &lt;/html&gt;
      </code></pre>
</div>
</div>
</p>