Basic Structural Elements
Copy & Paste to create your designs

Forms

Typography

h1. FONT SIZE AND STYLE FOR h1

h2. FONT SIZE AND STYLE FOR h2

h3. FONT SIZE AND STYLE FOR h3

h4. FONT SIZE AND STYLE FOR h4

h5. FONT SIZE AND STYLE FOR h5
h6. FONT SIZE AND STYLE FOR h6

Paragraphs

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Example 2 - 16/06/2017 by Admin

Buttons

Buttons as Links
Button
Rounded Button
Form Buttons
Expanded Rounded Button
Centered Button
Hollow Buttons
Button
Squared Button
Expanded Round Button
Centered Button

Breadcrumbs

Accordion

Notifications

Success!
Warning!
Error!
Secondary Notification.

Tabs

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

two

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

four

placeholder

Tables

Table Head Table Head Table Head Table Head
OK Lorem / Ipsum / is simply Lorem Ipsum Lorem Ipsum is simply dummy text
Warning Lorem / Ipsum / is simply Lorem Ipsum Lorem Ipsum is simply dummy text

Modals

Open Modal

Modal Title

Round Expanded

Badges & Labels

OKWarningAlertInformation 13599...

Navigation

Helpers

Center any image

Simply add the class .center-image to any image in order to center it

placeholder
Center any list

Simply add the class .center-list to any list in order to center it

Text Helpers

This text is left aligned

This text is right aligned

This text is centered

This text is justified
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Layout Space Helper

When you need to add some space between elements but don't want to mess with CSS simply add a hr.spacer between the elements in order to add a nice space between them

This line of text has a hr.spacer above it, creating that nice space