In the
htdocs
folder, create a new folder, and name itstartup
. This is the folder in which the website will live.Within the
startup
folder, create a folder namedassets
to contain all the assets like the style sheets, JavaScripts, images, and others.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.
Add the images, including the website logo, header image, icons, and the avatar image, as shown in the following screenshot:
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...
Responsive Web Design by Example : Beginner's Guide
By :
Responsive Web Design by Example : Beginner's Guide
By:
Overview of this book
Table of Contents (16 chapters)
Responsive Web Design by Example Beginner's Guide Second Edition
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Free Chapter
Responsive Web Design
Web Development Tools
Constructing a Simple Responsive Blog with Responsive.gs
Enhancing the Blog Appearance
Developing a Portfolio Website with Bootstrap
Polishing the Responsive Portfolio Website with LESS
A Responsive Website for Business with Foundation
Extending Foundation
Pop Quiz Answers
Index
Customer Reviews