With Quadra you can easily create and edit all sections as you like. You can make your website fluent and understandable by creating a completely professinal look.

The "row" and "col" systems are very simple to use. You can use all shortcuts in the current version of Bootstrap. You can also customize them with Quadra's special shortcuts. You can easily use spaces, font sizes, colors, and more.You can also check this elements page for extra field features:

Sections Element Page

You can create any count of columns with flex system and you can easily create columns with the ".col" class or with the ".col-auto" class. You can assign numbers for a fixed view and create different views for all devices (mobile devices, tablets, desktops).

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column Fullwidth

Aenean vestibulum magna vitae eleifend sodales. Cras auctor semper nibh, vitae volutpat mauris pretium vitae. Praesent ultricies lacus urna, sed suscipit enim mollis vel. Nullam rutrum nec enim vulputate malesuada. Suspendisse potenti. Pellentesque pretium est ut ligula ullamcorper, quis pulvinar neque interdum. Fusce sollicitudin tempor massa maximus imperdiet. Nullam maximus quam efficitur semper convallis. Sed et ex ut purus volutpat fermentum vel vel dui.

Nunc vel nulla malesuada, sagittis nunc sit amet, dignissim mi. Quisque sit amet elit nec odio malesuada dapibus non vel enim. Fusce mollis massa augue, nec eleifend orci auctor quis.

Column 7/12

Aenean vestibulum magna vitae eleifend sodales. Cras auctor semper nibh, vitae volutpat mauris pretium vitae. Praesent ultricies lacus urna, sed suscipit enim mollis vel. Nullam rutrum nec enim vulputate malesuada. Suspendisse potenti. Pellentesque pretium est ut ligula ullamcorper, quis pulvinar neque interdum.

Column 5/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 3/12
Column 3/12
Column 3/12
Column 3/12
Col 2/12
Col 2/12
Col 2/12
Col 2/12
Col 2/12
Col 2/12

You can edit individual backgrounds of all columns, change fonts, and create a look exactly the way you want.

You can only do this with simple helper classes to add to the columns. For example: .fs-14 ⭢ font-size: 14px; - lh-25 ⭢ line-height: 25px; and thousands of similar helper.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

You can easily equalize the height of the columns in a row. The length of their contents does not matter. And because it does it without javascript, you get very accurate and fast results.

If you want, you can also free up the height of the columns and choose to have automatic height.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

Pellentesque vel sodales urna, sed volutpat augue. Aenean pellentesque nulla sed mattis eleifend. Vivamus scelerisque, eros vel blandit fringilla, quam risus lobortis ex, a scelerisque nisl nisl tincidunt ipsum. Vivamus blandit iaculis nisi quis lobortis. Etiam eleifend massa eu turpis pellentesque vulputate.

Column 4/12

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

Column 4/12

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Column 4/12

Pellentesque vel sodales urna, sed volutpat augue. Aenean pellentesque nulla sed mattis eleifend. Vivamus scelerisque, eros vel blandit fringilla, quam risus lobortis ex, a scelerisque nisl nisl tincidunt ipsum. Vivamus blandit iaculis nisi quis lobortis. Etiam eleifend massa eu turpis pellentesque vulputate.

Column 4/12

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

You can use a container of your size to cover the columns. They can be selected from extra small to full width. (7 different container types are available in Quadra.)

Column Auto

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

Column Auto

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

Column Auto

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

Column Auto

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

If you want, you can give the columns a fixed height, maximum or minimum height. And you can position your content wherever you want. It is quite simple to set the content to all corners, directions and center.

You can adjust the style of the text in the content and the alignment direction. (Left-right aligned, justify, classic vertical or vertical orientation)

Aligned End

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

Aligned center

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

Aligned start

Proin mattis accumsan turpis quis iaculis. Phasellus id tristique leo, id rhoncus magna.

Aligned bottom left

Proin mattis accumsan turpis quis iaculis.

Aligned bottom right

Proin mattis accumsan turpis quis iaculis.

Centered Content

Proin mattis accumsan turpis quis iaculis.

Justify Text

Etiam vehicula, purus non condimentum venenatis, augue lorem ultricies velit, aliquet luctus mi quam eget augue. Aliquam viverra viverra convallis. Donec est velit, auctor at est sit amet, ultrices tincidunt sem. Nunc dapibus maximus ipsum eu venenatis. Suspendisse eget sodales leo. Quisque feugiat sed tellus eget porttitor. Donec cursus arcu nec mi tincidunt, in gravida arcu laoreet. Donec id tellus a dolor blandit feugiat. Sed venenatis purus ipsum, eu dignissim mauris imperdiet et. Vivamus vel mauris id urna volutpat molestie at id justo. Duis non fermentum lectus.

Vestibulum a enim sit amet leo gravida ultricies in ut nisi. Vivamus interdum ultrices nisi vitae fringilla. Donec euismod mauris sed faucibus placerat. Nulla suscipit porta tortor, nec consectetur est consequat et. Phasellus ornare in neque eu lacinia. Morbi interdum nibh sed tortor sodales egestas. Praesent ac ex vitae leo sollicitudin ultrices. Mauris a molestie arcu. Morbi leo sapien, venenatis eu dignissim ut, euismod aliquet elit. Donec eget accumsan nibh. Sed sodales faucibus diam in dictum.

Please tell us if you want to see more creative element templates in Quadra. We really care about it.
website logo template
Drop us a message

You're at the right place now! How can we help?

VISIT CONTACT PAGE