Sections
PageMeta
meta data
Alerts
success
error
info
Logo
Fades
fade-1
fade-2
fade-3
fade-4
fade-5
fade-6
fade-7
fade-8
fade-9
Text Link Icon
Badge
<badge :text :variant>
empty
success
Share Buttons
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Subtitle 1
Subtitle 2
Body 1 Consectetur exquisite occaecat, dolor Winkreative laboris uniforms impeccable id perfect premium.
text-ellipsis-2
text-xsmall
text-small
text-medium
text-smedium
text-large
text-uppercase
text-left
text-center
text-right
text-justify
text-light
text-normal
text-semi
text-bold
text-grey
text-white
text-primary
text-secondary
text-success
text-info
text-error
text-danger
text-o2-success
text-underline
text-link
text-link-secondary
text-pre-wrap
text-no-wrap
Custom content
Page Breadcrumbs
Url
test
https://youtu.be/VbkJJY2RrTU
Tooltip
v-tooltip
https://github.com/Akryum/v-tooltip#usage
CopyToClipboard
whatever
Copy this
Buttons
<btn>
Dropdown
.dropdown
Icons
.icon
.icon-application-brackets
.icon-arrow-down
.icon-arrow-right
.icon-arrow-up
.icon-bell
.icon-boost
.icon-boxes
.icon-button
.icon-button-pointer
.icon-call
.icon-camera
.icon-card-text
.icon-caret-left
.icon-caret-right
.icon-caret-right-thin
.icon-cart
.icon-cart-plus
.icon-chat
.icon-checkbox-marked-outline
.icon-chevron-left
.icon-chevron-right
.icon-clipboard-plus
.icon-clipboard-text
.icon-clipboard-text-outline
.icon-clock
.icon-close
.icon-code
.icon-contact
.icon-credit-card
.icon-desktop-to
.icon-discount
.icon-download
.icon-email
.icon-emoticon-happy-outline
.icon-envelope
.icon-exit
.icon-facebook
.icon-filter
.icon-fingers
.icon-folder-multiple-image
.icon-form-select
.icon-form-textbox
.icon-gift
.icon-google-plus-square
.icon-grid
.icon-home
.icon-hw
.icon-icon
.icon-image
.icon-image-text
.icon-info
.icon-instagram
.icon-invisible
.icon-key
.icon-link
.icon-linkedin
.icon-linkedin-secondary
.icon-link-box-variant
.icon-locked
.icon-map-outline
.icon-menu
.icon-mobile-web
.icon-next
.icon-number-1
.icon-number-2
.icon-number-3
.icon-number-4
.icon-number-5
.icon-number-6
.icon-odyzeo
.icon-person
.icon-person-secondary
.icon-phone
.icon-phone-cable
.icon-phone-outline
.icon-picture
.icon-post
.icon-prev
.icon-puzzle
.icon-radiobox-marked
.icon-rectangle
.icon-search
.icon-settings
.icon-shape
.icon-shield
.icon-shipping
.icon-signal
.icon-sort
.icon-sort_by_alpha
.icon-star
.icon-support
.icon-tab
.icon-tag-heart
.icon-tag-multiple
.icon-tag-text
.icon-telephone
.icon-th
.icon-th-large
.icon-th-list
.icon-train-car-container
.icon-translate
.icon-trash-o
.icon-truck
.icon-twitter
.icon-upload
.icon-user
.icon-view-carousel
.icon-view-dashboard
.icon-view-list-outline
.icon-visible
.icon-web-settings
.icon-youtube
Counter
<counter v-model>
-
ks
+
-
≠
+
-
szt.
+
-
+
-
ks
+
Tabs
<tabs><tab title></tab></tabs>
Video wrapper
.video-ratio
Menu fat
.menu-fat
<menu-fat>
Menu horizontal
.menu-horizontal
Menu vertical
.menu-vertical
Layout
Grid
.row
col-
.col-t-1-2
.col-t-1-2
.col-t-1-3
.col-t-1-3
.col-t-1-3
.col-t-1-3
.col-t-2-3
.col-t-1-4
.col-t-1-4
.col-t-1-4
.col-t-1-4
.col-t-1-4
.col-t-3-4
.col-t-1-5
.col-t-1-5
.col-t-1-5
.col-t-1-5
.col-t-1-5
Visibility
.d-{value}-none for x, m, t, and d.
.d-x-none
.d-m-none
.d-t-none
.d-d-none
ONLY < MOBILE .d-m-none
ONLY MOBILE .d-x-none .d-m-block .d-t-none
ONLY TABLET .d-x-none .d-t-block .d-d-block
ONLY DESKTOP .d-x-none .d-d-block
Article Cards
.article-card
variant: default
Hello article
First article from ZeoCMS
Prečítajte viacvariant: primary
Hello article
First article from ZeoCMS
Prečítajte viacvariant: secondary
Hello article
First article from ZeoCMS
Prečítajte viacCards
.card
Lorem Ipsum is simply dummy text of the printing.
Pomáhame spoločnostiam k dosiahnutiu ich vízie pomocou UX/UI dizajnu, funkčného kódu a správnym integrovaním týchto riešení.
Lorem Ipsum is simply dummy
Pomáhame spoločnostiam k dosiahnutiu ich vízie pomocou UX/UI dizajnu, funkčného kódu a správnym integrovaním týchto riešení.
Lorem Ipsum is simply dummy
Pomáhame spoločnostiam k dosiahnutiu ich vízie pomocou UX/UI dizajnu, funkčného kódu a správnym integrovaním týchto riešení.
.card--big
Lorem Ipsum is simply dummy
Pomáhame spoločnostiam k dosiahnutiu ich vízie pomocou UX/UI dizajnu, funkčného kódu a správnym integrovaním týchto riešení.
Lorem Ipsum is simply dummy
Pomáhame spoločnostiam k dosiahnutiu ich vízie pomocou UX/UI dizajnu, funkčného kódu a správnym integrovaním týchto riešení.
E-shop
JavaScript Components
Swiper
.swiper
Popup menus
popup
Menu icon
menu-icon
Popup
.popupOpen popup
Spinner
<spinner primary secondary>
Povedzte nám čo potrebujete, o všetko ostatné sa postaráme
Nechajte nám vaše telefónne číslo. Radi vám telefonicky poradíme.