# Layout basics

Each website consists of four major parts/sections

![](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MDFjvA6KWPWdZLWddT-%2F-MDG25EGXVYBk1155J3y%2FLayoutBasics-Final.png?alt=media\&token=26c52aeb-335e-4e82-a603-e6633e6ae077)

| Name                                                                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| [Navigation Bar](https://help.siteoly.com/sheets-getting-started/navbar) | This is the top most section of the site where you can display links and logos                                                                                                                                                                                                                                                                                                                                                                                     |
| [Header](https://help.siteoly.com/sheets-getting-started/header)         | This is the section next to Navigation Bar where main image (hero image) , text, email subscription can be displayed.                                                                                                                                                                                                                                                                                                                                              |
| [Body](https://help.siteoly.com/sheets-getting-started/body)             | This section contains the actual data/text/content of the sites. In turn, Body contains two internal sections called [Body-Text](https://help.siteoly.com/sheets-getting-started/body-text) and [Body-Cards](https://help.siteoly.com/sheets-getting-started/body-cards).  Body-Text can be used to display static text/image/various sub sections  on home page. Body-Cards can be used to display dynamic data on the site in the form on beautiful list, cards. |
| [Footer](https://help.siteoly.com/sheets-getting-started/footer)         | This is the last section of the site where you can display links and other declarations(copyright details etc).                                                                                                                                                                                                                                                                                                                                                    |