Landing Page Sections

Note: If you are building landing pages with alternating sections, you will be alternating between “Section – White with Vertical Padding – PS” and “Section – No Vertical Padding for Background Color Rows – PS.” These are empty formatting sections that allow you to control the vertical layout. Sections with no vertical padding allow background image and/or background color sections to abut directly against one another. 

Row – Blurbs – Image Cards – 4-up/3-up/2-up

Row – Blurbs – Icon – 4-up/3-up

Row – Offset Previews

Row – Shield Buttons – PS

Row – Text – Standard – PS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas condimentum libero elementum quam tincidunt, id fermentum ligula fringilla. Aenean sit amet bibendum risus, sed feugiat arcu. Aenean auctor est erat, non congue urna ornare test eget. Bold. Italic. Bold italic. Sample link.

Vivamus lobortis, turpis ac ornare suscipit, nulla eros elementum ante, sit amet euismod lectus elit ut tortor. Sed mi enim, hendrerit nec faucibus et, semper sit amet dolor. Maecenas non dui velit.

Blockquote in leo neque, semper ut gravida eu, tristique vitae ex. Ut auctor vel tortor vel vehicula. Aliquam nulla risus, tempus nec tempus sed, lacinia in nisl. In aliquam augue enim, hendrerit tristique tortor vulputate nec. Praesent a massa bibendum, euismod augue quis, accumsan magna.

Header Three

Duis ligula tortor, dignissim ac aliquet in, scelerisque non libero. Etiam a risus erat. Aliquam augue nulla, ullamcorper vitae egestas sit amet, consequat ut ante. Curabitur ac turpis sed tellus semper porta at vel turpis. Nunc venenatis sem tortor, at vulputate sapien ornare quis.

Header Four

• Unordered List
• Cras vitae auctor arcu. Suspendisse ornare blandit tempus. In vulputate accumsan massa sit amet semper.
• Nam volutpat ipsum at accumsan aliquet. Maecenas elementum urna eget orci rutrum imperdiet. Nulla sit amet mi tellus.
• Aenean a mauris nisl. Nunc quam urna, volutpat vitae pharetra sed, tincidunt id neque. Ut eu luctus justo.
• Cras suscipit lacus a tempus posuere. Maecenas a elit fermentum, rhoncus magna sed, maximus leo.

Header Four

1. Ordered List
2. Vestibulum maximus dui sit amet tortor euismod congue.
3. Nunc sit amet fringilla mauris. Maecenas lobortis urna lacus, sed vestibulum ex ultricies quis.
4. Maecenas placerat fermentum rhoncus.
5. Mauris malesuada, magna a pretium egestas, justo tellus sagittis dui, vel mollis augue erat vel dui.
6. Integer a ultrices neque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas condimentum libero elementum quam tincidunt, id fermentum ligula fringilla.

Buttons (Modules)

Image – One-Column – PS

Row – Images – 2-column – PS

Row – Images – 3-column – PS

Row – People – Blurb Card-based – PS

Individual modules are Blurb Module – Directory Individual – PS

Row – Directory – Text-based – PS

Individual modules are Person – Text Capsule for Directory – PS

Modules

Accordion – PS

Social Media – PS

Divider – PS

Toggle – PS

Gallery – Grid – PS

Gallery – Slider – PS

Video – PS

Testimonial – PS

Video Slider – PS

Slider – PS

Code – PS

Can be used for iframe/js code embeds for maps, forms, audio players, etc.

Countdown Timer – PS

Audio – PS

Person – Full-width Inline – PS

Notification Modules – PS

TablePress

• Create tables under TablePress.
• View All Tables and grab the ID shortcode in the form of [table “n” not found /]
• Paste that into a divi text module.

[table id=1 /]

Rows

Row – Circle Counters – PS

Row – Number Counters – PS

Row – Inline Buttons – PS

Buttons can only be inline if they are within a separate row.

Row – Reverse Sections

Row – Full-width Code – PS

Can be used for iframe/js code embeds for maps, forms, audio players, etc.