<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.container {
position: relative;
display: inline-block;
}
.image {
display: block;
max-width: 100%;
height: auto;
}
.share-button {
position: absolute;
top: 10px;
right: 10px;
background-color: #3498db;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<img class="image" src="your_image_url.jpg" alt="Your Image">
<button class="share-button" onclick="shareImage()">Share</button>
</div>
<script>
function shareImage() {
// Add your sharing logic here
alert("Sharing image!");
}
</script>
</body>
</html>
Here many types of latest technology news, many useful (tools, software, apps, website, technical problem solution )If you have any query regrading Site, Advertisement and any other issue, please feel free to contact me