Pashto Poetry Expressing Emotion Identity and Tradition
Importance of Maa Poetry Today Maa poetry explains the emotional bond between a mother and child in a pure way. It focuses on love, care, and protection that cannot be measured.
<!– 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;
}
Emotional Depth in Maa Poetry Maa poetry carries strong emotional depth that touches the heart instantly. It shows pain and strength together in a balanced 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;
}
Cultural Importance of Maa Poetry Maa poetry plays an important role in culture and tradition. It teaches respect without forcing lessons. Maa poetry naturally carries values and wisdom from one generation to the next.
<!– 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;
}
Language and Style of Maa Poetry Maa poetry uses simple and clear language for every reader. Writers avoid complex words to keep emotions pure.
<!– 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;
}
Common Themes in Maa Poetry Maa poetry focuses on sacrifice, patience, prayer, and love. These themes reflect real life experiences. This poetry presents emotions with honesty and balance.
<!– 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;
}
Modern Presence of Maa Poetry Today, maa poetry exists in written and translated forms. This poetry now reaches global audiences. Modern documentation helps preservation. Tradition remains alive.
<!– 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 Maa Poetry in Ceremonies Maa poetry plays an important role in ceremonies. Maa poetry gives emotional and cultural meaning to events. Words guide actions and feelings. Ceremonies gain depth through poetry.
<!– 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;
}
Oral Tradition and Performance Oral performance is central to maa poetry. This poetry depends on voice, rhythm, and presence. Public recitation creates connection. Poetry becomes a shared experience.
<!– 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 Maa poetry goes beyond artistic expression and stands as a living voice of culture, shared memory, and identity. Through spoken words, rhythm, and performance, this poetry preserves history, teaches values, and strengthens community bonds. By passing wisdom from one generation to the next, this poetry remains a powerful cultural voice that connects the past with the present and guides the future.
