---
title: Adding content-only pages to the MVC site
---

> Agent instructions:
> **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown.
>
> - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version.
> - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt).

> **Info:** This page is a part of a tutorial, which you should follow sequentially, from the beginning to the end. [Go to the first page: Getting started with Kentico](https://docs.kentico.com/k12sptutorial/getting-started-with-kentico.md).

## You will learn about:

## The Pages application

The **Pages** application allows you to create pages and modify the content of your website. The lean interface of the _Pages_ application supports effective content creation. Editors don't need to pay any attention to modeling or designing each page. They enter their content into templates defined by the corresponding page types, and the MVC application formats and displays the data on the live site. 

![Overview of the Pages application on MVC sites](https://docs.kentico.com/docsassets/k12sptutorial/adding-content-only-pages-to-the-mvc-site/mvc_pages_application_overview.png "Overview of the Pages application on MVC sites")

## Adding the Home page

1. In the **Pages** application, click the **New** () button above the content tree.
2. From the list of available page types, select the **Home (MEDIO Clinic)** page type.

   ![Selecting a page type for a new page in the content tree](https://docs.kentico.com/docsassets/k12sptutorial/adding-content-only-pages-to-the-mvc-site/creating_new_homepage_pages_application.png "Selecting a page type for a new page in the content tree")
3. In the page editor window, enter the following values:
   - **Name**: Home
   - **Header**: The goal of our clinic is to provide the best medical care. To make your life healthy at all times it is also necessary to keep up with a healthy way of living.
   - **Text heading**: Welcome to MEDIO clinic
   - **Text**: Our clinic, based in Bedford, NH, is a federally qualified health center offering high-quality, comprehensive, and family-oriented primary health care and support services since 7th March 1935. We are recognized by the National Committee on Quality Assurance as a Patient-Centered Medical Home. Providing health care for a stronger community, we serve nearly 20,000 patients annually.
4. Click **Save**.

The system adds the new _Home_ page under your **MEDIO clinic MVC** root.

![Creating the Home page in the Pages application](https://docs.kentico.com/docsassets/k12sptutorial/adding-content-only-pages-to-the-mvc-site/adding_the_home_page.png "Creating the Home page in the Pages application")

## Adding the Medical center page

1. Select the **MEDIO clinic MVC** root.
2. Click the **New** () button above the content tree, and select the **Medical center (MEDIO Clinic)** page type.
3. Enter the following values for your _Medical center_ page:

   - **Name**: Medical center
   - **Header**: Medical center of the MEDIO clinic
4. Click the **Source** button in the WYSIWYG editor, and add the following text with HTML markup into the **Text** field.

   ```xml

   <h1>Medical center</h1>
   <p>
   A clinic (or outpatient clinic or ambulatory care clinic) is a healthcare facility that is primarily devoted to the care of outpatients. Clinics can be privately operated or publicly managed and funded, and typically cover the primary health care needs of populations in local communities, in contrast to larger hospitals which offer specialized treatments and admit inpatients for overnight stays. Some clinics grow to be institutions as large as major hospitals, or become associated with a hospital or medical school while retaining the name "clinic".
   </p>

   ```

   ![Adding the HTML markup to the new Medical center page](https://docs.kentico.com/docsassets/k12sptutorial/adding-content-only-pages-to-the-mvc-site/adding_the_medical_center_page.png "Adding the HTML markup to the new Medical center page")
5. Click **Save**.

The system adds your second page to the content tree and displays the content using Kentico administration interface's default styling preferences. You will style the actual website's appearance when are developing the MVC application.

## Adding the navigation menu

### Separating the menu items from the pages

1. Select the **MEDIO clinic MVC** root page, and click the **New** () button.
2. From the list of available page types, select the **Menu items (MEDIO Clinic)** page type.
3. Enter _Menu content_ into the **Name** field.

   ![Adding a container for menu items](https://docs.kentico.com/docsassets/k12sptutorial/adding-content-only-pages-to-the-mvc-site/adding_the_menu_content_container.png "Adding a container for menu items")
4. Click **Save**.

The system adds the section under which you will create your menu items.

### Creating individual menu items

1. Make sure the **Menu content** page is selected.
2. To add the _Home_ page to the navigation, click the **New** () button.
3. Enter _Home_ into the **Menu text** field.
4. Click the **Select** button next to the **Page** field, choose _Home_ in the content tree to set up the menu item destination, and click **Select** at the bottom of the dialog window.

   ![Adding the Home to the menu](https://docs.kentico.com/docsassets/k12sptutorial/adding-content-only-pages-to-the-mvc-site/adding_the_home_menu_item.png "Adding the Home to the menu")
5. Click the **Save and create another** button.

The system creates your _Home_ menu item and displays the dialog window for adding a second item to the navigation.

1. Enter _Medical center_ into the **Menu text** field.
2. In the **Page** field, select the _Medical center_ page in the content tree.
3. Click **Save**.

   ![Adding the Medical center page to the menu](https://docs.kentico.com/docsassets/k12sptutorial/adding-content-only-pages-to-the-mvc-site/adding_medical_center_to_menu_saved_step.png "Adding the Medical center page to the menu")

The content of the site's pages and the navigation is ready. Now, you need to switch to Visual Studio and design the site in the MVC application.

**Previous page:** [Creating content-only page types](https://docs.kentico.com/k12sptutorial/mvc-development/creating-content-only-page-types.md) — **Next page:** [Working with generated classes in the MVC application](https://docs.kentico.com/k12sptutorial/mvc-development/working-with-generated-classes-in-the-mvc-application.md)

**Completed pages:** 5 of 10