EzoCSS

EzoCSS est un framework HTML et CSS. Ce framework est pensé pour être affiché sur des appareils mobiles. Il vous permettra de réaliser des sites plus rapidement en utilisant le style développé sur le framework.

Voir sur Github Composents

Currently : In development

Components

Grid

1
11
2
10
3
4
5
1/3
2/3
1/2
1/2
1
5
4
3

Typography

Heading 1 <h1> .h1

Heading 2 <h2> .h2

Heading 3 <h3> .h3

Heading 4 <h4> .h4

Heading 5 <h5> .h5
Heading 6 <h6> .h6

This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto blanditiis, explicabo cum nobis voluptate doloremque iste perspiciatis aperiam commodi quis dignissimos esse consequuntur, asperiores sed quo nulla eveniet alias dolorum molestias qui! Dolorem, nemo, ullam!

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

Buttons

Fomrs

This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.
Radio buttons

Lists

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    1. Phasellus iaculis neque
    2. Purus sodales ultricies
    3. Vestibulum laoreet porttitor sem
    4. Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

Code


.some-class {
    background-color: red;
}

Table

Name Age Sex Location
Dave Gamache 26 Male San Francisco
Dwayne Johnson 42 Male Hayward