BoxesCoins
To be used only to highlight coins. Coin images are automatically cropped and shown separately from the background. The text for this box can be longer than the normal limit for boxes due to legal reasons.
Variations
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta. Quis varius quam quisque id diam vel.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta. Quis varius quam quisque id diam vel.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta. Quis varius quam quisque id diam vel.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta. Quis varius quam quisque id diam vel.
Details
Usage
The coins element was designed to features coins information inside boxes and should only be used in the coins pages.
Guidelines
- Should be embedded in the
div.boxcontainer - The coin image dimensions are 540 by 540 pixels.
- The background image should not be changed.
HTML structure
Overall HTML view of a coins element inside boxes:
main (HTML file)
div.boxes
div.box (one or more)
div[data-image].coins
picture.coin-cropper (one or more)
source[srcset][type]source[srcset][type]img[src][loading]div.content-box (one or more)
h3pa (optional)Presets
Boxes with coins presets:
| Preset | Description |
|---|---|
| Default | Default preset. |
| Three coins | Preset with three coins inside a box. |
Variations
Boxes with coins variations:
| Variation | Description |
|---|---|
| Single | Single box with a single coin. |
| Multi | Single box with three coins. |