reports.php

<style>
.xyz {
	-moz-border-radius:10px;
	box-shadow: 1px 2px 2px 3px rgba(0,0,0,0.3);
	background:#34ad00;
	padding:10px;
	width:280px;
    float: left;
	margin-left:5%;
}
.xh2 {
	color:#000033;
	font-size:14px;
}
.xli {
line-height:20px;
}
</style>

<div align="flex" style="margin-top: 10%">
<div style="animation-delay: 1s;animation-name: zoomIn;" data-wow-delay="1s" class="wow zoomIn animated animated xyz">
    <h2 class="xh2">
        Complain Status Details<ul>
            <a href="view.php?mod=admin&view=repo&id=close"></a><a href="view.php?mod=admin&view=repo&id=Closed"><li class="xli">Close Complains</li></a>
            <a href="view.php?mod=admin&view=repo&id=Working"><li class="xli">Working Complains</li></a>
        </ul>
    </h2>
</div>


<div style="animation-delay: 1s;animation-name: zoomIn;" data-wow-delay="1s" class="wow zoomIn animated animated xyz">
    <h2 class="xh2">
        Detail Reports
        <ul>
            <a href="view.php?mod=admin&view=repod&id=engineer"><li>Employee Details</li></a>
            <a href="view.php?mod=admin&view=repod&id=customer"><li>Customer Details</li></a>
        </ul>
    </h2>
</div>

<div style="animation-delay: 1s;animation-name: zoomIn;" data-wow-delay="1s" class="wow zoomIn animated animated xyz">
    <h2 class="xh2">
        Complaint Feedback Reports
        <ul>
            <a href="view.php?mod=admin&view=feedback&id=feedback"><li>Complaint Feedback Details</li></a>
            <li style="list-style: none">&nbsp;</li>
        </ul>
    </h2>
</div>

</div>