Baseguide

Baseguide is a lightweight and robust CSS framework for prototyping and production code. It combines all essential components in a customizable and easy to use package.

Typography

Link Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Link Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Link Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Link Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

List Types

Unstyled List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Unordered List

  • Item 1
  • Item 2
  • Item 3
    • Subitem 1
    • Subitem 2

Ordered List

  1. Item
  2. Item
  3. Item
    • Subitem 1
    • Subitem 2

Inline List

Equal List

Forms

Buttons

Anchor button

Embeds and Media

...

Media top

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

...

Media middle

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

...

Media bottom

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Tables

# Header 1 Header 2 Header 3
1 Division 1 Division 2 Division 3
2 Division 1 Division 2 Division 3
3 Division 1 Division 2 Division 3

Grid

.col-sm-8
.col-sm-4
.col-sm-4
.col-sm-8
.col-sm-6
.col-sm-6
.col-sm-4
.col-sm-4
.col-sm-4
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-3