Home » Home » Content » Base Styles

Base Styles


Heading H1

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Heading H1 with Long Text. Heading H1 with Long Text.

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Lorem ipsum dolor, link goes here sit amet consectetur adipisicing elit. Magnam voluptate tempore link goes here inventore molestias sequi praesentium accusamus link goes here nulla totam excepturi, neque nam laborum suscipit, eos fugiat animi eveniet, sint harum. Reiciendis?


Heading H2

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Heading H2 with Long Text. Heading H2 with Long Text.

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Lorem ipsum dolor, link goes here sit amet consectetur adipisicing elit. Magnam voluptate tempore link goes here inventore molestias sequi praesentium accusamus link goes here nulla totam excepturi, neque nam laborum suscipit, eos fugiat animi eveniet, sint harum. Reiciendis?


Heading H3

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Heading H3 with Long Text. Heading H3 with Long Text.

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Lorem ipsum dolor, link goes here sit amet consectetur adipisicing elit. Magnam voluptate tempore link goes here inventore molestias sequi praesentium accusamus link goes here nulla totam excepturi, neque nam laborum suscipit, eos fugiat animi eveniet, sint harum. Reiciendis?


Heading H4

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Heading H4 with Long Text. Heading H4 with Long Text.

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Lorem ipsum dolor, link goes here sit amet consectetur adipisicing elit. Magnam voluptate tempore link goes here inventore molestias sequi praesentium accusamus link goes here nulla totam excepturi, neque nam laborum suscipit, eos fugiat animi eveniet, sint harum. Reiciendis?


Heading H5

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Heading H5 with Long Text. Heading H5 with Long Text.

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Lorem ipsum dolor, link goes here sit amet consectetur adipisicing elit. Magnam voluptate tempore link goes here inventore molestias sequi praesentium accusamus link goes here nulla totam excepturi, neque nam laborum suscipit, eos fugiat animi eveniet, sint harum. Reiciendis?


Heading H6

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Heading H6 with Long Text. Heading H6 with Long Text.

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Lorem ipsum dolor, link goes here sit amet consectetur adipisicing elit. Magnam voluptate tempore link goes here inventore molestias sequi praesentium accusamus link goes here nulla totam excepturi, neque nam laborum suscipit, eos fugiat animi eveniet, sint harum. Reiciendis?


Superheader Font Style

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Superheader Font Style with Long Text. Superheader Font Style with Long Text. Superheader Font Style with Long Text.

Lorem ipsum, strong text dolor sit amet b text consectetur lorem ipsum dolor dolor adipisicing elit. Distinctio, italic text aliquam animi! Commodi em text quod et perspiciatis recusandae ducimus molestiae maiores a nisi eligendi voluptates optio officiis quas, repellat facilis? Blanditiis, est!

Lorem ipsum dolor, link goes here sit amet consectetur adipisicing elit. Magnam voluptate tempore link goes here inventore molestias sequi praesentium accusamus link goes here nulla totam excepturi, neque nam laborum suscipit, eos fugiat animi eveniet, sint harum. Reiciendis?


Buttons as Links

Small button-1 Medium button-1 Large button-1 Small button-1 Ghost Medium button-1 Ghost Large button-1 Ghost Small button-2 Medium button-2 Large button-2 Small button-2 Ghost Medium button-2 Ghost Large button-2 Ghost Small button-3 Medium button-3 Large button-3 Small button-3 Ghost Medium button-3 Ghost Large button-3 Ghost

Buttons as Buttons


Form Stuff

Input Fields Text (Legend Font)
Input Fields Password (Legend Font)
Input Fields Url (Legend Font)
Input Fields Email (Legend Font)
Input Fields Tel (Legend Font)
Input Fields Search (Legend Font)
Input Fields Number (Legend Font)
Input Fields Date (Legend Font)
Input Fields Month (Legend Font)
Input Fields Week (Legend Font)
Input Fields Datetime (Legend Font)
Input Fields Datetime-local (Legend Font)
Input Fields Range (Legend Font)
Input Fields Color (Legend Font)
Textarea Fields
select Fields

File (legend font)
Submit Buttons
Options / Checkboxes / Radios







Media

Image alt text
Here is a caption for this image.
Image alt text

Blockquote

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.

It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.

Said no one, ever.

Lists

Definition list

Definition List Title
This is a definition list division.

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

Table

Table Caption
Table Heading 1 Table Heading 2 Table Heading 3 Table Heading 4 Table Heading 5
Table Footer 1 Table Footer 2 Table Footer 3 Table Footer 4 Table Footer 5
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell 5
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell 5
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell 5
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell 5
Jump to Content