Sandpitarticles: Difference between revisions

"This material body how it can become purified? Yes it can be, the example is just like you take an iron rod and put it in the fire and get it warm, it becomes warm, warm, warmer and at last it becomes red hot. At that time it is no longer iron rod, it is fire. You touch anywhere it will burn, similarly if you chant Hare Kṛṣṇa mantra regularly according to the principles then gradually the your whole body becomes spiritualised. Then it is apāpa-vidham no more sin. So you have to make your life completely pure then you will be admitted into the kingdom of God, back to Godhead, back to home."

720229 - Lecture Festival Gaura-Purnima - Mayapur

@@ Line 1: / Line 1: @@
+<div id="mainbanner" style="border-radius:10px;">Exploring Śrīla Prabhupāda's Teachings</div><br>
+<!--------------------------------Random Articles------------------------------->
+{{RandomArticles}}
+<!--
 <div align=center>
-<div id="mainbanner">Random Media of Śrīla Prabhupāda</div><br>
+<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 />
-| align=center|{{Master Main Page - Random Audio Clips from Srila Prabhupada}}
+{{Master Main Page - Random Audio Clips from Srila Prabhupada}}
 <!--------------------------------Latest News and Updates------------------------------->
-<div id="mainbanner">Latest News and Updates</div><br>
+<!--
+<div id="mainbanner" style="border-radius:10px;">Latest News and Updates</div><br>
 <html><div class="feedgrabbr_widget" id="fgid_e66b13cc97b8e0f74f94b6188">
   </div>
@@ Line 20: / Line 64: @@
   </script></html>
 <br />
+-->
 <!--------------------------------Old Random Image------------------------------->
 <!-- {| id="mp-tfp" style="margin:4px 0px 0px 0px; width:100%; background:none;"
@@ Line 49: / 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>
 |}
 |} -->