@extends('users.master') @section('content')
<div class="col-md-12">
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#login">
    Launch demo modal
</button>
    <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <!--Modal: Contact form-->
        <div class="modal-dialog cascading-modal" role="document">

            <!--Content-->
            <div class="modal-content">

                <!--Header-->
                <div class="modal-header info-color white-text">
                    <h4 class="title">
                    <i class="fa fa-pencil"></i> Contact form</h4>
                    <button type="button" class="close waves-effect waves-light" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                </div>
                <!--Body-->
                <div class="modal-body">

                    <!-- Default input name -->
                    <label for="defaultFormNameModalEx">Your name</label>
                    <input type="text" id="defaultFormNameModalEx" class="form-control form-control-sm">

                    <br>

                    <!-- Default input email -->
                    <label for="defaultFormEmailModalEx">Your email</label>
                    <input type="password" id="defaultFormEmailModalEx" class="form-control form-control-sm">

                    <br>

                    <!-- Default input subject -->
                    <label for="defaultFormSubjectModalEx">Subject</label>
                    <input type="text" id="defaultFormSubjectModalEx" class="form-control form-control-sm">

                    <br>

                    <!-- Default textarea message -->
                    <label for="defaultFormMessageModalEx">Your message</label>
                    <textarea type="text" id="defaultFormMessageModalEx" class="md-textarea form-control"></textarea>

                    <div class="text-center mt-4 mb-2">
                        <button class="btn btn-info">Send
                        <i class="fa fa-send ml-2"></i>
                    </button>
                    </div>

                </div>
            </div>
            <!--/.Content-->
        </div>
        <!--/Modal: Contact form-->
    </div>

</div>
<div class="row">

<div class="col-md-6">
  <div class="card">
    <div class="card-header deep-orange lighten-1 white-text">Featured</div>
    <div class="card-body">
        <h4 class="card-title">Special title treatment</h4>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
        <a class="btn btn-deep-orange">Go somewhere</a>
    </div>
  </div>

</div>
<br>
<div class="col-md-6">
  <div class="card">

  <!-- Card body -->
  <div class="card-body">

      <!-- Material form register -->
      <form>
          <p class="h4 text-center py-4">Sign up</p>

          <!-- Material input text -->
          <div class="md-form">
              <i class="fa fa-user prefix grey-text"></i>
              <input type="text" id="materialFormCardNameEx" class="form-control">
              <label for="materialFormCardNameEx" class="font-weight-light">Your name</label>
          </div>

          <!-- Material input email -->
          <div class="md-form">
              <i class="fa fa-envelope prefix grey-text"></i>
              <input type="email" id="materialFormCardEmailEx" class="form-control"  autocomplete="off">
              <label for="materialFormCardEmailEx" class="font-weight-light">Your email</label>
          </div>

          <!-- Material input email -->
          <div class="md-form">
              <i class="fa fa-exclamation-triangle prefix grey-text"></i>
              <input type="email" id="materialFormCardConfirmEx" class="form-control">
              <label for="materialFormCardConfirmEx" class="font-weight-light">Confirm your email</label>
          </div>

          <!-- Material input password -->
          <div class="md-form">
              <i class="fa fa-lock prefix grey-text"></i>
              <input type="password" id="materialFormCardPasswordEx" class="form-control">
              <label for="materialFormCardPasswordEx" class="font-weight-light">Your password</label>
          </div>

          <div class="text-center py-4 mt-3">
              <button class="btn btn-cyan" type="submit">Register</button>
          </div>
      </form>
      <!-- Material form register -->

  </div>
  <!-- Card body -->

</div>
</div>
</div>
@endsection