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

		<!--Card content-->
		<div class="card-block text-xs-center">
			<!--Title-->
			<h4 class="card-title">For Patients</h4>
			<hr>
			<!--Text-->
			<p class="card-text">If you are current or new patient, click below to login.</p>
			<button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal-login">Login</button>
		</div>
		<!--/.Card content-->

	</div>
	<!--/.Card-->

	<!-- Modal -->

	<div class="modal fade modal-ext" id="modal-login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
			
			<!--Content-->
			<div class="modal-content">
			
				<!--Header-->
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					
					<h3><i class="fa fa-user"></i> Login</h3>
				</div>

				<!--Body-->
				<div class="modal-body">
					<div class="md-form">
						<i class="fa fa-envelope prefix"></i>
						<input type="text" id="form2" class="form-control">
						<label for="form2">Your email</label>
					</div>

					<div class="md-form">
						<i class="fa fa-lock prefix"></i>
						<input type="password" id="form3" class="form-control">
						<label for="form3">Your password</label>
					</div>
					
					<div class="text-xs-center">
						<button class="btn btn-primary btn-lg">Login</button>
					</div>
				</div>

				<!--Footer-->
				<div class="modal-footer">
					<div class="options">
						<p>New Patient? <a href="#">Sign Up</a></p>
						<p>Forgot <a href="#">Password?</a></p>
					</div>
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!--/.Modal-->

                       <!--Card content-->
                            <div class="card-block text-xs-center">
                                <h4 class="card-title">For Patients</h4>
                                <hr>
                                <p class="card-text">If you are current or new patient, click below to login.</p>
                                    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal-login">
                                        Login
                                    </button>
                                    <div class="modal fade modal-ext" id="modal-login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <!--Content-->
                                            <div class="modal-content">

                                                <!--Header-->
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                    <h3><i class="fa fa-user"></i> Login</h3>
                                                </div>

                                                <!--Body-->
                                                <div class="modal-body">
                                                    <div class="md-form">
                                                        <i class="fa fa-envelope prefix"></i>
                                                        <input type="text" id="form2" class="form-control">
                                                        <label for="form2">Your email</label>
                                                    </div>

                                                    <div class="md-form">
                                                        <i class="fa fa-lock prefix"></i>
                                                        <input type="password" id="form3" class="form-control">
                                                        <label for="form3">Your password</label>
                                                    </div>
                                                    <div class="text-xs-center">
                                                        <button class="btn btn-primary btn-lg">Login</button>
                                                    </div>
                                                </div>

                                                <!--Footer-->
                                                <div class="modal-footer">
                                                    <div class="options">
                                                        <p>New Patient? <a href="#">Sign Up</a></p>
                                                        <p>Forgot <a href="#">Password?</a></p>
                                                    </div>
                                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                        </div>
                    </div>
                </div>

.md-form .prefix {
    text-align: center;
}