Pre-Fab Layouts

To save you work the Web Team at LSATS can furnish you with pre-formatted layouts for your pages. They come with sample content in them which you will then substitute for your own.

We recommend you leave the sample content in place until you have added your content. This will make it easier for you to drop components into the correct column, instead of outside it.

Below please find examples of the following pre-fab layouts we have prepared for you:

Two Columns of Equal Width
Two Columns: Left 2/3; Right 1/3
Two Columns: Left 1/3; Right 2/3
Three Columns of Equal Width
Four Columns: of Equal Width

Request a pre-formatted layout by sending an email to LSATechnologyServices@umich.edu

Two equal columns

From left to right this space is divided into 12 vertical units so you can adjust layout container widths. Below you see an example of two columns arranged 6:6.

View this layout on a discrete page.

text left

Lorem Ipsum este pur şi simplu o machetă pentru text a industriei tipografice. Lorem Ipsum a fost macheta standard a industriei încă din secolul al XVI-lea, când un tipograf anonim a luat o planşetă de litere şi le-a amestecat pentru a crea o carte demonstrativă pentru literele respective.

sample button

text right

E un fapt bine stabilit că cititorul va fi sustras de conţinutul citibil al unei pagini atunci când se uită la aşezarea în pagină. Scopul utilizării a Lorem Ipsum, este acela că are o distribuţie a literelor mai mult sau mai puţin normale, faţă de utilizarea a ceva de genul "Conţinut aici, conţinut acolo".

sample button

Two Columns: Left 2/3; Right 1/3

From left to right this space is divided into 12 vertical units so you can adjust layout container widths. Below you see an example of two columns arranged 8:4.

View this layout on a discrete page.

text left

sample button

text right

E un fapt bine stabilit că cititorul va fi sustras de conţinutul citibil al unei pagini atunci când se uită la aşezarea în pagină.

sample button

Two Columns: Left 1/3; Right 2/3

From left to right this space is divided into 12 vertical units so you can adjust layout container widths. Below you see an example of two columns arranged 4:8.

View this layout on a discrete page.

text left

Lorem Ipsum este pur şi simplu o machetă pentru text a industriei tipografice. Lorem Ipsum a fost macheta standard a industriei încă din secolul al XVI-lea, când

sample button

text right

sample button

Three equal columns

From left to right this space is divided into 12 vertical units so you can adjust layout container widths. Below you see an example of three columns arranged 4:4:4.

View this layout on a discrete page.

Sample Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

sample button

Sample Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

sample button

Sample Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

sample button

Four equal columns

From left to right this space is divided into 12 vertical units so you can adjust layout container widths. Below you see an example of four columns arranged 3:3:3:3.

View this layout on a discrete page.