Divi Modules

Layouts pack

Accordion Modules

Accordion v. 1

Who is the head of the company?
ai-generated-client3
Jane Doe
CEO & Founder
Sed ut perspiciatis unde omnis accusantium doloremque dolorem ipsum quia dolor sit.
Who leads the design department?
ai-generated-client2
Jack Doe
Lead Designer
Sed ut perspiciatis unde omnis accusantium doloremque dolorem ipsum quia dolor sit.
Who is UI/UX developer?
ai-generated-client3
Marta Kim
UX/UI lead
Sed ut perspiciatis unde omnis accusantium doloremque dolorem ipsum quia dolor sit.
Who leads the project?
ai-generated-client2
John Doe
Project Manager
Sed ut perspiciatis unde omnis accusantium doloremque dolorem ipsum quia dolor sit.

Accordion

“The accordion module is a great way to consolidate information within a single system,” says Elegant Themes in the Divi documentation. Here we want to present you some examples for inspiration so that you can use them in your future project using the Alfa Divi Child Theme.

Accordion v. 2

Where to buy Calypso software?
You can purchase Calypso software directly from our dealers.
Can I upload it from Google Play Market?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis in eu mi bibendum neque egestas congue. Lorem ipsum dolor sit amet.
Can I extend a trial period?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis in eu mi bibendum neque egestas congue. Lorem ipsum dolor sit amet.
Do you have any discounts?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis in eu mi bibendum neque egestas congue. Lorem ipsum dolor sit amet.

Accordion v. 3

Where do I go to join your team?

Lorem ipsum dolor sit amet

Where to buy it in the USA?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Should I use any batteries?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

How to connect it to the security system?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

landing-separator
landing-separator
landing-separator

Toggle Modules

Toggle Module v. 1

Alfa Divi Child Theme

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.

Alfa Divi Child Theme
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.
Alfa Divi Child Theme
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.

Toggle Module v. 2

Alfa Divi Child Theme

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.

Alfa Divi Child Theme

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.

Alfa Divi Child Theme

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.

Toggle Module v. 3

Item description
Spotify logo

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.

Software features
WordPress logo

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.

important notice
Shopify logo

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.

landing-separator
landing-separator
landing-separator

Bar Counter Modules

25%

Development

50%

QA Testing

Bar Counters

75%

Optimization

100%

Deployment

Bar counters are used throughout the web to effectively illustrate data or metrics with subtle color animation that represents a certain value.  Here we want to present you some examples for inspiration so that you can use them in your future project using the Alfa Divi Child Theme.

Bar Counters v. 1

  • Computer Programming 92% 92%
  • QA Tests 67% 67%
  • Software performance testing 78% 78%
  • UI/UX development 34% 34%

Bar Counters v. 2

  • Computer Programming
  • QA Tests 67% 67%
  • Software performance testing 78% 78%
  • UI/UX development 34% 34%

Bar Counters v. 3

  • Requirement analysis 100% 100%
  • Coding 85% 85%
  • QA Testing 35% 35%
  • Deployment 10% 10%

Bar Counters v. 4

  • Computer Programming 60% 60%
  • QA Tests 30% 30%
  • Software Performance Testing 85% 85%
  • UI/UX Development 56% 56%

Bar Counters v. 5

  • Computer Programming 35% 35%
  • QA Tests 50% 50%
  • Software Performance Testing 75% 75%
  • UX/UI development 95% 95%

Bar Counters v. 6

  • Requirement analysis 80% 80%
  • Ui/UX Development 75% 75%
  • QA Tests 45% 45%
  • Computer programming 80% 80%
landing-separator
landing-separator
landing-separator

Button Modules

Button v. 1

Button v. 2

Button v. 3

Button v. 4

BUTTON

Button v. 5

Button

Button v. 6

Button v. 7

Button

Button v. 8

landing-separator
landing-separator
landing-separator

Circle Counter Modules

Circle Counter v. 1

%

Computer Programming

Circle Counter v. 2

%

Quality Assurance Procedures

Circle Counter v. 3

Software Development

Circle Counter v. 4

%

General Planning & Development

landing-separator
landing-separator
landing-separator