Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus cursus molestie ligula, in dignissim sem gravida nec. Duis eu mi a tellus viverra dapibus. Curabitur dictum, sapien et blandit volutpat, nulla justo tempor tellus, id iaculis nulla eros a ligula. Nunc ultrices lacus eu velit placerat rhoncus. Sed fermentum porttitor orci a varius. Phasellus ac enim maximus, ornare nisl a, elementum risus. Donec condimentum vel odio at laoreet. Curabitur vitae lectus venenatis, lobortis magna in, pharetra neque. Nullam congue quis metus ac porttitor. Donec quis augue condimentum nulla ultricies sodales sed ac ante. Nunc et odio tincidunt, laoreet lectus eget, consectetur massa. Nam augue eros, bibendum ut imperdiet non, facilisis molestie velit. Suspendisse eu dapibus metus. Maecenas sollicitudin suscipit velit, sed venenatis odio porta dignissim. Mauris nisi urna, elementum efficitur mollis a, rhoncus id quam.

VUI: a dead simple (S)CSS ui kit

For the grid sistem please refer to this link: https://bulma.io/documentation/columns/basics/

Experimental 2018 features

Notification

Place notification in: Toggle notification


Navigation bar





Responsive Table

This table breaks on @mq-mobile
Try to resize your browser or view it on mobile
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter




Reliable VUI elements

Defines a hyperlink

Defines an abbreviation or an acronym

Art & Coop Società Cooperativa
Via Aldo Moro, 14
Tortona (AL) 15053
0131483221


Defines bold text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title


- - - -

This hyperlink (<a>) mocks a button using behave-as-button - This hyperlink (<a>) mocks a button using behave-as-button - This hyperlink (<a>) mocks a button using behave-as-button - This hyperlink (<a>) mocks a button using behave-as-button



Defines a piece of computer code



Name:
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Age:
Fusce gravida mollis placerat. In rutrum malesuada ante, vel accumsan magna lacinia et
Gender:
Cras non vehicula lorem. Nullam mattis viverra eros eget euismod
Day of Birth:
12th May 1986


Defines text that has been deleted from a document

Defines a visible heading for a details element Defines additional details that the user can view or hide


Defines a caption for a figure element


Form with legend Input is invalid
Radio
Checkbox


Defines HTML headings

Defines HTML headings

Defines HTML headings

Defines HTML headings

Defines HTML headings
Defines HTML headings
Undefined list Ordered list
  1. Defines a list item
    1. Defines a list item's subitem
    2. Defines a list item's subitem
    3. Defines a list item's subitem
    4. Defines a list item's subitem
  2. Defines a list item
  3. Defines a list item
  4. Defines a list item
Defines marked/highlighted text



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lacinia, quam sit amet porta imperdiet, mauris lectus imperdiet justo, et tristique urna turpis ut sem. Vivamus iaculis tincidunt justo, vel egestas odio ornare a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean laoreet posuere tellus at iaculis. Aenean ante nisl, aliquet vel tempor id, aliquam et lacus. Vestibulum pharetra tellus eu orci porttitor, eu elementum felis viverra. Fusce id enim eget sem posuere porta. Duis erat mi, viverra sit amet leo eget, maximus vulputate odio. Aenean purus arcu, lacinia porttitor euismod eget, aliquet at sapien. Fusce sed pharetra elit. Vestibulum id consequat eros. Duis ut hendrerit nibh. Sed condimentum euismod feugiat. 

Defines preformatted text


Represents the progress of a task

Defines a short quotation

Defines text that is no longer correct

Defines subscripted text

Defines supscripted text

Defines text that should be stylistically different from normal text

Simple table
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter


Simple table with alternate stripes
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter


Simple table with borders
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter


Simple table with hover stripes
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter