Online Webpage Layouts

Body

This is the main body of the webpage, this can be left blank or you may type/embed material here. 

When embedding an image to the body field, make sure it is a maximum of 1600x900 pixel resolution or less. Preferably 1600x900 exactly when the image to be page spanning and is set to 100% width. If you choose to have a smaller image, make sure it has a 16x9 ratio to ensure it will scale properly on the page.

Below, you will see the various functionalities available when making a page on our website. 

Page layouts can range from one column to three columns. 

The functionalities available are: 

  • Accordion
  • Button
  • Media 
  • Pull Quote
  • Tabs
  • Text
  • Call Out Box (not available on the one column option) 
  • Twitter Feed (not available on the one column option) 

 

Advanced

Accordion Header
Accordion Test

Text

This is the accordion function. 

Text

You can have multiple sections.

Media
Lazarus Building
Pull Quote
This is the Pull Quote Function. Use it to highlight quotes or phrases.

Tab Header
Tabs Test

Text

This is the tabs function. The area here functions just like another place you you insert text or embed materials. 

Text

You can have multiple tab sections. 

Lazarus Building
Text

This is the text function, you can use this to create another area of text if you want separation from the main body. 

Text

 

Pull Quote
This is the Two Column function, you can mix and match any two functionalities seen above. 

Accordion Header
Two Column Accordion Function

Text

With two columns, the Call Out Box functionality is introduced. You can use this to insert a photo that will take you to a link when clicked. 

Text

Additionally, you also get the option to link a twitter feed with a few options to control how it looks (ie things like how many tweets will show).

Text

 

Text

Lastly, you can also choose a three columns layout which lets you mix and match any of the functionalities mentioned above (including the two new ones introduced in the two column layout). 

Tab Header
Three Columns Tabs Test

Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, 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 non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Text
Lazarus Building