bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

]nbmbmbnmbnmbnmnbnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

<!DOCTYPE html>
<html>
<head>
    <title>Text on Image</title>
    <style>
        /* Style for the container div */
        .image-container {
            position: relative;
            display: inline-block;
        }

/* Style for the text */
        .image-text {
            position: absolute;
            top: 20px; /* Adjust the top position as needed */
            left: 20px; /* Adjust the left position as needed */
            font-size: 18px;
            color: white;
            background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
            padding: 10px;
        }
    </style>
</head>
<body>
    <img src="images/digital/5.png" alt="Your Image" usemap="#image-map" />
    <map name="image-map">
        
        <area shape="poly" coords="284,18,815,11,1082,473,819,936,277,936,16,475" href="link1.html" alt="Description 1" />
        
        
    </map>
    <script>
        document.onmousemove = function(e){
var x = e.pageX;
var y = e.pageY;
e.target.title = "X is "+x+" and Y is "+y;
}
    </script>
</body>
</html>