Песочница: различия между версиями

← Предыдущая правка

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
+<div class="character-row">
+{{Персонаж
+ | имя = Джейн До
+ | изображение = [[Файл:Хельги.jpg|300px|центр|class=noclick]]
+ | происхождение = Новый Иерусалим
+ | роль = Учёный
+}}
+<div class="character-card-list">
+<div class="mobile-hide">
 <div class="card-group">
-  <div class="card">
+<div class="card">
-     <img src="..." class="card-img-top" alt="...">
+<h5 class="card-title"> <center>[[Хельги Поток]]</center></h5>
-     <div class="card-body">
+    [[Файл:Хельги.jpg|300px|мини|центр|class=noclick]]
-      <h5 class="card-title">Card title</h5>
+     <div class="card-hover-info">
-      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+        <div class="label">Раса:</div>
-      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+        <div class="value">Человек: Маланиец</div>
+        <div class="label">Отличие:</div>
+        <div class="value">Получил каменную руку и имперца-недоумка.</div>
+    </div>
+</div>
+<div class="card">
+<h5 class="card-title"> <center>[[Хельги Поток]]</center></h5>
+    [[Файл:Хельги.jpg|300px|мини|центр|class=noclick]]
+    <div class="card-hover-info">
+        <div class="label">Раса:</div>
+        <div class="value">Человек: маланиец</div>
+        <div class="label">Отличие:</div>
+        <div class="value">Получил каменную руку и имперца-дебила.</div>
+     </div>
+</div>
+<div class="card">
+<h5 class="card-title"> <center>[[Хельги Поток]]</center></h5>
+    [[Файл:Хельги.jpg|300px|мини|центр|class=noclick]]
+    <div class="card-hover-info">
+        <div class="label">Раса:</div>
+        <div class="value">Человек: маланиец</div>
+        <div class="label">Отличие:</div>
+        <div class="value">Получил каменную руку и имперца-дебила.</div>
+    </div>
+</div>
+<div class="card">
+<h5 class="card-title"> <center>[[Хельги Поток]]</center></h5>
+    [[Файл:Хельги.jpg|300px|мини|центр|class=noclick]]
+    <div class="card-hover-info">
+        <div class="label">Раса:</div>
+        <div class="value">Человек: маланиец</div>
+        <div class="label">Отличие:</div>
+        <div class="value">Получил каменную руку и имперца-дебила.</div>
      </div>
+</div>
+</div>
+<div class="mobile-hide">
+<div class="card-group">
+<div class="card show" style="width: 20rem;>
+  [[Файл:Высший Жрец.jpg|300px|мини|центр|class=noclick]]
+  <div class="card-body">
+    <h5 class="card-title"><center>[[Хельги Поток]]</center></h5>
+            <div class="card-info">
+            <div class="item">
+                <div class="label">Раса:</div>
+                <div class="value">Человек: маланиец</div>
+            </div>
+            <div class="item">
+                <div class="label">Отличие:</div>
+                <div class="value">Получил каменную руку и имперца-дебила..</div>
+            </div>
+        </div>
    </div>
-  <div class="card">
+</div>
-    <img src="..." class="card-img-top" alt="...">
-    <div class="card-body">
+<div class="card show" style="width: 20rem;>
-      <h5 class="card-title">Card title</h5>
+  [[Файл:Высший Жрец.jpg|300px|мини|центр|class=noclick]]
-      <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
+  <div class="card-body">
-      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+    <h5 class="card-title">Заголовок карточки</h5>
-    </div>
+    <p class="card-text">Описание карточки с анимацией.</p>
    </div>
-  <div class="card">
+</div>
-    <img src="..." class="card-img-top" alt="...">
-    <div class="card-body">
+<div class="card show" style="width: 20rem;>
-      <h5 class="card-title">Card title</h5>
+  [[Файл:Высший Жрец.jpg|300px|мини|центр|class=noclick]]
-      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
+  <div class="card-body">
-      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+    <h5 class="card-title">Заголовок карточки</h5>
-    </div>
+    <p class="card-text">Описание карточки с анимацией.</p>
    </div>
 </div>
+</div>
+</div>
+<br>
+<br>
+<br>
+<br>
+==Вперед==
-[[Файл:Border5.png|мини]]
-{{Навыки}}
-{{Clc}}
-{{High-risk}}
-{{Module rating}}
-{{Заметка}}
-{{Заголовки}}
-{{Infobox}}
 {{Infobox