10

Welcome to My Website

This is a beautiful HTML design box. You can use it in Blogger posts, pages, or any website.

Learn More

<style>
.copy-box {
  max-width: 600px;
  margin: 30px auto;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  font-family: Arial, sans-serif;
}

.copy-box pre {
  background: #222;
  color: #0f0;
  padding: 15px;
  border-radius: 8px;
  overflow-x: auto;
}

.copy-btn {
  margin-top: 12px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #ff512f, #f09819);
  color: #fff;
  border: none;
  border-radius: 25px;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.copy-btn:hover {
  opacity: 0.9;
}
</style>

<div class="copy-box">
  <pre id="copyText">
এই লেখাটি কপি হবে
এখানে যেকোনো কোড বা লেখা বসাতে পারেন
  </pre>
  <button class="copy-btn" onclick="copyText()">Copy</button>
</div>

<script>
function copyText() {
  const text = document.getElementById("copyText").innerText;
  navigator.clipboard.writeText(text).then(function() {
    alert("Text copied successfully!");
  });
}
</script>