Shakir Shuja Abadi Poetry Love and Spiritual Wisdom
In this article, you will learn about its meaning, history, themes, structure, and cultural impact. You will also see how it connects with modern trends and digital platforms.
Role in Building Personal Identity This poetic form helps individuals shape a strong and confident identity. Attitude urdu poetry encourages people to define themselves through courage and self belief.
<!– 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;
}
Encouraging Leadership Qualities Strong leaders think boldly and act with confidence. Attitude urdu poetry inspires leadership and responsibility in individuals.
<!– 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;
}
Expression of Fearlessness This poetic style highlights bravery and bold mindset clearly. Attitude urdu poetry teaches readers to stand firm without fear.
<!– 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;
}
Voice of Self Worth and Pride Self worth creates confidence and stable mindset in society. Attitude urdu poetry reminds readers to value their identity 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;
}
Role in Confidence Building This poetic expression strengthens self belief in daily life. Attitude urdu poetry motivates readers to trust their abilities.
<!– 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;
}
Promoting Inner Strength Inner strength allows people to stay firm during hardship. Attitude urdu poetry encourages emotional and spiritual 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;
}
Message of Patience and Stability Patience creates balance and calm behavior in life. Attitude urdu poetry reminds readers to stay stable during trials.
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
<!– Add FontAwesome (in of your HTML) –>
Copied!
function copyText(id, btn) {
let text = document.getElementById(id).innerText;
navigator.clipboard.writeText(text).then(() => {
let copied = btn.parentElement.querySelector(“.copied-text”);
copied.style.display = “block”;
setTimeout(() => { copied.style.display = “none”; }, 1500);
});
}
.shayari-box {
position: relative;
background: #f1f7fc;
border: 2px solid #e43f5a;
border-radius: 10px;
margin: 15px 0;
height: 200px; /* fixed height for perfect centering */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
text-align: center;
padding: 20px;
}
.shayari-box p {
font-size: 22px; /* bigger */
font-weight: bold; /* bold */
margin: 0;
line-height: 1.8;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: transparent;
font-size: 22px;
cursor: pointer;
color: #555;
}
.copy-btn:hover {
color: #e43f5a;
}
.copied-text {
position: absolute;
top: 10px;
right: 45px;
background: #28a745;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
}
Conclusion Attitude urdu poetry reflects confidence, courage, and strong personal identity in modern society. It inspires readers to believe in themselves and face life with dignity and determination.
This poetic style connects emotional strength with simple yet powerful expression. Through bold words and meaningful verses, attitude poetry continues to motivate people to live with pride, patience, and fearless mindset.
