# 2.0: Getting Started

In this module we'll set up files and folders for the prework for HTML & CSS.

## Folder Setup

* Create a folder where you would like to keep your work for this class, it's best to make this in your C drive.

  ![New Folder](https://1226614751-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfAhlshtlbw2DNJ%2F-LAn66SO-CiQirKgv6NI%2F-LAn6Go5m6Kh5OZ00ae0%2F01-A.png?generation=1524497196884379\&alt=media)

## HTML PreWork File Set Up

We'll continue setting up the structure for our PreWork by adding files to the folders now.

1. Inside the `DotNetProjects` folder, create a folder called `HTMLCSSPreWork`.
2. Inside the `HTMLCSSPreWork` folder, create a folder called `1-HTML-Basics`.
3. Go into the `1-HTML-Basics` folder and add the following files, noting that each file has an *extension* of `.html`. Make sure that you are adding the files inside of the `1-HTML-Basics` folder:

   ```
    DotNetProjects
        └── HTMLCSSPreWork
            └── 1-HTML-Basics
                00-setup.html
                01-basic-tags.html
                02-h&p-tags.html
                03-lists.html
                04-links.html
                05-images.html
                06-tables.html
                07-divs.html
                08-inputs.html
                09-forms.html
                10-sections.html
                11-articles-headers.html
                12-footers.html
                13-navs.html
                14-iframes.html
   ```

## CSS PreWork File Set Up

Next, we'll scaffold out the files for CSS lessons. Please note that the extensions will alternate between `.css` and `.html`. 1. Inside the `HTMLCSSPreWork` folder, create a folder called `2-CSS-Basics`. 2. Add the following files inside fo that new folder:

```
    DotNetProjects
        └── HTMLCSSPreWork
            └── 1-HTML-Basics
            └── 2-CSS-Basics
                00-setup.css
                00-setup.html
                01-classes.css
                01-classes.html
                02-ids.css
                02-ids.html
                03-margins-padding.css
                03-margins-padding.html
                04-fonts.css
                04-fonts.html
                05-backgrounds.css
                05-backgrounds.html
                06-widths-heights.css
                06-widths-heights.html
                07-borders.css
                07-borders.html
                08-positions.css
                08-positions.html
```