Cheat Sheet - 2017

 

This is a markdown block.

This is a test H3

This is header 4 - It's Nimbus, so you can make large headers

This is header 5 - it's just like your other style only red
This is header 6 - and again - only bluegray

This is a class called "header 7" and it looks like this

This is a class called "header 8" and it looks like this

This is a class called "header 9" and it looks like this

That's all folks!

Image Styles - 2017


Stacked images

STACKED with button

This is the sub text. Vestibulum luctus eleifend condimentum. Morbi placerat, risus ut laoreet imperdiet, massa quam faucibus lorem, ac aliquet nisl mauris quis lacus. Nullam feugiat ipsum et lorem varius varius. Sed posuere massa vel pulvinar tincidunt. Ut iaculis tortor a tempus commodo. Ut in convallis dui, sit amet imperdiet felis. Nam interdum felis eget lorem scelerisque, vel gravida risus imperdiet. 

Stacked without button

Ut in convallis dui, sit amet imperdiet felis. Nam interdum felis eget lorem scelerisque, vel gravida risus imperdiet. And a link here.

 

2 up stacked images

Stacked 1

A stacked image with a button.

Stacked 2

Stacked next door.

Poster Images

0AC87431-30ED-4045-89C2-0EB79611238B@home.jpeg

poster with button

poster image text!

This is a poster

Sub text goes here...

This is a link

2 up poster images

Lay these out to make a grid...The text will resize dynamically, based on the number of items in the grid, and thus their size...

Image 1

Vestibulum luctus eleifend condimentum. Morbi placerat, risus ut laoreet imperdiet...

Image 2

Vestibulum luctus eleifend condimentum. Morbi placerat, risus ut laoreet imperdiet...

 

Card Images

Card Image

Vestibulum luctus eleifend condimentum. Morbi placerat, risus ut laoreet imperdiet, massa quam faucibus lorem, ac aliquet nisl mauris quis lacus. Nullam feugiat ipsum et lorem varius varius. Sed posuere massa vel pulvinar tincidunt. This is a link.

01 kittens.jpg

Card with Button

Vestibulum luctus eleifend condimentum. Morbi placerat, risus ut laoreet imperdiet, massa quam faucibus lorem, ac aliquet nisl mauris quis lacus.

Card Image

This one is right aligned...

2 Up Card Layouts

You can make a grid like this...Text will resize dynamically.

Card 1

Some sub text...

Card 2

Some sub text...

 

Overlap Images

01 kittens.jpg

Overlap Image 

Vestibulum luctus eleifend condimentum. Morbi placerat, risus ut laoreet imperdiet.

This is a link

 

 

Overlap w/ Button

Vestibulum luctus eleifend condimentum. Morbi placerat, risus ut laoreet imperdiet.

Overlap aligned right - won't show bg unless text is long enough. Like this.

Vestibulum luctus eleifend condimentum. Morbi placerat, risus ut laoreet imperdiet.

 

Collage Images

Collage Image

Nulla ut aliquam augue. Pellentesque ultrices dignissim magna a maximus. Suspendisse interdum erat ipsum, vel tincidunt orci aliquam nec. Integer in nunc vel lacus commodo facilisis. Etiam egestas ut magna nec maximus. Link here.

0AC87431-30ED-4045-89C2-0EB79611238B@home.jpeg

Collage w/ Button

Integer in nunc vel lacus commodo facilisis. Etiam egestas ut magna nec maximus.

2 Up Collage Layouts

For making grids! - Text resizes dynamically.

Collage Img Left

Quisque elementum a est sed bibendum. 

0AC87431-30ED-4045-89C2-0EB79611238B@home.jpeg

Collage Img Rt

Quisque elementum a est sed bibendum. Duis vel consequat justo.