Sample Layouts

Styled within the modules

Two Column Width Layout

Removed gutter width margins with image text alternating with call to action button

Product Feature

The Divi theme has premade layouts for the homepage, a portfolio, an eCommerce Storefront, and much more! Check out the theme demo to preview a few of these premade layouts. We’ve even realeased layout packs along the way for portfolios and business focused websites.

Never before has there been such a leap in website building. The drag and drop method using premade layouts gives you the room to create the website you always wanted. It’s not necessary to know how to code. This text is entered diretly into the module settings in the content area.

The styled two color setting is known a gradient. Within the module you select the color and drag the transparency setting. The Divi theme brings out your creative streak. Everyone has one!

Thanks to the designers and developers of Divi, Nick Roach and the Elegant Themes team.

Communicate through your website

A website is a publishing platform.

If you are considering revising an existing site the Divi Theme provides you with the resources to make different choices. Visiting a website should be a pleasant experience.

In the world of website viewing, less is more.

Sometimes a line or two that helps someone find what they are looking for.

Spend time thinking about the content of what your business represents. Come to conclusions based on your experience looking for information on the web. The web is a vast resource of information and technology moves quickly. As you use the Divi Theme you’ll find yourself keeping pace changing the pages and adding projects to showcase your business and services.

The best thing about the Divi Theme is you don’t even realize you’re not using code, it’s built for the non-tech user who wants a website their way. It’s the way the web is moving. Updates and improvements give you time to focus on doing the business and not doing the website.

Product Feature

The Divi theme has premade layouts for the homepage, a portfolio, an eCommerce Storefront. Check the theme demo to preview a few of these premade layouts.

Never before has there been such a leap in website building. The drag and drop method using premade layouts gives you the room to create the website you always wanted. It’s not necessary to know how to code. This text is entered diretly into the module settings in the content area.

The styled two color setting is known a gradient. Within the module you select the color and drag the transparency setting. The Divi theme brings out your creative streak. Everyone has one!

Thanks to the designers and developers of Divi, Nick Roach and the Elegant Themes team.

Communicate through your website

A website is a publishing platform.

If you are considering revising an existing site the Divi Theme provides you with the resources to make different choices. Put yourself in the position of the person visiting your website.

What do you want them to know?

In the world of website viewing, less is more.

Sometimes it is just a line or two that helps someone find what they are looking for.

Spend time thinking about the content of what your business represents. Come to conclusions based on your experience looking for information on the web. The web is a vast resource of information and technology moves quickly.

As you use the Divi Theme, you’ll become familiar with the modules and how they work.

White space on a page allows the content to be easily read. Too much color can distract from the text.

Three Column Width Layout using the Blurb Module with styled image

Unique Shape

An image with a different shape. The effect is created in the Advanced section of the Blurb Settings.

Copy and paste the CSS code into the Custom CSS section and the image will change shape.

Unique

Avoid using dummy text. When you come to writing the content for the module you may not be able to make your content the same length. 

With the Visual Builder you can work directly onto the web page and see the changes at the same time.

Unique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit faucibus dui non dignissim. Integer mi tellus, dictum scelerisque venenatis eu, iaculis laoreet eros. Mauris et diam eu turpis mattis cursus et non lorem. Sed sit amet magna sed mi tempus porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin id faucibus tellus.

Three Column Width Blurb Module with Double Line Top Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit faucibus dui non dignissim. Integer mi tellus, dictum scelerisque venenatis eu, iaculis laoreet eros. Mauris et diam eu turpis mattis cursus et non lorem. Sed sit amet magna sed mi tempus porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin id faucibus tellus. Proin sollicitudin accumsan egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit faucibus dui non dignissim. Integer mi tellus, dictum scelerisque venenatis eu, iaculis laoreet eros. Mauris et diam eu turpis mattis cursus et non lorem. Sed sit amet magna sed mi tempus porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin id faucibus tellus. Proin sollicitudin accumsan egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit faucibus dui non dignissim. Integer mi tellus, dictum scelerisque venenatis eu, iaculis laoreet eros. Mauris et diam eu turpis mattis cursus et non lorem. Sed sit amet magna sed mi tempus porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin id faucibus tellus. Proin sollicitudin accumsan egestas.

Three Column Width Testimonial Modules with colored background

The testimonial text goes here. This is a quote from the person. 

Name of Person

Job Title, Company Name

Their testimonial text goes here. Their quote will not be the exact same length as the other quotes. 

 

Person's Name

Job Title, Company Name

The text goes here for this quote. This person has more to say and you want to keep their comments as they were complimentary to the new project you just launched. They gave you a stellar review.

Person's Name

Job Title, Company Name