# Getting Started

The **Creating a Basic Site** tutorial provides step-by-step instructions to build an Umbraco website using a set of HTML, CSS, and JavaScript files. The tutorial allows you to use a website template, customize it, and wire up the sections that need content managing in the Umbraco CMS.

## **What You Need**

To install a basic website in the Umbraco CMS, you need the following:

* [A clean and empty installation of the Umbraco CMS](#installing-umbraco).
* [This tutorial uses a copy of the Custom Umbraco Template – a HTML5, responsive website template](#preparing-the-custom-umbraco-template-site). Download the Custom Umbraco Template attached below or, if you prefer, you can use your own flat HTML files.

{% file src="<https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2FFXqua8JmYeDOWmUR78ob%2FCustomUmbracoTemplate.zip?alt=media&token=407051e3-b716-4403-87ad-e92e99c65925>" %}

### Installing Umbraco

To download the latest version of Umbraco, refer to the [Installation article](https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/setup/install). On the installation wizard, follow the steps:

1. Enter your **Name**, **Email**, and **Password**.

   ![Installing Umbraco](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-94ca200843e9b7c723419cc333e804bc49bd8bef%2Ffigure-7-installing-umbraco-v11.png?alt=media)
2. Click on **Change Database** if you wish to configure another database for your Umbraco installation.
3. Choose the level of **Consent for telemetry data** of your Umbraco installation.
4. Click **Install**.

The installation will take a couple of minutes to complete. Once the installation is complete, you will see the **Umbraco Backoffice** screen.

### Preparing the Custom Umbraco Template Site

1. Unzip the Custom Umbraco Template to a folder on your system.
2. Open the **index.html** from the folder in your preferred browser to see the template.

   ![Default template homepage](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-1a5470c8fb2c6198eb7754e7434ac998dbee60fd%2Ffigure-5-retrospect-template-v8.png?alt=media)

The template contains some text with dummy links. We’re going to turn this into a fully-fledged, Umbraco-powered site!

## Logging in to Umbraco

You can log in to Umbraco in two ways:

1. Once the installation is complete, you will see the **Login** screen. You can enter the **Name** and **Password** used during the installation process.
2. Run localhost in your browser to see the **Login** screen.
3. Enter the **Name** and **Password** used during the installation process. You should see a similar Umbraco Backoffice as the image below:

   ![Umbraco Backoffice](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-296e79ed17bd8dc710cb1555a0b48d90107b671a%2Ffigure-6-umbraco-empty-v8.png?alt=media)