Cards und Panels

---

Dashboardcards

siehe Dashboard

Source Code

			<div class="dashboard-card widget-2 col-12 col-md-6 col-xl-3">
				<div class="card blur shadow-base overflow-hidden">
				   <div  class="card-header">
					  <h3 >heading</h3>
				   </div>
				   <hr >
				   <div class="card-body">
					
				   </div>
				   <!-- ->
				</div>
			 </div>
									

Class Reference

content	content
class="col-12 col-md-6 col-xl-3"	Card mit 1/4 Größe
class="col-12 col-md-6 col-xl-4"	Card mit 1/3 Größe
class="col-xl-12"	Card mit 1/1 Größe

Panels

Source Code

					<div class="row mg-t-30">
						<div class="col-xl-12 ">
							<div class="widget-2">
								<div class="card panel shadow-base overflow-hidden">
									<div class="modal-header row">
										<div class="col-11"><h2 class="">Heading</h2></div>
										
										<div class="col-1 d-flex justify-content-end">
											<a href="#" class="btn btn-primary btn-icon " role="button">
												<i class="glyphicons-basic-31-pencil"></i>
											</a>
										</div>
									</div>
									<hr class="panel">
									<!-- card-header -->
									<div class="modal-body">
										<div class="row mg-x-30">
											<div class="col-md-6">
											</div>
										</div>
									</div>
									<!-- card-body -->
									<div class="modal-footer">
										<a href="#" class="btn btn-light " role="button">Lorem Ipsum</a> 
										<a href="#"  class="btn btn-danger ">Mit Email Ablehnen<i class="mg-l-7 glyphicons-basic-11-envelope"></i></a>
										<a href="#" class="btn btn-primary " role="button">Annehmen<i class="mg-l-7 glyphicons-basic-194-circle-empty-check"></i></a> 
									  </div>
								</div>
							</div>
						</div>
					</div>