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

@@ Строка 3: / Строка 3: @@
      <div class="card-body">
          <h5 class="card-title">Заголовок</h5>
-         <p class="card-text">Основное описание карточки с дополнительной информацией.</p>
+         <p class="card-text">Основное описание карточки.</p>
          <div class="card-info">
-             <span class="label">Раса:</span>
+             <div class="item">
-            <span class="value">Человек</span>
+                <span class="label">Раса:</span>
+                <span class="value">Человек</span>
-             <span class="label">Отличие:</span>
+                <div class="info-popup">Детали о расе</div>
-            <span class="value">Владение магией</span>
+             </div>
+            <div class="item">
+                <span class="label">Отличие:</span>
+                <span class="value">Владение магией</span>
+                <div class="info-popup">Подробнее об отличиях</div>
+            </div>
          </div>
      </div>