<style>
.actn-menu ul
{
	padding: 0;
    list-style: none;
}
.actn-menu li
{
    padding: 10px;
    background: #e1f0ff;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1f67b2;
        border-radius: 10px;
}
.actn-menu li i 
{
	margin: 0px 7px;
    background: #1f67b2;
    padding: 5px;
    color: white;
    border-radius: 20px;
}
.actn-menu li a 
{
	text-decoration: none;
	color: #1f67b2;
}
.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
.bluesky-logo 
{
	width: 70px;
    height: 60px;
    float: right;
    display: flex;
    position: absolute;
    right: 21px;
    top: 48px;
}

</style>




<div class="row actn-menu">
	<div class="col-lg-3">
		<ul>
			<li><a href="#"><i class="fa fa-check pulse"></i>Select/Deselect</a></li>
			<li><a href="#"><i class="fa fa fa-retweet pulse"></i>Convert to Enquiry</a></li>

		</ul>
	</div>
	<div class="col-lg-3">
				<ul>
			<li><a href="#"><i class="fa fa-certificate pulse"></i>Activity</a></li>
			<li><a href="#"><i class="fa fa-ban pulse"></i>Cancel</a></li>

		</ul>
	</div>
	<div class="col-lg-3">
				<ul>
			<li><a href="#"><i class="fa fa-print pulse"></i>Print</a></li>
			<li><a href="#"><i class="fa fa-edit pulse"></i>Edit</a></li>

		</ul>
	</div>
	<div class="col-lg-3" style="display: flex;padding: 0;">
		<img src="images/logo-bluesky.png" style="width:45%;margin: 5px;">
<!-- <img src="images/logo-bluesky.png" class="bluesky-logo " > -->

	</div>
</div>