Hornet | Typography & Icons
5943
page-template,page-template-full_width,page-template-full_width-php,page,page-id-5943,theme-hornet,mkd-core-2.1.2,mikado-core-2.1.2,woocommerce-no-js,ajax_fade,page_not_loaded,,hornet-ver-2.3,vertical_menu_enabled, vertical_menu_left, vertical_menu_width_265,vertical_menu_background_opacity_over_slider vertical_menu_transparency vertical_menu_background_opacity_over_slider_on,smooth_scroll,no_animation_on_touch,side_menu_slide_with_content,width_470,grid_1300,woocommerce_installed,blog_installed,wpb-js-composer js-comp-ver-6.13.0,vc_responsive
 

Typography & Icons

USER INTERFACE
FONTS & COLORS

Aa

Raleway

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPRSTUVWXYZ

1234567890!@#$%^&*()_+

Aa

Maven Pro

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPRSTUVWXYZ

1234567890!@#$%^&*()_+

Heading 1

48px

ExtraBold, Line Height 54px

Heading 2

30px

SemiBold, Line Height 40px

Heading 3

20px

SemiBold, Line Height 30px

Heading 4

17px

Regular, Line Height 29px
Heading 5

17px

Bold, Line Height 24px
Heading 6

15px

Bold, Line Height 20px

Paragraph this is Photoshop’s version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin.

14px

Regular, Line Height 24px

Color Palette

p
p
p
p
p
p
LAYOUTS & TYPOGRAPHY

IV Columns Layout

ZThis is Photoshop’s version of Lorem Ipsum. Proin gravida nibh velvelit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh

III Columns Layout

ZThis is Photoshop’s version of oin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed nisi elit odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum.

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus.

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus.

II Columns Layout

ZThis is Photoshop’s version of oin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed mauris vitae erat consequat auctor eu in elit. Duis sed nisi elit odio sit amet nibh vulputate cursus a sit amet mauris

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Duis sed nisi elit odio sit amet nibh vulputate cursus a sit amet mauris nec sagittis sem nibh id.

I Third / II Thirds  Layout

ZThis is Photoshop’s version of oin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate a odio tincidunt.

II Third / I Thirds  Layout

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit.

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet. Etiam pharetra, erat sed fermentum feugiat.

III Fourth / I Fourth  Layout

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam.

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum, ut aliquam massa nisl quis neque. Suspendisse in orci sit amet mauris.

I Fourth / III Fourth  Layout

This is Photoshop’s version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum, ut aliquam massa nisl quis neque. Suspendisse in orci sit amet mauris.

This is Photoshop’s version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam.

Blockquotes

Vestibulum viverra dignissim nisi, vel dapibus enim pharetra quis. Quisque non luctus dolor, vel congue elit. Vivamus et cursus ante. Proin vestibulum dui quis mi elementum aliquam. Phasellus molestie ornare erat in varius.

Vestibulum viverra dignissim nisi, vel dapibus enim pharetra quis. Quisque non luctus dolor, vel congue elit. Vivamus et cursus ante. Proin vestibulum dui quis mi elementum aliquam. Phasellus molestie ornare erat in varius.

``Vestibulum viverra dignissim nisi, vel dapibus enim pharetra quis. Quisque non luctus dolor, congue. Vivamus et cursus ante. Proin vestibulum dui quis mi elementum aliquam. Phasellus molestie ornare erat in varius.``

Praesent mi diam, laoreet non posuere non, sagittis in tortor. Donec semper tellus enim, nec fermentum ante vulputate in. Aliquam tempor odio ut arcu dictum, non laoreet mi tempus laoreet non posuere non.

Icons
Online payment

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Top Products

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Gift Vouchers

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Fast Delivery

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Online Payment

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.

Online Payment

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.

Online Support

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.

Online Support

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.

ONLINE PAYMENT

This is Photoshop’s version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum.

PURCHASE
NEW FEATURES

This is Photoshop’s version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum.

PURCHASE
CUSTOMER SUPPORT

This is Photoshop’s version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum.

PURCHASE
Separators

Separator With Icon

Separator With Text Separator With Text

Left Separator

Lorem ipsum dolor sit amet, percipit partiendo an mel, legere philosophia voluptatibus ne est. Illud animal ne ius, probo feugiat consectetuer.

Centered Separator

Lorem ipsum dolor sit amet, percipit partiendo an mel, legere philosophia voluptatibus ne est. Illud animal ne ius, probo feugiat consectetuer.

Right Separator

Lorem ipsum dolor sit amet, percipit partiendo an mel, legere philosophia voluptatibus ne est. Illud animal ne ius, probo feugiat consectetuer.

CUSTOM FONTS
600+
GOOGLE FONTS TO CHOOSE FROM
Choose your font from the Google collection
Choose your font from the Google collection
Choose your font from the Google collection