Structure of Zurb Foundation

The zurb foundation download will consist of three folders and three files. CSS folder, JS folder, IMG folder, index.html file, humans.txt file and robots.txt file. Humans.txt and robots.txt files are just notes for people and the search engines, it is not important in this course so don’t worry about it.

The CSS folder holds all the necessary CSS files such as foundation.css, foundation.min.css and normalize.css, The JS folder has foundation.min.js file and two folders named as foundation and vendor. Foundation.min.js provides all the foundation plugins in one file, for fast load. The foundation folder contains each plugins as a single file. Vendor file has some external JS files and the IMG folder is to store the images used to design the website. The index.html file is the default home page that comes with the download, just open it in a HTML editor like Aptana Studio and start editing it to create your website. Play with it using the codes from the previous chapters to get familiar with it.