Typography

Typograpgy Features

We’ve taken into account all possible typograpgy features you may require and made them as easy and pleasent to use as humanly possible!

Columns

Static and Responsive Columns

Columns that always stay the same even if you’re using a mobile or a tablet. Scroll below to see columns that adapt to different resolutions

1/2
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

1/2
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

1/3
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

1/3
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

1/3
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

These columns will adapt, on mobile devices they will show as rows, but on tablets they will change into columns

1/2
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

1/2
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

1/3
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

1/3
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

1/3
img

This column is half the size of the screen, and will stay this way on mobile and tablets.

Dropcaps

Simple way of showing off paragraphs

Aorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis

Borem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis

Aorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis

Borem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis

Highlights

Highlighting your text in style!
Text highlights are an extremly easy way to show something off or to make your text stand out when bold just isn’t enough!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
Highlighting text is really easy to use!
Highlighting text is really easy to use!

List Styles

Ordered, unordered, nested styles

Text highlights are an extremly easy way to show something off or to make your text stand out when bold just isn’t enough!

Unordered List

With 3 level nested elements

  • List Item 1
  • List Item 2
    • List Nested 1
    • List Nested 2
      • List Nested Nested 1
      • List Nested Nested 2
      • List Nested Nested 3
    • List Nested 3
  • List Item 3
Ordered List

With 3 level nested elements

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

Tables

Classic tables

And it’s pure CSS3! That means just fill in the data, and the table expands to fit the size you need!

#First Name Last Name Username
1 Filip Stefansson filipstefansson
2 Victor Meyer Pudge
3 Mans Ketola-Backe mossboll

Blockquotes

User reviews done with style

We’ve included a few variations of blockquotes to aid you with whatever you require in your future project. Check them out below!

Au fost la nunta mea și am fost foarte mulțumită, așa că la botez au fost primii de care m-am asigurat că sunt disponibili!

Angela

Plecam din țară și am vrut sa avem albumele la noi și filmarea. La două săptămâni de la nuntă le-am primit și am ramas uimiți de calitate!

Radu & Iulia

Îmi place arta așa că am mers pe mâna lor și mi-au depășit așteptările au livrat mai devreme și mai mult decât am semnat în contract.

Ionut

Heading Variations

This is heading style too!

Demo 1

Headings with clickable top columns and differnent colors for lines and icon backgrounds.

Demo 2

Larger center headings for even more information can be added as well!

Demo 3

Maybe incorporate an icon as well? Makes it even better!

 

Comments are closed.