# Home Page Layout Tutorials

## 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.

{% embed url="<https://www.youtube.com/watch?v=76QxahOHiSE>" %}

### Descriptions for Homepage Layout 1

This video shows the steps on creating one of our standard homepage layouts. You'll be using:

* [Banners](https://ccsdrupalguide.uoguelph.ca/ugcontenttypes/howto-banner#creating-a-banner-image)
* [Mini panels](https://ccsdrupalguide.uoguelph.ca/advancedguide/howto-minipanels#creating-a-mini-panel)
* [News articles](https://ccsdrupalguide.uoguelph.ca/ugcontenttypes/howto-news#to-add-a-news-article)
* [Events](https://ccsdrupalguide.uoguelph.ca/ugcontenttypes/howto-events#to-create-an-event)
* [Featured items](https://ccsdrupalguide.uoguelph.ca/ugcontenttypes/howto-featured#to-create-a-featured-item)

There's a [Glossary of views](https://ccsdrupalguide.uoguelph.ca/views) available to you if you would like to use a different view from the views used in this example.

{% embed url="<https://www.youtube.com/watch?v=76QxahOHiSE>" %}