Containers

"Containers are pre-designed sections that allow you to arrange blocks in complex layouts, enhancing the design and functionality of your pages. They provide a structured way to group content, ensuring consistency across your site and allowing for sophisticated page designs without extensive custom coding."
  -- Concrete5-Documentation

 

Nyx Theme comes with the following containers:

 

Two Column:

Left column Content

This is the left column. The image on the right is in the right column.
It is fully responsive.
On mobile devices the left column stacks on top of the right column.
The content is vertically centered. (not possible with grid-area-layouts)

Two Column Reverse stacked:

Two Column CTA:

two column call-to-action

this is meant to be used as a call-to-action element.

Two Column Hero:

Two column hero container

Features:
- adds a lot of padding
- centers the columns vertically
- stacks the columns in reverse
- centers the text/contents on mobile devices

It's great for building responsive hero sections!

Get Nyx Theme

Buy the Nyx Theme on the Marketplace and start building your Site.