# Introduction

**The Reporter** supports advanced home page layout customization. It won't be difficult, because all of the sections and banners is pre-made, so all you have to do is insert the required lines in the order you want. 

So, in order to work with the theme code, we will need to install a code editor if you don’t already have one. We recommend installing [<mark style="color:blue;">**Visual Studio Code**</mark>](https://code.visualstudio.com/download) as it is free and convenient. **Link to download -** [**https://code.visualstudio.com/download**](https://code.visualstudio.com/download)**.**

We also need to install **npm** and **Node.js** - [**https://docs.npmjs.com/downloading-and-installing-node-js-and-npm**](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).

Then, when **npm** is installed, we can open our theme so start working on it in Code Editor. To do this:

1. **Unzip** `the-reporter.zip` file
2. You'll see `the-reporter` unzipped **folder**
3. Then, **open** Visual Studio Code
4. **Drag and drop** `the-reporter` **folder** inside Visual Studio Code
5. Now we need to open terminal, to do this:&#x20;
   * From the menu, use the **Terminal** > **New Terminal** or **View** > **Terminal** menu commands.
6. Now, to install all packages, insert `npm install` **command** in your terminal and press **Enter**
7. To **customize** home page, we'll only need `index.hbs` file, find and open it.
8. **That's it! Well done! Now we can work on our theme customization!**