Examining the website layout

First and foremost, unlike the previous two projects we did, we are going to examine the website layout in wireframe before going any further in the chapter. After examining it, we will discover the Foundation components that are required for the website, along with the components and assets that may not be available in the Foundation package. The following is the website layout in the normal desktop screen size:

The preceding wireframe shows that the website will have five sections. The first section, plainly, is the header. The header section will contain the website logo, menu navigation, a few lines of catchphrases, and a button—many call it a call-to-action button.

Note

The following are a couple of references in regard to guidelines, best practices, and examples of call-to-action buttons. These are old posts, yet the underlying guidelines, tips, and principles are timeless; it's still valid and relevant to date.

• Call to Action Buttons: Examples and Best Practices...