<md-content  class="md-padding" layout="row" layout-wrap layout-align="center start" style="width: 100%;background-color: #F1F1F1;">
  <md-card style="padding: 20px 40px;width: 70%;">
    <md-card-title>
      <md-card-title-text style="text-align: center;color: black">
        <span class="md-headline">Start Up Jalsa</span>
      </md-card-title-text>
    </md-card-title>
    <form name="loginForm">
      <md-input-container class="md-block md-icon-float">
        <label>Name</label>
        <md-icon md-svg-src="assets/images/ic_person_black_24px.svg"></md-icon>
        <input type="text" ng-model="data.name">
      </md-input-container>
      <md-input-container class="md-block md-icon-float">
        <label>Email</label>
        <md-icon md-svg-src="assets/images/ic_email_black_24px.svg" class="password"></md-icon>
        <input type="text" ng-model="data.password">
      </md-input-container>
      <md-input-container class="md-block md-icon-float">
        <label>Mobile No.</label>
        <md-icon md-svg-src="assets/images/ic_phone_black_24px.svg"></md-icon>
        <input type="number" ng-model="data.phone">
      </md-input-container>
      <md-input-container class="md-block md-icon-float">
        <label>City</label>
        <md-icon <i class="material-icons">place</i></md-icon>
        <input type="text" ng-model="data.city">
      </md-input-container>
      <md-input-container class="md-block md-icon-float">
        <label>Monthly Income</label>
        <md-icon <i class="material-icons">payment</i></md-icon>
        <input type="text" ng-model="data.monthlyIncome">
      </md-input-container>
      <div layout="row" layout-align="center center">
        <md-button class="md-raised md-primary" id="createPass" ng-disabled="loginForm.$invalid" ng-click="create()">submit</md-button>
      </div>
    </form>
  </md-card>
</md-content>
<toaster-container toaster-options="{'time-out': 2000, 'close-button':true, 'animation-class': 'toast-top-right'}"></toaster-container>