Base

Normalize.css used as an alternative for HTML 5 resets.


Normalize.css is an open-source project by Nicolas Gallagher and Jonathan Neal, in their words:

Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset."

Headings

Headings from 1 to 6

h1 Heading 1

h2 Heading 2

h3 Heading 3

h4 Heading 4

h5 Heading 5
h6 Heading 6

Lists

List comes in many flavors, ordered lists, unordered lists. Thanks to Normalize all these elements have a basic styling and cross-browser consistency. you can extend them in your application.

  • List item 1
  • List item 2
  • List item 3
    • Sub list item 1
    • Sub list item 2
    • Sub list item 3
      • Sub list item 1
      • Sub list item 2
      • Sub list item 3
  1. List item 1
  2. List item 2
  3. List item 3
    1. Sub list item 1
    2. Sub list item 2
    3. Sub list item 3
      1. Sub list item 1
      2. Sub list item 2
      3. Sub list item 3
Definition term
Definition description
Definition term
Definition description
Definition description
Definition term
Definition term
Definition description

Alignment classes

In Furatto is really easy to align text with the alignment classes.

Left align text

Center align text

Right align text

           
             

Left align text

Center align text

Right align text

Emphasis classes

Convenient emphasis classes for a more meaningful end.

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

           
             

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blockquotes

For quoting content you can use use the blockquoute with the 'content-quote' classname.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

           
              

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Inline lists

  • First item
  • Second item
  • Third item
          
            
  • First item
  • Second item
  • Third item