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
Media
Lazarus Building
Media
Lazarus Building
Media
Lazarus Building
Media
Media
Lazarus Building
Media
Lazarus Building
Media
People touring art gallery
Text

Lorem ipsum dolor sit amet

 consectetur adipiscing elit. Curabitur non tincidunt velit. Phasellus non nibh nec neque auctor faucibus non at nisi. Cras at felis eu sapien eleifend sagittis. Nulla facilisi. Nam venenatis ornare neque, vel ornare tellus sagittis nec. Mauris aliquam posuere euismod. Praesent sodales metus ipsum. Praesent et sem sit amet velit pulvinar venenatis sed vel est. Nam porttitor efficitur neque vel fringilla. Donec sit amet iaculis sem. Vivamus eu sem eget quam hendrerit sollicitudin. Nullam dui dui, ultrices ac convallis a, sodales sit amet enim. Suspendisse bibendum mollis eros, ut mattis risus interdum vel.

Curabitur feugiat posuere ligula ut efficitur. Etiam vitae ullamcorper dui, et commodo lacus. Sed purus lorem, maximus in quam ut, condimentum gravida nulla. Suspendisse eu nunc nec lorem vestibulum sollicitudin. In ultrices lorem ut auctor pellentesque. Suspendisse potenti. Nullam quam dui, luctus ac aliquet at, venenatis a tellus. Ut imperdiet massa non eros tincidunt lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Media
Image of a video projection at the entrance of UAS during the Midnight Robbers Exhibition
Pull Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Media
Pull Quote
This is the Pull Quote Function. Use it to highlight quotes or phrases.

Accordion Header
Accordion Test

Text

This is the accordion function. 

Text

You can have multiple sections.

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