Layout Examples

Various Icon Layouts

This page contains a handful of pageblock options that contain “icon blurbs”, which is a versatile Divi module that can become a clickable card if necessary… otherwise, it’s a really clean design layout element that combines iconography and text. We decided to break the Pageblock Master up into several smaller pages to help optimize the admin experience and to help with page load speeds.

If you’re looking for a different pageblock option altogether, simply use the left-hand sidebar navigation. The names in left-hand sidebar nav should be pretty intuitive. Also in the left-hand navigation, you’ll see that you can navigate to a handful of other “How To” pages that provide further info about how to administer this website.

H2 – 4-Col Icon Blurbs (light gray bg)

Use complete managed services to profitably leverage technology. With a fully-managed IT services model, you’ll deliver an unparalleled experience to your users and get a strategic technology roadmap in place for the future.

Header / Title Goes Here

Additional copy goes in there for greater context or information. For the icon, we recommend uploading an .svg file for optimum results.

Header / Title Goes Here

Additional copy goes in there for greater context or information. For the icon, we recommend uploading an .svg file for optimum results.

Header / Title Goes Here

Additional copy goes in there for greater context or information. For the icon, we recommend uploading an .svg file for optimum results.

Header / Title Goes Here

Additional copy goes in there for greater context or information. For the icon, we recommend uploading an .svg file for optimum results.

H2 – 4-Col Icon Blurbs (white bg)

Use complete managed services to profitably leverage technology. With a fully-managed IT services model, you’ll deliver an unparalleled experience to your users and get a strategic technology roadmap in place for the future.

Header / Title Goes Here

Additional copy goes in there for greater context or information. For the icon, we recommend uploading an .svg file for optimum results.

Header / Title Goes Here

Additional copy goes in there for greater context or information. For the icon, we recommend uploading an .svg file for optimum results.

Header / Title Goes Here

Additional copy goes in there for greater context or information. For the icon, we recommend uploading an .svg file for optimum results.

Header / Title Goes Here

Additional copy goes in there for greater context or information. For the icon, we recommend uploading an .svg file for optimum results.

Optional Pre-Title

H2 – Mega Block with Image (light gray bg)

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

CTA Button

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Optional Pre-Title

H2 – Mega Block with Image (white bg)

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

CTA Button

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Optional Pre-Title

H2 – Mega Block with Video (light gray bg)

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

CTA Button

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Optional Pre-Title

H2 – Mega Block with Video (white bg)

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

CTA Button

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Optional Pre-title

H2 – 3-Col, Sticky Text with Clickable Icon Cards (light gray bg)

This pageblock is ideal for when you want to tease some service pages, or promote any other content that you want users to click through to.

CTA Button

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Optional Pre-title

H2 – 3-Col, Sticky Text with Clickable Icon Cards (white bg)

This pageblock is ideal for when you want to tease some service pages, or promote any other content that you want users to click through to.

CTA Button

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Title / header goes in this field

Description text goes within this field. This should only be a couple sentences max. For image icons, we recommend uploading .svg file format for cleanest results.

Optional Pre-Title

H2 – 3-Col, Sticky Text with Grid of Icon Blurbs (light gray bg)

Paragraph text with .intro class applied for extra emphasis.

This pageblock is great when you want to surface some benefits all within one scroll depth.

CTA Button

Align Tech to Business

Make sure your technology partner puts your business goals before technology.

Minimize Risks

Protect against security threats with a strategic layered cybersecurity posture.

Upgrade Hardware

Monitor and upgrade hardware with end-of-life cycle planning and opex budgeting.

Make Proactive Plans

Put long-term plans in place to enable scalability, growth, and business continuity.

Manage Updates

Update software and applications to maximize productivity and minimize downtime.

Get 24/7 Support

Access timely resolution for any technology issue with our easy-to-use support services.

Optional Pre-Title

H2 – 3-Col, Sticky Text with Grid of Icon Blurbs (white bg)

Paragraph text with .intro class applied for extra emphasis.

This pageblock is great when you want to surface some benefits all within one scroll depth.

CTA Button

Align Tech to Business

Make sure your technology partner puts your business goals before technology.

Minimize Risks

Protect against security threats with a strategic layered cybersecurity posture.

Upgrade Hardware

Monitor and upgrade hardware with end-of-life cycle planning and opex budgeting.

Make Proactive Plans

Put long-term plans in place to enable scalability, growth, and business continuity.

Manage Updates

Update software and applications to maximize productivity and minimize downtime.

Get 24/7 Support

Access timely resolution for any technology issue with our easy-to-use support services.