> For the complete documentation index, see [llms.txt](https://ccsdrupalguide.uoguelph.ca/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ccsdrupalguide.uoguelph.ca/homepagelayouts.md).

# Home Page Layout Options

## Layout 1: Intro area with two main buttons. Grid below it with 3 columns and 2 rows, used for section lead-ins. News, Features, and Upcoming Events located at the bottom of the page.

![Image of 3 columns, 2 rows grid layout](/files/-Ldu93uS68-BrsvsG6W_)

## Layout 2: Intro area with three main buttons. Right below intro are Links with icons to main sections of the website. Search and News located to the right of the links.

![Image of intro and links with icons layout](/files/-Ldu93uUzt3p4Hk5hnnt)

## Layout 3: 3 column top level lead-ins. Info banner midway through the page. News, Features, Upcoming Events, and Stay Connected at the bottom of the page.

![Image of 3 column with info banner layout](/files/-LdteUUvZFy_YXEBLsMY)

## Layout 4: 4 column top level lead-ins

![Image of 4 columns grid layout](/files/-Ldu93uYt5Kd65y15nFw)