Andy from Webcrunch

Subscribe for email updates:

Portrait of Andy Leverenz
Andy Leverenz

August 5, 2017

Last updated November 5, 2023

Let’s Build: A Consultancy Website – Part 22

Coding the home page call to action and global CTA

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

Link this article
Est. reading time: 2 minutes
Stats: 780 views

Collection

Part of the Let's Build: A Consultancy Website collection

Products and courses