DigitalTypography

Framework Components




Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6






Links

If you paste in a URL, like https://clapat-themes.com – it’ll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here’s a link to the ClaPat Website.







Floating Image

This is a text with a floating image which you can use as many times you want in each paragraph.







Quoting

Our time is limited, so don’t waste it living someone else’s life. Don’t be trapped by dogma which is living with the results of other people’s thinking.







Tables
#HeadingHeadingHeadingHeading
1CellCellCellCell
2CellCellCellCell
3CellCellCellCell
4CellCellCellCell
5CellCellCellCell






Highlighting

Highlighting text can help bring important information immediately to the reader’s attention. When creating a highlighting text, all you need to do is add a == before and after your text in a Markdown card.







Lists
Unordered list
  • Item number one
  • Item number two
    • Item number one
    • Item number two
  • Item number three
Ordered list
  1. Item number one
  2. Item number two
    1. Item number one
    2. Item number two
  3. Item number three






Code
.awesome-thing {
  display: block;
  width: 100%;
}






Text Indentation

You don’t see this visual style as much in web pages because browsers, by default, display paragraphs with space underneath them as a way to show where one ends and another begins, but if you want to style a page to have that print-inspired indent style on paragraphs, you can do so with the text-indent style property.

You don’t see this Visual style as much in web pages because browsers by default.