Typography

[text_box]Codeus gives you a large number of shortcodes to work with typography of your website: headings, dropcaps, quoted text, divider. All of them could be easily re-styled in theme options! [/text_box]

[divider type=’linebreak’]

[divider type=’linebreak’]

H1 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.

[divider type=’linebreak’]

[divider type=’linebreak’]

H2 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.

[divider type=’linebreak’]

[divider type=’linebreak’]

H3 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.

[divider type=’linebreak’]

[divider type=’linebreak’]

H4 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.

[divider type=’linebreak’]

[divider type=’linebreak’]

H5 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.

[divider type=’linebreak’]

[divider type=’linebreak’]

H6 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.

[divider type=’linebreak’]

[divider]

[divider type=’linebreak’]

Dropcap

[one_half][dropcap]P[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl. Dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.[/one_half][one_half_last][dropcap border_color=”#E8ECEF” background_color=”#E8ECEF” text_color=”#48AFDA”]B[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl. Dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.[/one_half_last]

[divider type=’linebreak’]

[one_half][dropcap border_color=”#48AFDA” background_color=”#48AFDA” text_color=”#FFFFFF”]A[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl. Dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.[/one_half][one_half_last][dropcap border_color=”#3B3E4F” background_color=”#3B3E4F” text_color=”#FFFFFF”]Z[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl. Dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl.[/one_half_last]

[divider type=’linebreak’]

[divider]

[divider type=’linebreak’]

Quoted Text

[one_half][text_box][quote]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl. Curabitur porta tortor eget leo dapibus, non aliquet erat luctus.[/quote][/text_box][/one_half][one_half_last]

[divider type=’linebreak’]

[quote]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcu vitae, egestas tellus. Etiam dignissim purus in arcu viverra, eget blandit lectus bibendum. Duis nec bibendum mi. Praesent ac mattis ipsum, vitae sollicitudin nisl. Curabitur porta tortor eget leo dapibus, non aliquet erat luctus. psum dolor sit amet, consectetur adipiscing elit. Sed quis arcu pharetra, pellentesque arcum. [/quote][/one_half_last]

[divider type=’linebreak’]

[divider]

[divider type=’linebreak’]

Divider

[divider]

[divider type=”dashed” color=”red”]

[divider type=”double” color=”black”]