Brother Poetry in Urdu The Heartfelt Bond Between Siblings
9 november iqbal day poetry holds a special place in Urdu literature because it teaches hope, unity, and confidence. Students, teachers, and poetry lovers read Iqbal’s verses on this important day. His poetry gives strength to young people and encourages them to dream big.
Importance of Iqbal Day in Pakistan 9 november iqbal day poetry reminds people about the vision and philosophy of Allama Iqbal. This day honors his efforts for Muslim unity and awareness.
<!– 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;
}
Message of Self Respect The message of 9 november iqbal day poetry teaches confidence and self respect. Iqbal wanted people to recognize their hidden power.
<!– 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;
}
Role of Youth in Society 9 november iqbal day poetry inspires youth to become leaders and work for national success. Iqbal considered young people the future of the Muslim Ummah.
<!– 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;
}
Dream of a Better Nation The vision in 9 november iqbal day poetry focuses on unity and progress. Iqbal dreamed of a strong Muslim nation with justice and peace.
<!– 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;
}
Educational Value of Iqbal’s Poetry 9 november iqbal day poetry teaches students about knowledge, discipline, and character. His poetry gives moral lessons in a simple way.
<!– 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;
}
Inspiration for Students 9 november iqbal day poetry motivates students to achieve success through hard work and confidence. His poetry builds courage and positive thinking.
<!– 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;
}
Power of Faith and Hope The message of 9 november iqbal day poetry gives hope and spiritual strength. Iqbal taught people to trust Allah and stay strong.
<!– 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 for the Muslim Ummah 9 november iqbal day poetry promotes Muslim unity and brotherhood. Iqbal wanted Muslims to live with faith, courage, and harmony.
<!– 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 9 november iqbal day poetry continues to inspire millions with messages of hope, unity, faith, and self respect. Allama Iqbal’s poetry is not only a part of Urdu literature but also a guide for students, youth, and the Muslim Ummah. His words encourage people to work hard, stay confident, and believe in their dreams.
Every year, people in Pakistan celebrate Iqbal Day to remember the vision and wisdom of Allama Muhammad Iqbal. The timeless beauty of 9 november iqbal day poetry keeps his message alive for future generations and strengthens the spirit of national pride and unity.
