Time for action – organizing the project directories, assets, and dependencies

1. In the htdocs folder, create a new folder, and name it startup. This is the folder in which the website will live.

2. Within the startup folder, create a folder named assets to contain all the assets like the style sheets, JavaScripts, images, and others.

3. Inside the assets folder create folders to group these assets:

   • css for the style sheets.

   • js to contain the JavaScripts.

   • scss to contain SCSS style sheet (more about SCSS in the next chapter).

   • img to contain the images.

   • fonts to contain the font icons.

4. Add the images, including the website logo, header image, icons, and the avatar image, as shown in the following screenshot:

   

5. Now, we will download the project dependencies, which will include the Foundation framework, the icons, jQuery, and a couple of other libraries. Hence, let's open a terminal or command prompt if you are using Windows. Then, navigate to the project directory with the cd command:

   • In Windows: cd \xampp...