Book Image

Learning Single-page Web Application Development

Book Image

Learning Single-page Web Application Development

Overview of this book

Table of Contents (15 chapters)
Learning Single-page Web Application Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Pure CSS and Responsive Boilerplate for frontend views


As we have seen in the previous chapter, we use Pure CSS and Responsive Boilerplate in our frontend to style the appearance of our templates.

As we do not need any more introductions to these tools, we will directly perform the implementation of the layout. For this example application, we will use a readymade layout that can be downloaded for free from http://purecss.io/layouts/. We will use the Landing Page layout example with minor changes, just so that it fits exactly to our needs for the conference website. After downloading the layout, perform the following steps:

  1. First of all, copy the marketing.css file from the layout folder inside the css folder from your downloaded package.

  2. Place the marketing.css stylesheet in the stylesheets folder inside the public directory.

Creating the index, profile, login, and signup pages

In this section, we will add the necessary HTML content to format the style of the templates stored in the views folder...