Eid Poetry Connection With Spiritual Values and Tradition
Through palestine poetry, writers connect spirituality with social awareness. This tradition builds empathy and keeps the message of hope alive.
Struggle and the Spirit of Freedom Palestine poetry in urdu strongly presents resistance against oppression. Poets describe freedom as a natural human right.
<!– 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;
}
This theme inspires courage and unity. It keeps the idea of freedom alive.
Faith and Spiritual Strength Palestine poetry in urdu connects struggle with faith and patience. Poets show how belief gives courage during hardship.
<!– 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;
}
Faith strengthens emotional resilience. It turns despair into hope.
Sorrow of Separation and Loss of Homeland Palestine poetry in urdu often describes the sorrow of leaving one’s homeland. Exile becomes a symbol of deep emotional loss.
<!– 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;
}
This theme shows attachment to homeland. Memory becomes a source of pain and identity.
Symbol of Olive Tree and Land Palestine poetry in urdu often uses the olive tree as a symbol of identity and patience. Land appears as a sacred trust and emotional anchor.
<!– 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;
}
This symbolism strengthens emotional meaning. It connects identity with nature and memory.
Martyrdom and Sacrifice Palestine poetry in urdu honors sacrifice with respect and pride. Poets describe martyrs as symbols of courage and dignity.
<!– 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;
}
Sacrifice inspires future generations. It strengthens collective identity.
Rise of Youth Voices and Student Awareness Palestine poetry in urdu inspires young voices to speak for justice. Students use poetry to express awareness and unity.
<!– 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;
}
Youth participation gives new energy to poetry. It ensures continuity of awareness.
Safeguarding Tradition and National Memory Palestine poetry in urdu preserves cultural memory through emotional storytelling. It protects identity during times of conflict.
<!– 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;
}
Poetry becomes a bridge between past and present. It protects cultural roots.
Women as Symbols of Strength Palestine poetry in urdu presents women not only as victims but as symbols of strength. Mothers represent patience and courage.
<!– 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;
}
Women appear as pillars of resilience. Poetry honors their emotional strength.
Conclusion Palestine poetry in urdu stands as a powerful expression of courage, faith, sorrow, and hope. It transforms human pain into meaningful words that inspire awareness and unity.
This poetic tradition connects history with spirituality and emotion. It teaches empathy, patience, and strength to readers of all ages. As long as people value dignity and freedom, this poetic voice will continue to inspire hearts and awaken minds across generations.
