<!-- Gītā Marquee Gadget -->
<div class="gita-marquee">
<div class="marquee-container">
<div class="marquee-content">
<a href="https://padmashukla.blogspot.com/2026/03/sanso-ka-kya-bharosa.html" target="_blank">सांसों का क्या भरोसा</a>
<span class="separator"> • </span>
<a href="https://padmashukla.blogspot.com/2026/03/shrimati-padma-shukla-vyaktigat-safar.html" target="_blank">श्रीमती पद्मा शुक्ला: व्यक्तिगत सफर, पारिवारिक विरासत और मूल्य</a>
<span class="separator"> • </span>
<a href="#" target="_blank">श्रीमद्भगवत गीता अध्याय 9: भक्तियोग की महिमा (अम्मा जी का पुनर्विलोकन)</a>
<span class="separator"> • </span>
<a href="#" target="_blank">श्रीमद्भगवत गीता अध्याय 18: मोक्ष संन्यास योग</a>
<span class="separator"> • </span>
<a href="#" target="_blank">श्रीमद्भगवत गीता अध्याय 17: श्रद्धा और गुण</a>
<span class="separator"> • </span>
<!-- Add more posts here as needed -->
<a href="https://padmashukla.blogspot.com/" target="_blank">श्रीमद्भगवत गीता अध्याय पुनर्विलोकन - अम्मा जी श्रीमती पद्मा शुक्ला</a>
</div>
</div>
</div>
<style>
/* === Gītā Marquee Styles === */
.gita-marquee {
width: 100%;
background: linear-gradient(90deg, #f8f1e3, #f5e8d3);
border: 2px solid #8b5a2b;
border-radius: 8px;
padding: 12px 0;
box-shadow: 0 4px 12px rgba(139, 90, 43, 0.15);
overflow: hidden;
margin: 15px 0;
font-family: 'Noto Sans Devanagari', Arial, sans-serif;
}
.marquee-container {
overflow: hidden;
white-space: nowrap;
}
.marquee-content {
display: inline-flex;
align-items: center;
animation: marquee 35s linear infinite;
font-size: 15px;
color: #3c2f1e;
}
.marquee-content a {
color: #8b5a2b;
text-decoration: none;
padding: 0 10px;
transition: all 0.3s;
font-weight: 500;
}
.marquee-content a:hover {
color: #d97706;
text-decoration: underline;
}
.separator {
color: #b38b5e;
font-size: 16px;
padding: 0 8px;
}
/* Pause on hover */
.marquee-container:hover .marquee-content {
animation-play-state: paused;
}
/* Infinite scrolling animation */
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
/* Make it responsive */
@media (max-width: 600px) {
.marquee-content {
font-size: 13.5px;
animation-duration: 30s;
}
}
</style>
0 $type={blogger}:
Post a Comment