rramona2
1/10/2018 - 11:13 AM

mdl-gas-template

mdl-gas-template

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    
    <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>
  </head>
  <body>
    
    <header class="mdl-layout__header is-casting-shadow">
      <div class="mdl-layout__header-row">
        <span class="mdl-layout-title" style="color:white;">Site Title</span>
        <div class="mdl-layout-spacer"></div>
      </div>
    </header>
    
    <div class="page-content" style="padding:20px;text-align:center">
      <main class="mdl-layout__content">
        <div class="page-content" style="padding:20px;text-align:center">
          
          <h3>Email Address</h3>
          <div id="input">
            <div class="mdl-textfield mdl-js-textfield textfield-demo is-upgraded">
              <input class="mdl-textfield__input" type="text" id="email">
              <label class="mdl-textfield__label" for="email">Enter Your Email Address</label>
            </div>
            <br />
            <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">Send</button><br /><br />
          </div>
          <div style="margin-top:2px"> <a ><br />
          <img src="https://lh3.googleusercontent.com/-AEQ0rpjmn3k/WhwNPlxSuWI/AAAAAAAACH8/uqHYvCQzbGITpcu9lW8bhCUGXPgrsgRtQCEwYBhgL/w140-h140-p/cartoon.png" width="70px"></a><br /><br />
          <sup style="color:grey">Ryan Ramona rramona@google.com</sup>
        </div>
        
      </div>
    </main>
  </div>
  
</body>
</html>