<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test Page</title>
    <style>
    .sdiv {max-width:600px; margin:5px auto; font-family: arial;background: yellow;}
 .sdopt {opacity:1.0;}  .sdopt:hover {opacity:0.0;}
    </style>
</head>
<body>
<img src="menulinks/houseclr.png" width="35px" style="background:#187bf4; position:fixed; top:5px; left:5px; padding:5px;">
<a href="index.php"><img src="menulinks/home.png" class="sdopt" width="35px" style="background:#f5f597; position:fixed; top:5px; left:5px; padding:5px;"></a>

<img src="menulinks/person2.png" width="35px" style="background:#26ec03; position: fixed; top:5px; left:55px; padding:5px;">
<a href="index.php"><img src="menulinks/person2a.png" class="sdopt" width="35px" style="background:#f5f597; position: fixed; top:5px; left:55px; padding:5px;"></a>

<img src="menulinks/company3a.png" width="35px" style="background:#f9a9ee; position: fixed; top:5px; left:105px; padding:5px;">
<a href="index.php"><img src="menulinks/company3.png" class="sdopt" width="35px" style="background:#f5f597; position: fixed; top:5px; left:105px; padding:5px;"></a>

<img src="menulinks/service.png" width="35px" style="background:#03d5ec; position: fixed; top:5px; left:155px; padding:5px;">
<a href="index.php"><img src="menulinks/people2.png" class="sdopt" width="35px" style="background:#f5f597; position: fixed; top:5px; left:155px; padding:5px;"></a>

<img src="menulinks/email4a.png" width="35px" style="background:#faa80e; position:fixed; top:5px; left:205px; padding:5px;">
<a href="index.php"><img src="menulinks/email4.png" class="sdopt" width="35px" style="background:#f5f597; position:fixed; top:5px; left:205px; padding:5px;"></a>

<img src="menulinks/phoneb.png" width="35px" style="background:#a9bcf9; position: fixed; top:5px; left:255px; padding:5px;">
<a href="index.php"><img src="menulinks/phonea.png" class="sdopt" width="35px" style="background:#f5f597; position: fixed; top:5px; left:255px; padding:5px;"></a>

<img src="menulinks/whatsapp1.png" width="35px" style="background:#26ec03; position: fixed; top:5px; left:305px; padding:5px;">
<a href="index.php"><img src="menulinks/whatsapp2.png" class="sdopt" width="35px" style="background:#f5f597; position: fixed; top:5px; left:305px; padding:5px;"></a>



</body>
</html>