الفرق بين المراجعتين لصفحة: «قالب:صفحة عمودين»

@@ سطر ١: / سطر ١: @@
-<section style="display: flex; flex-direction: row-reverse; gap: 20px; direction: rtl; text-align: right;">
+<div style="display: flex; flex-direction: row-reverse; gap: 5px; direction: rtl; text-align: right;">
-   <section style="flex: 1; padding: 15px; margin: 5px; background-color: #f9f9f9; border-radius: 12px; box-shadow: 4px 4px 10px rgba(0,0,0,0.1);">
-     {{{1}}}
+  <!-- العمود الأول -->
-   </section>
+   <div style="flex: 1; padding: 1px; margin: 5px; background-color: #F0FFFF; border-radius: 12px; box-shadow: 3px 3px 6px rgba(0,0,0,0.1);">
-   <section style="flex: 1; padding: 15px; margin: 5px; background-color: #f9f9f9; border-radius: 12px; box-shadow: 4px 4px 10px rgba(0,0,0,0.1);">
+    <div style="font-weight: bold; font-size: 18px; color: #0055a5; margin-bottom: 10px; text-align: right;">
-     {{{2}}}
+     {{{عنوان1|}}}
-   </section>
+    </div>
-</section>
+    <div>
+      {{{محتوى1|}}}
+    </div>
+   </div>
+  <!-- العمود الثاني -->
+   <div style="flex: 1; padding: 15px; margin: 5px; background-color: #F7FBFF; border-radius: 12px; box-shadow: 3px 3px 6px rgba(0,0,0,0.1);">
+     <div style="font-weight: bold; font-size: 18px; color: #0055a5; margin-bottom: 10px; text-align: center;">
+      {{{عنوان2|}}}
+    </div>
+    <div>
+      {{{محتوى2|}}}
+    </div>
+   </div>
+</div>

مجهول