Let's Build A Consultancy Website - Part 22 - Coding the Home Page Call To Action and Global CTA

Hi, My name is Andy Leverenz. I design, code, and am an author of things. Check out my agency called Couple of Creatives https://coupleofcreatives.com and my blog Web-Crunch https://web-crunch.com🤘🏻

=============

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 https://github.com/justalever/endlyssdesigns

💻 Previously published at: https://web-crunch.com/lets-build-consultancy-website-part-22/

💻 Check out the blog: https://web-crunch.com

💡 👫 Check out my agency: https://coupleofcreatives.com

🚀 Links: Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever Medium: https://medium.com/the-web-crunch-publication

📘Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd

📙 Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt

📌Recommended Stuff I Use to Shoot Video: Canon EOS Rebel SL1 - http://amzn.to/2m3EZDH Linco Lighting Set - http://amzn.to/2mF8Shs Logitech HD Pro Webcam C920 - http://amzn.to/2mpqzBk Rode NT-USB Condenser Microphone - http://amzn.to/2mFhaG9

💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting ... https://www.youtube.com/watch?v=xS8GrdYNqWE