content: import StyleSheet from 'react-style';
  import React from 'react';
  
  import UserRegisterCard from '../components/UserRegisterCard';
  import UserResetPasswordCard from '../components/UserResetPasswordCard';
  import UserResetPasswordByEmailCard from '../components/UserResetPasswordByEmailCard.js';
  import QueryUserCard from '../components/QueryUserCard';
  import QueryUserNameCard from '../components/QueryUserNameCard';
  import AdminIndexCard from '../components/AdminIndexCard';
  
  let Homepage = React.createClass({
  
    render() {
      return (
        <div className="mdl-grid">
          <div className="mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-cell--4-col-phone">
            <UserRegisterCard />
          </div>
  
          <div className="mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-cell--4-col-phone">
            <UserResetPasswordCard />
            <UserResetPasswordByEmailCard />
            <QueryUserNameCard />
          </div>
  
          <div className="mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-cell--4-col-phone">
            <QueryUserCard />
            <AdminIndexCard />
          </div>
        </div>
      );
    },
  
  });
  
  export default Homepage;
  