Logo

Logos should be uploaded as SVG for optimal results.

Wherever possible, use H1 or H2 components for logos, and place the brand/site name in the text. The .logo class will automatically hide, the text and replace it with the logo image.

Brand Name Here

.logo

Brand Name Here

.logo.logo-200

Brand Name Here

.logo.logo-100

Brand Name Here

.logo.logo-50

Brand Name Here

.logo.logo-alt

Brand Name Here

.logo.logo-alt.logo-200

Brand Name Here

.logo.logo-alt.logo-100

Brand Name Here

.logo.logo-alt.logo-50

Theme Background Images

Use these background image classes for reusable theme imagery throughout the site.

.bg-image-1
.bg-image-2
.bg-image-3
.bg-image-4
.bg-image-5
.bg-image-6
.bg-image-7
.bg-image-8
.bg-image-9
.bg-image-10
.bg-image-8
.bg-image-9

Fixed Background Images

Create combo classes with your background image classes and the .bg-image-fixed class to create the 'parallax' scroll effect on the containers.

.bg-image-1.bg-image-fixed
.bg-image-2.bg-image-fixed
.bg-image-3.bg-image-fixed

Brand Name Here

.logo