Sandbox: Difference between revisions

[checked revision]

← Older edit

VisualWikitext

Latest revision as of 17:28, 2 August 2024

Module:IconUtils 'name' must be specified.

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

@@ Line 1: / Line 1: @@
-[[file:Achievement_Icon.png|center|link=]]
+[[file:Achievement_Icon.png|link=]]
-[[Food|food]]
+<div class="IconFrame">{{Icon|name=Charred Meat|link=1|size=128|style=3}}</div>
-[[Culture|culture]]
-<div style="border: 5px outset #A9A9A9; background: #DCDCDC; display:inline-block; width: auto; padding: 10px; margin: 10px; text-align: center; vertical-align: middle;"><div class="iconContainer"><div class="iconStack">[[File:Achievement_Icon.png|class={{{style|iconBlue}}}|link=Achievements]]</div><div class="iconBorder"></div></div>Achievements</div>
-<div class="IconFrame"><div class="iconContainer"><div class="iconStack">[[File:Achievement_Icon.png|class={{{style|iconBlue}}}|link=Achievements]]</div><div class="iconBorder"></div></div>Achievements</div>
-<div class="IconFrame">[[File:Achievement_Icon.png|class={{{style|iconBlue}}}|link=Achievements]]<br>Achievements</div>
-<div class="IconFrame">{{Icon|name=Charred Meat|link=1|size=128|style=3}}</div>
+    <div class="row">
+        <div class="col-4 mt-3">
+            <div class="card">
+                <div class="card-horizontal">
+                    <div class="img-square-wrapper">
+                        [[file:Achievement_Icon.png|link=]]
+                    </div>
+                    <div class="card-body">
+                        <h4 class="card-title">Card title</h4>
+                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>