Modals

---

Allgemein, Erfolg und Warning

Source Code

<!-- Standard Modal-->
<div class="modal">
	<div class="modal-dialog" role="document">
	  <div class="modal-content">
		  <div class="modal-header">
		  <h3>Card Header</h3>
		  <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">×</span>
		  </button>
		</div>
		<div class="modal-body">
		  <h3 class="lh-4 mg-b-20">Heading</h3>
		  <p class="mg-b-5">Text und andere Inhalte kommen hier hin</p>
		</div>
		<div class="modal-footer">
		  <a href="#" class="btn btn-light " role="button">Schließen</a> 
			  <a href="#" class="btn btn-primary  pd-y-12 pd-0" role="button">Call To Action</a> 
		</div>
	  </div>
	</div><!-- modal-dialog -->
  </div><!-- modal -->


<!-- Success Modal-->
<div class="modal">
	<div class="modal-dialog" role="document">
	  <div class="modal-content">
		  <div class="modal-header justify-content-end">
			  <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body tx-center">
		  <i class="l-ht-1 glyphicons-basic-634-circle-check col-green d-inline-block tx-80 pd-b-10"></i>
		  <h4 class="tx-success mg-b-20">Congratulations!</h4>
		  <p class="mg-b-5">Text und andere Inhalte kommen hier hin</p>
		  </div><!-- modal-body -->
		  <div class="modal-footer justify-content-center">
			  <a href="#" class="btn btn-light " role="button">Schließen</a> 
			</div>
		</div><!-- modal-content -->
	  </div><!-- modal-dialog -->
	</div><!-- modal -->

<!-- Warning Modal-->
<div class="modal">
	<div class="modal-dialog" role="document">
	  <div class="modal-content">
		  <div class="modal-header justify-content-end">
			  <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">×</span>
				</button>
			</div>
		  <div class="modal-body tx-center pd-x-25 pd-b-20 pd-t-0">
	  <i class="l-ht-1 glyphicons-halflings-101-circle-remove col-red d-inline-block tx-80 pd-b-10"></i>
	  <h4 class="tx-danger mg-b-20">Es ist ein Fehler aufgetreten!</h4>
	  <p class="mg-b-5">Error message und Fehlerspezifikationen</p>
	  </div><!-- modal-body -->
	  <div class="modal-footer justify-content-center">
		  <a href="#" class="btn btn-light " role="button">Schließen</a> 
		</div>
	</div><!-- modal-content -->
  </div><!-- modal-dialog -->
</div><!-- modal -->