Call To Action: Simple
The call to action component has three basic styles, each with some customizable options. Each style can be wide, spanning the width of the viewport, or full, spanning the full width of the content area. The simple style has an additional Narrow alignment, which spans the width of the narrow content region on desktop devices.
Call To Action Simple: Align Wide
CTA Simple Align Wide Black
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Wide White
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Wide Gray
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Wide Button Bottom
In addition, the button can be placed at the bottom — instead of the side — of all CTA simple styles.
Call To Action Simple: Align Full
Clicking inside the block, a small menu option will appear. Click the ALIGN button and select WIDE WIDTH.
CTA Simple Align Full Black
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Full White
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Full Gray
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Full Button Bottom
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
Call To Action Simple: Align Narrow (None)
Clicking inside the block, a small menu option will appear. Click the ALIGN button and select NONE.
CTA Simple Align Narrow Black
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Narrow White
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Narrow Gray
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!
CTA Simple Align Narrow Button Bottom
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iste atque ad aspernatur, fugiat commodi temporibus distinctio non excepturi autem quae corporis voluptatem sequi explicabo est! Aut veritatis adipisci atque!