Typography
Heading 1
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
Heading 2
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
Heading 3
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
Heading 4
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
Heading 5
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
Heading 6
Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
Fancy Headings
Click here to view all the fancy headings.Horizontal Rules
Click here to view all the horizontal rules.Paragraph
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.
Links
Etiam sit tooltip top, tooltip right, tooltip bottom & tooltip left orci eget link faucibus tincidunt.
Styles
Small
Weight-300
Weight-400
Weight-500
Weight-600
Weight-700
Bold
Italicised - Default
Italicised - Main
Italicised - Secondary
Undrlined
Striked
numquam eius superscript incidunt labore subscript aliquam quaerat cite voluptatem.
ABBR
text capitalize
text uppercase
Default Paragraph Color
Text Dark
Text-Darker
Text Light
Text Lighter
Theme Color
Bootstrap Primary Color
Bootstrap Success Color
Bootstrap Danger Color
Bootstrap Warning Color
Bootstrap Info Color
Text - Main
Text - Secondary:
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Text - Tertiary
Large Line Height:
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Letter Spacing
Letter Spacing 0px (If Required)
Letter Spacing 1px
Letter Spacing 2px
Letter Spacing 3px
Letter Spacing 4px
Letter Spacing 5px
Letter Spacing 10px
Word Spacing
Word Spacing 1px
Word Spacing 2px
Word Spacing 3px
Word Spacing 4px
Word Spacing 5px
Word Spacing 10px
Blockquote
Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dropcaps
Lorem ipsum dolor amet, ultricies nec, pellentesque eu, pretium quis? Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid sodales sagittis magna.
Lorem ipsum dolor amet, ultricies nec, pellentesque eu, pretium quis? Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid sodales sagittis magna.
Alignment
Text Default
Text Left
Text Center
Text Right
Text Left - Desktop
Text Center - Desktop
Text Right - Desktop
Text Left - Tablet
Text Center - Tablet
Text Right - Tablet
Text Left - Mobile
Text Center - Mobile
Text Right - Mobile
Image Alignment
Default
Center
Left - Desktop
Left - Tablet
Left - Mobile
Right - Desktop
Right - Tablet
Right - Mobile
Center - Desktop
Center - Tablet
Center - Mobile
Lists
Unordered
- Lorem ipsum dolor
- Donec vitae sapien
- Venenatis faucibus
- Aenean massa
- Pellentesque eu
- Anim pariatur cliche
- Enim eiusmod high
Ordered
- Lorem ipsum dolor
- Donec vitae sapien
- Venenatis faucibus
- Pellentesque eu
- Anim pariatur cliche
- Enim eiusmod high
Unstyled
- Lorem ipsum dolor
- Donec vitae sapien
- Venenatis faucibus
- Pellentesque eu
- Anim pariatur cliche
- Enim eiusmod high
Inline
- Lorem ipsum dolor
- Donec vitae sapien
- Venenatis faucibus
- Pellentesque eu
- Anim pariatur cliche
- Enim eiusmod high
Description
- Lorem ipsum dolor
- Donec vitae sapien
- Venenatis faucibus
- Pellentesque eu
Code
Write code like this: <section>
To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,
Basic Block
<p>Sample text here...</p>
Tables
Click HERE to view all the tables.
Margin & Padding Modifiers
No Margin - All Sides
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
No Margin - Top
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
No Margin - Bottom
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 5 & Margin Top 5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 10 & Margin Top 10
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 15 & Margin Top 15
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 20 & Margin Top 20
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 25 & Margin Top 25
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 30 & Margin Top 30
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 35 & Margin Top 35
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 40 & Margin Top 40
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 45 & Margin Top 45
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 50 & Margin Top 50
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Margin Bottom 100 & Margin Top 100
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
No Padding - All Sides
No Padding - Top
No Padding - Bottom
Padding Bottom 5 & Padding Top 5
Padding Bottom 10 & Padding Top 10
Padding Bottom 15 & Padding Top 15
Padding Bottom 20 & Padding Top 20
Padding Bottom 25 & Padding Top 25
Padding Bottom 30 & Padding Top 30
Padding Bottom 35 & Padding Top 35
Padding Bottom 40 & Padding Top 40
Padding Bottom 45 & Padding Top 45
Padding Bottom 50 & Padding Top 50
Padding Bottom 100 & Padding Top 100
Margin & Padding Horizontal Modifiers
No Margin - Right
No Margin - Left
No Margin - Horizontal Side
Left 5 & Right 5
Left 10 & Right 10
Left 15 & Right 15
Left 20 & Right 20
Left 25 & Right 25
Left 30 & Right 30
Left 35 & Right 35
Left 40 & Right 40
Left 45 & Right 45
Left 50 & Right 50
Left 100 & Right 100
No Padding - Right
No Padding - Left
No Padding - Horizontal Side
Left 5 & Right 5
Left 10 & Right 10
Left 15 & Right 15
Left 20 & Right 20
Left 25 & Right 25
Left 30 & Right 30
Left 35 & Right 35
Left 40 & Right 40
Left 45 & Right 45
Left 50 & Right 50
Left 100 & Right 100
For Screen Specific Margin & Padding Modifiers:
- Add "-desktop" for Screen Size > 991px
- Add "-tablet" for Screen Size = 768px TO Screen Size = 991px
- Add "-mobile" for Screen Size < 768px