Zindagi Poetry Deep Feelings of Life in Beautiful Words
The Pain of Separation Judai poetry explains the deep emotional pain people feel after losing someone they love. These emotional verses help readers connect with feelings of heartbreak and sadness.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Memories That Never Fade People love judai poetry because it keeps emotional memories alive in beautiful words. These poems remind readers of moments they can never forget.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Love and Heartbreak in Poetry Love and pain are important themes in judai poetry, making emotional poetry more relatable for readers. Heartbreak gives depth and sadness to every poetic verse.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Loneliness After Separation Loneliness becomes stronger after separation, and judai poetry beautifully explains this emotional emptiness. Readers often relate to these feelings during difficult times.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Waiting for a Loved One Waiting for someone special is a powerful emotion often shown in judai poetry. These poems describe hope, patience, and emotional pain together.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Broken Hearts and Silent Tears Broken hearts are a major part of judai poetry, where silent tears express hidden emotional pain. These verses touch readers deeply because they feel real and personal.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Missing Someone Every Day The daily pain of missing someone is beautifully explained in judai poetry through emotional and touching lines. Readers often connect deeply with these feelings.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Love Lost in Silence Silent endings and unfinished love stories are common themes in judai poetry. These emotional verses explain how love sometimes fades without words.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Conclusion Judai poetry remains one of the most emotional forms of Urdu literature because it speaks directly to the heart. It explains feelings of separation, heartbreak, loneliness, and memories in simple but meaningful words. Readers connect deeply with these verses because the emotions feel real and relatable in everyday life.
Today, judai poetry is popular not only in books but also on social media, songs, and poetry websites. Its emotional beauty continues to inspire readers of every generation and keeps Urdu poetry alive in modern culture.
