Template:GuideCardLayout: Difference between revisions

Latest revision as of 01:00, 19 January 2025

Guide Title 1

Guide content goes here...

Guide Title 2

Guide content goes here...

@@ Line 1: / Line 1: @@
-<div style="display: flex; flex-wrap: wrap; gap: 1em;">
+<div class="guidecardlayout">
-  {{#fornum:i|1|{{{count|1}}}}}
+<div class="guidecardlayout-card">
-  <div style="border: 1px solid #ccc; padding: 1em; border-radius: 8px; width: 100%; max-width: 300px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);">
+<div class="guidecardlayout-title">{{{title1|Guide Title 1}}}</div>
-    <div style="font-weight: bold; font-size: 1.2em;">{{{title{{i}}|Guide Title}}}</div>
+<div class="guidecardlayout-content">{{{text1|Guide content goes here...}}}</div>
-    <div style="margin: 0.5em 0;">{{{content{{i}}|Guide content goes here...}}}</div>
+<div class="guidecardlayout-button">
-    <div style="text-align: center;">
+[[{{{page1|Main Page}}}|<span class="guidecardlayout-link"">{{{pagetext1|Go to Guide}}}</span>]]
-      <a href="{{{link{{i}}|#}}}" style="background-color: #0073e6; color: white; padding: 0.5em 1em; text-decoration: none; border-radius: 4px;">Go to Guide</a>
+</div>
-    </div>
+</div>
-  </div>
-  {{#endfor}}
+<div class="guidecardlayout-card">
+<div class="guidecardlayout-title">{{{title2|Guide Title 2}}}</div>
+<div class="guidecardlayout-content">{{{text2|Guide content goes here...}}}</div>
+<div class="guidecardlayout-button">
+[[{{{page2|Main Page}}}|<span class="guidecardlayout-link">{{{pagetext2|Go to Guide}}}</span>]]
+</div>
+</div>
 </div>