Let’s Build: A Consultancy Website — Part 22

Coding the home page call to action and global CTA

Originally published at web-crunch.com on August 5, 2017.

Part 22 carries on the series by introducing the call to action I designed for the home page as well as a global call to action that displays on every page of the site.

If it isn’t already obvious, a call to action is a way to convert a user to do some type of action. In our case, it redirects the user to the contact page where users can send a message directly to Alyssa. This is the ultimate goal at the end of the day after all.

Coding these parts are relatively simple. After creating fields for each section I was able to style those independently. I created new sass files for each section and applied styles within each.

Global settings

Because the global call to action will be on each page I created the fields inside the site.yaml file rather than the home.yaml file within the blueprints directory.

Download the Source Code for this Project

Source Code

The Series So Far


Originally published at web-crunch.com on August 5, 2017.

A single golf clap? Or a long standing ovation?

By clapping more or less, you can signal to us which stories really stand out.