Uzorci: Brojke

Brojači i istaknute brojke — godine, projekti, klijenti. Prvo V3 verzije (referenca za oko), zatim atomic (ono što koristi motor). Ispod svakog uzorka piše od čega je složen.

V3 — standardni Elementor

Složeno klasičnim Elementor widgetima (Heading, Icon, Image, Button, Container) uz malo CSS-a. Referenca za oko.

Uzorak 12 — Brojke, kartice s blokom ikone

Iskustva u struci

0 godina

Uspješno završenih projekata

0 tisuća

U kojima danas radimo

0 zemalja

S čime je napravljen

Izvor: https://demo.bravisthemes.com/bizznep/ — Tamo widget teme pxl_icon_box (layout 3) sa statičnim brojem.

Sekcija: tamna, radijalni gradijent zelene u gotovo crnu.
Kartice: bijeli Container s mekim svijetlim sjajem > Icon u zelenom bloku koji viri preko lijevog ruba + Elementor Counter (broj, sufiks = jedinica, naslov = opis).
Pokret: broj odbroji od 0 kad sekcija uđe u ekran (Counter, 2 s) — na originalu je statičan; na hover se ispod opisa iscrta crta.

Svijet: v3 · Pravilo: Samo STVARNE brojke klijenta (godine, projekti, klijenti…); 2–4 kartice; bez brojki se sekcija ne stavlja.

Standardni Elementor element + CSS. Pravilo: samo stvarne brojke klijenta.

Atomic — Elementor 4

Isti uzorci složeni atomic elementima kroz build-composition, s globalnim varijablama boja. Ovo motor koristi.

Uzorak 12 — Brojke (atomic)

godina

Iskustva u struci

tisuća

Uspješno završenih projekata

zemalja

U kojima danas radimo

S čime je napravljen

Izvor: https://demo.bravisthemes.com/bizznep/ — Složeno kroz build-composition.

Kartice: e-flexbox kartica: blok ikone (e-flexbox + e-svg), broj (e-heading) + jedinica, opis.

Svijet: atomic · Pravilo: Kao V3, ali broj ne odbrojava i nema crte na hover.

Izgled atomic složi u potpunosti; nema brojača (odbrojavanje) — za to V3 Counter u atomic dokumentu ili naš element.