<div class="col-12">
	<p class="fw-semibold">Example</p>
	<div class="border p-3 rounded">
		<div class="list-feed list-feed-solid">
			<div class="list-feed-item border-warning">
				<a href="#">Some one</a> requested refund for a double bank card charge
				<div class="text-muted">Jan 22 / 2021, 12:47</div>
			</div>
			<div class="list-feed-item border-info">
				User <a href="#">Some one</a> from Google is awaiting for staff reply
				<div class="text-muted">Jan 22 / 2021, 12:47</div>
			</div>
			<div class="list-feed-item border-success">
				Ticket <strong>#43683</strong> has been resolved by <a href="#">Some one</a>
				<div class="text-muted">Jan 22 / 2021, 12:47</div>
			</div>
			<div class="list-feed-item border-secondary">
				<a href="#">Some one</a> merged <strong>Master</strong>, <strong>Demo</strong> and <strong>Dev</strong> branches
				<div class="text-muted">Jan 22 / 2021, 12:47</div>
			</div>
			<div class="list-feed-item border-danger">
				All sellers have received payouts for December, 2021!
				<div class="text-muted">Jan 22 / 2021, 12:47</div>
			</div>
			<div class="list-feed-item border-primary">
				<a href="#">Some one</a> created a new ticket <strong>#43136</strong> and assigned to <a href="#">Some one</a>
				<div class="text-muted">Jan 22 / 2021, 12:47</div>
			</div>
		</div>
	</div>
</div>
<script>
	var toolsSection = document.getElementById('toolsSection');
	toolsSection.classList.add('active');
	var tools = document.getElementById('tools');
	tools.classList.add('show');
	var currentLink = document.getElementById('eventLog');
	currentLink.classList.add('active');
</script>