HPU | Column Layout Draft Page

Column Layout Draft Page

WYSIWYG Section

Columned Layout is just the same as the Full Width Layout except, there are no left and right columns.

To add a button, add the iconBtn styling on a link:

Sample Button

The WYSIWYG Content

The WYSIWYG Content type lets you format your text in different ways. It is somewhat similar to Microsoft Word where you can define lists, change font styles, indentations, insert media, make hyperlinks, etc.

Link 1

Accordion Section

This is the accordion #1. Same as the WYSIWYG content, you can put anything on this textbox. Accordions are the collapsible contents. These are perfect for long contents that prevents long scrolling especially on mobile view. Also, accordions are automatically colored.

This is the accordion #2. Same as the WYSIWYG content, you can put anything on this textbox. Accordions are the collapsible contents. These are perfect for long contents that prevents long scrolling especially on mobile view. Also, accordions are automatically colored.

This is the accordion #3. Same as the WYSIWYG content, you can put anything on this textbox. Accordions are the collapsible contents. These are perfect for long contents that prevents long scrolling especially on mobile view. Also, accordions are automatically colored.

This is the accordion #4. Same as the WYSIWYG content, you can put anything on this textbox. Accordions are the collapsible contents. These are perfect for long contents that prevents long scrolling especially on mobile view. Also, accordions are automatically colored.

This is the accordion #5. Same as the WYSIWYG content, you can put anything on this textbox. Accordions are the collapsible contents. These are perfect for long contents that prevents long scrolling especially on mobile view. Also, accordions are automatically colored.

This is the accordion #6. Same as the WYSIWYG content, you can put anything on this textbox. Accordions are the collapsible contents. These are perfect for long contents that prevents long scrolling especially on mobile view. Also, accordions are automatically colored.

This is the accordion #7. Same as the WYSIWYG content, you can put anything on this textbox. Accordions are the collapsible contents. These are perfect for long contents that prevents long scrolling especially on mobile view. Also, accordions are automatically colored.

This is the accordion #8. Same as the WYSIWYG content, you can put anything on this textbox. Accordions are the collapsible contents. These are perfect for long contents that prevents long scrolling especially on mobile view. Also, accordions are automatically colored.

Columns Section

Columns section allows user to separate contents into columns and make it look like a card if needed. You can add image on top of this column, or not, and choose different colors, or not.

Columns section allows user to separate contents into columns and make it look like a card if needed. You can add image on top of this column, or not, and choose different colors, or not.

Columns section allows user to separate contents into columns and make it look like a card if needed. You can add image on top of this column, or not, and choose different colors, or not.

Columns section allows user to separate contents into columns and make it look like a card if needed. You can add image on top of this column, or not, and choose different colors, or not.

Columns section allows user to separate contents into columns and make it look like a card if needed. You can add image on top of this column, or not, and choose different colors, or not.

Slider 1 TEST

This is the slider 1

Button 1

Slider 2

This is the slider 2

Button 2

Slider 3

This is the slider 4

Button 3

Slider 4

This is the slider 4

Button 4

The Last WYSIWYG Section

This is the last WYSIWYG section.

Sample Table Here

Header 1 Header 2 Header 3
This is the content 1 This is the content 2 This is the content 3

The CTA Footer

This is the CTA Footer. It refers to the section of a webpage or email that contains a call to action. This could be a button, link, or message prompting the user to take a specific action, such as signing up for a newsletter, downloading a resource, making a purchase, or contacting the company.

The CTA Button