Modules Demo

This the demo for the Modules template which does NOT use the Gutenberg editor. The Gutenberg style guide is available here.

This is sample paragraph text. This is a bolded phrase, this is a phrase with no styling applied for comparison, this is an italicized phrase, and this is a link in the content area. The remaining text in this paragraph is just a placeholder. Belit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.

My content and image content with image on left on desktop. A 2:3 aspect ratio image will work well here but any type of image will work. Belit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

My content and image content with image on right on desktop. Hanc in motu voluptatem -sic enim has suaves et quasi dulces voluptates appellat-interdum ita extenuat, ut M. Haec et tu ita posuisti, et verba vestra sunt.

My content and video content with video on left on desktop. Belit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

My content and video content with video on right on desktop. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Num igitur eum postea censes anxio animo aut sollicito fuisse? Non est ista, inquam, Piso, magna dissensio.

Collapsible Groups (FAQs)

Consectetur Adipiscing Elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam. Quid ergo hoc loco intellegit honestum? Cupit enim dícere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Nec mihi illud dixeris: Haec enim ipsa mihi sunt voluptati, et erant illa Torquatis. Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus, quam ille tenuit, firmitatis et roboris. Non igitur bene. cat 1 question 1

Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam. Quid ergo hoc loco intellegit honestum? Cupit enim dícere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Nec mihi illud dixeris: Haec enim ipsa mihi sunt voluptati, et erant illa Torquatis. Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus, quam ille tenuit, firmitatis et roboris. Non igitur bene.
cat 1 question 2

FAQ Category #2

A question in FAQ Category #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam. Quid ergo hoc loco intellegit honestum? Cupit enim dícere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Nec mihi illud dixeris: Haec enim ipsa mihi sunt voluptati, et erant illa Torquatis. Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus, quam ille tenuit, firmitatis et roboris. Non igitur bene.
cat 2 question 1

Another question in FAQ Category #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam. Quid ergo hoc loco intellegit honestum? Cupit enim dícere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Nec mihi illud dixeris: Haec enim ipsa mihi sunt voluptati, et erant illa Torquatis. Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus, quam ille tenuit, firmitatis et roboris. Non igitur bene.
cat 2 question 2

FAQ Category #3

A question in FAQ Category #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam. Quid ergo hoc loco intellegit honestum? Cupit enim dícere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Nec mihi illud dixeris: Haec enim ipsa mihi sunt voluptati, et erant illa Torquatis. Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus, quam ille tenuit, firmitatis et roboris. Non igitur bene.
cat 3 question 1

Another question in FAQ Category #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam. Quid ergo hoc loco intellegit honestum? Cupit enim dícere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Nec mihi illud dixeris: Haec enim ipsa mihi sunt voluptati, et erant illa Torquatis. Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus, quam ille tenuit, firmitatis et roboris. Non igitur bene.
cat 3 question 2

FAQ Category #4

A question in FAQ Category #4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam. Quid ergo hoc loco intellegit honestum? Cupit enim dícere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Nec mihi illud dixeris: Haec enim ipsa mihi sunt voluptati, et erant illa Torquatis. Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus, quam ille tenuit, firmitatis et roboris. Non igitur bene.
cat 4 question 1

Another question in FAQ Category #4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit. Sed eum qui audiebant, quoad poterant, defendebant sententiam suam. Quid ergo hoc loco intellegit honestum? Cupit enim dícere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Nec mihi illud dixeris: Haec enim ipsa mihi sunt voluptati, et erant illa Torquatis. Theophrastum tamen adhibeamus ad pleraque, dum modo plus in virtute teneamus, quam ille tenuit, firmitatis et roboris. Non igitur bene.
cat 4 question 2

Featured Cards images should be a 2:3 aspect ratio. Recommended original size is 1536×1024, but the most important thing is to keep the aspect ratio the same. The theme will handle showing them at the correct width/height as long as the aspect ratio is correct.

Feature Cards

Feature Title Can Be Two Lines

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit.

Feature Without a Button

De malis autem et bonis ab iis animalibus, quae nondum depravata sint, ait optime iudicari. Id enim volumus, id contendimus, ut officii fructus sit ipsum officium.

Another Feature Title With Some Words

Res tota, Torquate, non doctorum hominum, velle post mortem epulis celebrari memoriam sui nominis.

Another Feature Title Lorem Ipsum

Facillimum id quidem est, inquam. Quicquid porro animo cernimus, id omne oritur a sensibus;

Another Feature Title

Facillimum id quidem est, inquam. Quicquid porro animo cernimus, id omne oritur a sensibus; Illud urgueam, non intellegere eum quid sibi dicendum sit, cum dolorem summum malum esse dixerit.

My content and image content with image on left on desktop and the image showing at 2/3 size. Belit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

My content and image content with image on right on desktop and the image showing at 2/3 size. Belit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.


To insert a full-width image when using the ‘Modules’ template, simply add a Content module, then click the Add Media button on the WYSIWYG editor, and choose ‘Large’ as the image size prior to inserting.

close
Switch Language