Additional examples of website features can be found here >www.seattlesouthside.com/sandbox-000-keep-this/

Full-width Header Image Size

Example URL: www.seattlesouthside.com/

• 1920x1080
• 1920x750
• 1920x350 .. in which case a cropped image needs to contain all the image's most important elements.

Directory Listing Slider Images

Example URL: www.seattlesouthside.com/

Default = iDSS > Account > Detail Types > Image upload …. 790x475 works well to fill the entire slider window, closest aspect ratio = 5:3

Custom Map Location Images

Example URL: www.seattlesouthside.com/

CMS > Map > Custom Location > Upload _ results in nice looking 390x390 square image, fills the leaf mask.

Large Cards

• 1920x1284 … will automatically get cropped square.

Showcase Cards

• 1920x2880 … will automatically get cropped square.
• 1920x2500 … will automatically get cropped square.
• 1920x1280 … will automatically get cropped square.

Showcase Large Cards

• 1920x2880 … will automatically get cropped square.
• 1920x2500 … will automatically get cropped square.
• 1920x1280 … will automatically get cropped square.
  

Showcase Banner

• 1920x1440 … will automatically get cropped rectangular / Aspect Ratio = 1:64
• 1920x1280 … will automatically get cropped rectangular / Aspect Ratio = 1:64

Split Text Image

• 1920x1369 … will automatically get cropped square.
  
  
  Aspect Ratio Calculator > https://www.digitalrebellion.c...

H2 Heading

H3 Heading

H4 Heading

H5 Heading

Normal Text

H2 Lorem ipsum dolor sit amet, consectetur adipiscing elit

Amet porttitor eget dolor morbi non arcu risus quis varius. Ut enim blandit volutpat maecenas volutpat. Vehicula ipsum a arcu cursus vitae. Urna et pharetra pharetra massa massa ultricies mi. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Ullamcorper morbi tincidunt ornare massa eget. Diam maecenas sed enim ut. Orci porta non pulvinar neque laoreet suspendisse interdum consectetur. Nisl tincidunt eget nullam non nisi est sit. Congue eu consequat ac felis donec et odio pellentesque diam. Molestie nunc non blandit massa enim nec dui. Augue mauris augue neque gravida in fermentum et. Fusce id velit ut tortor pretium viverra suspendisse.

H3 Sagittis nisl rhoncus mattis rhoncus urna.

Aliquam etiam erat velit scelerisque in dictum non consectetur a. Tempor orci eu lobortis elementum nibh. Elit scelerisque mauris pellentesque pulvinar. Etiam dignissim diam quis enim lobortis scelerisque. Sollicitudin ac orci phasellus egestas tellus rutrum. Aenean pharetra magna ac placerat vestibulum lectus. Nunc pulvinar sapien et ligula. Sit amet risus nullam eget felis eget nunc lobortis mattis. Viverra maecenas accumsan lacus vel facilisis volutpat. Mauris pharetra et ultrices neque ornare aenean euismod elementum. Ac felis donec et odio pellentesque diam volutpat commodo. Vel eros donec ac odio tempor orci dapibus. Placerat orci nulla pellentesque dignissim. Varius duis at consectetur lorem. Iaculis urna id volutpat lacus laoreet non curabitur. Nisi quis eleifend quam adipiscing. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh. Interdum varius sit amet mattis vulputate enim nulla.

H4 Quis enim lobortis scelerisque fermentum.

Dolor magna eget est lorem ipsum dolor. Vitae congue mauris rhoncus aenean vel. Elementum sagittis vitae et leo duis ut. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Velit dignissim sodales ut eu sem integer vitae justo. Praesent elementum facilisis leo vel. Arcu felis bibendum ut tristique et egestas quis ipsum. Urna duis convallis convallis tellus id interdum. Eget arcu dictum varius duis at consectetur lorem. Eget lorem dolor sed viverra. Sem integer vitae justo eget magna. A erat nam at lectus urna duis convallis. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Aenean pharetra magna ac placerat. Eget gravida cum sociis natoque penatibus et magnis dis parturient. Aenean et tortor at risus viverra adipiscing. Vitae sapien pellentesque habitant morbi. Leo duis ut diam quam nulla porttitor massa id neque.

H5 Pretium viverra suspendisse potenti nullam ac.

Sed id semper risus in hendrerit gravida. Arcu dictum varius duis at consectetur. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Donec massa sapien faucibus et molestie. Lacus luctus accumsan tortor posuere ac ut consequat semper viverra. Cursus in hac habitasse platea dictumst. Nisi scelerisque eu ultrices vitae auctor eu augue ut. Scelerisque mauris pellentesque pulvinar pellentesque. In arcu cursus euismod quis viverra nibh cras pulvinar mattis.

Ullamcorper eget nulla facilisi etiam dignissim. Aliquam sem et tortor consequat id porta. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Sit amet tellus cras adipiscing enim. Diam vulputate ut pharetra sit. Sed id semper risus in hendrerit gravida rutrum. Lobortis scelerisque fermentum dui faucibus in. Dictumst quisque sagittis purus sit amet volutpat consequat mauris nunc. Urna et pharetra pharetra massa massa. Adipiscing commodo elit at imperdiet. Sagittis orci a scelerisque purus semper eget. Aliquet nibh praesent tristique magna sit amet purus gravida.

Link button

Link Styled

• Button 1
• Button 2
• Button 3
  • Button Indent

1. Numbered 1
2. Numbered 2
3. Numbered 3
   1. Indent

Button

Button

Button

Button

Wrong Button

Wrong Button

Wrong Button

Wrong Button