		<div class="section mt-4">
            <div class="transactions">
				<div class="row">
					<div class="col-sm-4 mt-4">
						<div class="text-center"><h4 class="title">Attendance Overview</h4></div>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/brand/1.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Attendance</strong></div>
							</div>
							<div class="right"><div class="price text-danger"> - 150</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/brand/2.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Leave</strong></div>
							</div>
							<div class="right"><div class="price text-danger">- 29</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/avatar/avatar3.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Demo</strong></div>
							</div>
							<div class="right"><div class="price">+ 1,000</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/avatar/avatar4.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Demo</strong></div>
							</div>
							<div class="right"><div class="price text-danger">- 186</div></div>
						</a>
					</div>
					<div class="col-sm-4 mt-4">
						<div class="text-center"><h4 class="title">Attendance Overview</h4></div>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/brand/1.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Attendance</strong></div>
							</div>
							<div class="right"><div class="price text-danger"> - 150</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/brand/2.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Leave</strong></div>
							</div>
							<div class="right"><div class="price text-danger">- 29</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/avatar/avatar3.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Demo</strong></div>
							</div>
							<div class="right"><div class="price">+ 1,000</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/avatar/avatar4.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Demo</strong></div>
							</div>
							<div class="right"><div class="price text-danger">- 186</div></div>
						</a>
					</div>
					<div class="col-sm-4 mt-4">
						<div class="text-center"><h4 class="title">Attendance Overview</h4></div>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/brand/1.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Attendance</strong></div>
							</div>
							<div class="right"><div class="price text-danger"> - 150</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/brand/2.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Leave</strong></div>
							</div>
							<div class="right"><div class="price text-danger">- 29</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/avatar/avatar3.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Demo</strong></div>
							</div>
							<div class="right"><div class="price">+ 1,000</div></div>
						</a>
						<a href="" class="item">
							<div class="detail">
								<img src="../assets/img/sample/avatar/avatar4.jpg" alt="img" class="image-block imaged w48">
								<div><strong>Demo</strong></div>
							</div>
							<div class="right"><div class="price text-danger">- 186</div></div>
						</a>
					</div>
				</div>
		   </div>
        </div>