Sandpitarticles: Difference between revisions

"So your business is how to become happy, because by nature you are happy. Diseased condition, that happiness being checked. So this is our diseased condition, this material, conditional life, this body. So as one intelligent person puts himself under the treatment of a physician to get out of the disease, similarly, human life is meant for putting himself to the expert physician who can cure you from your material disease. That is your business. Tasmād guruṁ prapadyeta jijñāsuḥ śreya uttamam (SB 11.3.21). That is the injunction of all Vedic literature. Just like Kṛṣṇa, Kṛṣṇa is teaching Arjuna. Arjuna is surrendering to Kṛṣṇa"

690505 - Lecture Excerpt - Boston

@@ Line 4: / Line 4: @@
 {{RandomArticles}}
+<!--
 <div align=center>
 <div id="mainbanner" style="border-radius:10px;">Śrīla Prabhupāda's Media Snippets</div><br>
+-->
 <!--------------------------------Random Media------------------------------->
+<!--
 <div class="row">
    <div class="large-3 columns">{{RandomShorts}}</div>
@@ Line 13: / Line 15: @@
    <div class="large-4 columns">{{Random ImageQuote}}</div>
 </div>
+-->
+<div style="text-align: center; width: 100%;">
+<div id="mainbanner" style="border-radius:10px; margin-bottom: 25px; width: 100%;">Śrīla Prabhupāda's Media Snippets</div>
+<!--------------------Identical Styled Card Grid with Green Borders-------------------->
+<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; width: 100%; margin: 0 auto; padding: 0; align-items: stretch;">
+  <!-- Box 1 (Left) -->
+  <div style="flex: 1 1 300px; max-width: 320px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      {{RandomShorts}}
+    </div>
+  </div>
+  <!-- Box 2 (Center) -->
+  <div style="flex: 1 1 400px; max-width: 450px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      <nomobile>{{RandomVideo2}}</nomobile>
+      <mobileonly>{{RandomVideoMobile}}</mobileonly>
+    </div>
+  </div>
+  <!-- Box 3 (Right) -->
+  <div style="flex: 1 1 300px; max-width: 320px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      {{Random ImageQuote}}
+    </div>
+  </div>
+</div>
+</div>
 <br />
 {{Master Main Page - Random Audio Clips from Srila Prabhupada}}