Spruha - Bootstrap Premium HTML Dashboard Template

Accordions

Displays collapsible content panels for presenting information in a limited amount of space. General accordion HTML structure in Spruha template.

	
		
			<div class="card">
				<div class="card-header" id="headingOne" role="tab">
					<a aria-controls="collapseOne" aria-expanded="true" data-bs-toggle="collapse" href="#collapseOne">Making a Beautiful CSS3 Button Set</a>
				</div>
				<div aria-labelledby="headingOne" class="collapse show" data-bs-parent="#accordion" id="collapseOne" role="tabpanel">
					<div class="card-body">
						A concisely coded CSS3 button set increases usability across the board, gives you a ton of options, and keeps all the code involved to an absolute minimum. Anim pariatur cliche reprehEnderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
					</div>
				</div>
			</div>
		
	
Sweet Alert

General Sweet Alert HTML structure in Spruha template.

		
			
				<div class="card custom-card text-center">
					<div class="card-body">
						<div>
							<h6 class="main-content-label mb-1">Basic Alert</h6>
							<p class="text-muted card-sub-title">A Basic Message</p>
						</div>
						<div class="btn ripple btn-primary" id="swal-basic">
							Click me !
						</div>
					</div>
				</div>
					
		
	
	
		
			<!-- Internal Sweet-Alert css-->
			<link href="../assets/plugins/sweet-alert/sweetalert.css" rel="stylesheet">
		
	
	


		<!-- Internal Sweet-Alert js-->
		<script src="../assets/plugins/sweet-alert/sweetalert.min.js"></script>
		<script src="../assets/plugins/sweet-alert/jquery.sweet-alert.js"></script>
	
	
Type URL
Plugin Link bootstrap-sweetalert/
Rating

General Rating HTML structure in Spruha template.

	
		
			<div class="rating-stars block my-rating"></div>
		
	
    

<!-- Star Rating-1 Js  -->
<script src="../assets/plugins/ratings-2/jquery.star-rating.js"></script>
<script src="../assets/plugins/ratings-2/star-rating.js"></script>

	
	
Type URL
Plugin Link star-rating-svg
Rating Style 2

General Rating HTML structure in Spruha template.

	
		
<div class="rating-stars block" id="rating-1" data-stars="2">

		
	
    
<!-- Star Rating Js  -->
<script src="../assets/plugins/rating/jquery-rate-picker.js"></script>
<script src="../assets/plugins/rating/rating-picker.js"></script>
	
	
Type URL
Plugin Link jquery-rate-picker
Days Hours Sec Counter in Under construction page

General Days Counters HTML structure in Spruha template.

	
		
<div id="launch_date"></div>
		
	
	
		
			<!-- Internal Jquery.Coutdown css-->
			<link href="../assets/plugins/jquery-countdown/jquery.countdown.css" rel="stylesheet">
		
	
    
		<!-- Internal Jquery.Coutdown js-->
		<script src="../assets/plugins/jquery-countdown/jquery.plugin.min.js"></script>
		<script src="../assets/plugins/jquery-countdown/jquery.countdown.js"></script>
		<script src="../assets/plugins/jquery-countdown/countdown.js"></script>