Sandpitarticles: Difference between revisions

"Hari hari biphale janama goṅāinu: "My dear Lord, I have uselessly spoiled my life." Biphale means uselessly, and janama means birth, and goṅāinu means "I have passed." He's representating a common man, as every one of us is simply spoiling our life. They do not know that they are spoiling their life. They are thinking that "I've got very nice apartment, very nice car, very nice wife, very nice income, very nice social position." So many things. These are the material attraction."

681113 - Lecture - Los Angeles

@@ 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">{{Random ImageQuote}}</div>
+   <div class="large-3 columns">{{RandomShorts}}</div>
-   <div class="large-5 columns"><div style="margin: 8px 0 0 25px"><nomobile>{{RandomVideo}}</nomobile></div><mobileonly>{{RandomVideoMobile}}</mobileonly></div>
+   <div class="large-5 columns"><div style="margin: 8px 0 0 25px"><nomobile>{{RandomVideo2}}</nomobile></div><mobileonly>{{RandomVideoMobile}}</mobileonly></div>
-   <div class="large-4 columns">{{RandomImage 400px}}</div>
+   <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}}
@@ Line 60: / Line 95: @@
 ! <h2  id="mp-tfp-h2" style="margin:0; background:#ddcef2; font-size:120%; font-weight:bold; border:1px solid #afa3bf; text-align:middle; color:#000; padding:0.2em 0.4em">[[Random Video Clips of Srila Prabhupada|Random Video Clips of Srila Prabhupada]]</h2>
 |-
-| <div class="center"><br />{{RandomVideo}}</div>
+| <div class="center"><br />{{RandomVideo2}}</div>
 |}
 |} -->